import Link from "next/link"

export default function Breadcrumb({ breadcrumbTitle, bannerImage }) {
    return (
        <>

            <section className="page-title p_relative centred">
                <div
                    className="bg-layer"
                    style={{
                        backgroundImage: `url(${bannerImage || '/assets/images/background/page-title.jpg'})`
                    }}
                />
                <div className="pattern-layer">
                    <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
                    <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></div>
                    <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
                    <div className="pattern-4 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div>
                </div>
                <div className="auto-container">
                    <div className="content-box">
                        <h1>{breadcrumbTitle}</h1>
                        <ul className="bread-crumb clearfix">
                            <li><Link href="/" aria-label="Home">Home</Link></li>
                            <li>{breadcrumbTitle}</li>
                        </ul>
                    </div>
                </div>
            </section>


        </>
    )
}
