@aware(['page'])
<div class="relative w-full h-[400px] md:h-[500px] lg:h-[600px] bg-cover bg-center" style="background-image: url('{{asset('storage/'.$image)}}');">
    <div class="absolute inset-0 flex flex-col justify-center items-center text-center px-4 sm:px-6">
        <div class="text-black text-2xl sm:text-4xl md:text-4xl lg:text-6xl font-bold mb-4 sm:mb-6"> {{$title}} </div>
        <a href="{{$link}}"><button class="theme-bg-blue text-white px-4 py-2 sm:px-6 sm:py-3 rounded-full text-sm sm:text-base md:text-lg shadow-md hover:bg-sky-800 transition"> {{$buttonText}} </button></a>
    </div>
</div>