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={true} />
                 
                  <div className='' dangerouslySetInnerHTML={{ __html: infoData?.description }}></div>
                
                </Col>
              </Row>
             
            </div>
        </section>
    </>
  )
}

export default AboutInfoBrands