@aware(['page'])
<div>
    <div class="w-full h-[400px] relative overflow-hidden mx-auto bg-white mb-10">
        <div class="w-full h-full relative overflow-hidden bg-cover bg-center" style="background-image: url('{{asset('storage/'.$bgImage)}}');">
            <div class="absolute inset-0 bg-slate-950/50"></div>
            <div class="absolute inset-0 flex items-center justify-center z-10">
                <h1 class="text-white text-2xl md:text-4xl font-bold text-center">{{$title}}</h1>
            </div>
        </div>
    </div>
</div>