import Image from 'next/image'
import React from 'react'
import { Col, Row } from 'react-bootstrap'
import { cleanImage } from '../services/imageHandling'
import Heading from "@/components/Heading";
const InnerBannerproduct = ({productData}) => {
    console.log("bannerData", productData)
  return (
    <>
        <section className='innerbanner-section'>
            <div className='innerbanner product-details'>
                <Row>
                    <Col>
                        <div className='product-banner'>
                             <Image width={1856} height={1086} src={cleanImage(productData?.image)} alt="" />
                             <div className='info'>
                                 <Heading el="h2" heading="About akruti luxe" />
                                 <p>The Akruti Lux Collection brings together iconic brands, bespoke designs, and architectural excellence—crafted to inspire refined living.</p>
                             </div>
                        </div>
                    </Col>
                </Row>
            </div>
        </section>
    </>
  )
}

export default InnerBannerproduct