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 InnerBannerproduct = ({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?.url)} alt="" />
                             <div className='info'>
                                 <Heading el="h2" heading={productData?.title} />
                                 <div dangerouslySetInnerHTML={{__html: productData?.description}}></div>
                             </div>
                        </div>
                    </Col>
                </Row>
            </div>
        </section>
    </>
  )
}

export default InnerBannerproduct