import React from 'react'
import { Col, Row } from 'react-bootstrap'
import { cleanImage } from '../services/imageHandling'
import Heading from "@/components/Heading";
import Image from 'next/image';
const InnerBannerBrands = ({subCategoryData}) => {
    console.log("bannerData", subCategoryData)
  return (
    <>
        <section className='innerbanner-section'>
            <div className='innerbanner product-details'>
                <Row>
                    <Col>
                        <div className='product-banner'>
                             <Image width={1920} height={948} src="/image/doors/valcucine.png" alt="" />
                             <div className='info'>
                                 <Heading el="h2" heading="Valcucine" />
                                 <p>Our doors are more than entryways—they are crafted statements of design, blending timeless aesthetics with modern functionality. Each piece defines spaces with sophistication and enduring style.</p>
                             </div>
                        </div>
                    </Col>
                </Row>
            </div>
        </section>
    </>
  )
}

export default InnerBannerBrands