import React from 'react'
import { Col, Row } from 'react-bootstrap'
import Heading from "@/components/Heading";
import Image from 'next/image';
import Link from 'next/link';

const AboutInfoBrands = ({infoData}) => {
  return (
    <>
        <section className='about-section about-info-section'>
             <div className='container'>
              <Row className='text-center justify-content-center'>
                <Col md={10}>
                  <Heading el="h2" heading={infoData?.title} isHtml />
                 
                  <div className='mb-3 gray-text' dangerouslySetInnerHTML={{ __html: infoData?.description }} />

                 
                {/* <div className="my-5"> <Link href="#" className="btn4">Read More</Link> </div>  */}
                </Col>
              </Row>
             
            </div>
        </section>
    </>
  )
}

export default AboutInfoBrands