@aware(['page'])
<div class="w-full theme-max-w mx-auto px-5 py-6 mb-10">
    <div class="theme-bg-blue py-6 px-6 rounded-2xl grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="space-y-4 md:space-y-6 mx-auto my-auto text-center md:text-left order-2 lg:order-1">
            <h2 class="text-white text-3xl sm:text-4xl md:text-4xl font-bold">{{$title}}</h2>
            <div class="text-white text-base sm:text-lg">{!!$description!!}</div>
            <div class="flex justify-center md:justify-start">
                <a href="{{$buttonLink}}">
                    <button class="w-[161px] h-[48px] bg-white rounded-md text-[#171A1F] text-base md:text-lg font-['Poppins'] font-normal">{{$button}}</button>
                </a>
            </div>
        </div>
        <div class=" order-1 lg:order-2">
            <img src="" data-src="{{asset('storage/'.$image)}}" alt="Illustration" class="w-full mx-4 rounded-2xl lazy"/>
        </div>
    </div>
</div>