@aware(['page'])
<div>
    <div class="theme-max-w mx-auto my-4 px-2 px-5">
        <div class="flex flex-col lg:flex-row justify-center items-center gap-12">
            <div class="w-full lg:w-1/2 flex justify-center">
                <img src="" data-src="{{asset('storage/'.$image)}}" alt="" class="w-full max-w-[500px] h-auto object-cover shadow-lg lazy"/>
            </div>
            <div class="w-full lg:w-1/2 text-center lg:text-left">
                <div class="uppercase text-sm text-gray-500 mb-4">{{$heading}}</div>
                <div class="text-3xl lg:text-4xl font-semibold text-gray-900 leading-snug mb-6">{{$title}}</div>
                <div class="text-gray-600 mb-8">{{$description}}</div>
                <a href="{{$link}}" class="inline-block theme-bg-blue text-white px-6 py-3 hover:scale-105 transition-transform duration-300 text-sm font-medium">{{$buttonText}}</a>
            </div>
        </div>
    </div>
</div>