import React from 'react'
import { Col, Row } from 'react-bootstrap'
import Heading from "@/components/Heading";
const AboutInfo = () => {
  return (
    <>
        <section className='about-section about-info-section'>
             <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." />
                  <p className='mb-0 gray-text'>Each of our kitchen collections has been designed with man in mind, focusing on his wellness and needs,
creating products that contribute to the pleasures of everyday life. Luxury, design and modern kitchens
made to last generations, impervious to trends and ageless.</p>
                </Col>
              </Row>
            </div>
        </section>
    </>
  )
}

export default AboutInfo