import React from 'react'
import { Col, Row } from 'react-bootstrap'
import Heading from "@/components/Heading";
const AboutInfo = ({productData}) => {
  console.log("productData aboutus", productData)
  return (
    <>
        <section className='about-section about-info-section pb-0'>
             <div className='custom_container'>
              <Row className='text-center justify-content-center'>
                <Col md={8}>
                  {/* <Heading el="h2" heading="Every person is unique," />
                  <Heading el="h2" heading="Every kitchen too." /> */}
                  <Heading
                el="h2"
                heading={productData?.title || ""}
                isHtml
              />

                  <div className='mb-0 gray-text' dangerouslySetInnerHTML={{__html:productData?.description}}></div>
                </Col>
              </Row>
            </div>
        </section>
    </>
  )
}

export default AboutInfo