import React from 'react'
import { Col, Row } from 'react-bootstrap'
import Heading from "@/components/Heading";

const HeadTitle = ({categoryData}) => {
  console.log("headTitleData", categoryData)
  return (
    <>
        <section className='let-connect-section'>
            <div className='custom_container'>
              <Row className='text-center'>
                <Col>
                  <Heading el="h2" heading={categoryData?.title} />
                  <div className='mb-0 gray-text' dangerouslySetInnerHTML={{__html:categoryData?.description}}></div>
                  {/* <p className='mb-0 gray-text'>{categoryData?.descrition2}</p> */}
                </Col>
              </Row>
            </div>
        </section>
    </>
  )
}

export default HeadTitle