@aware(['page'])
<div class="w-full bg-no-repeat bg-cover bg-center" style="background-image: url('{{ asset('storage/'.$bgImage) }}')">
    <div class="theme-max-w mx-auto px-5 grid grid-cols-1 lg:grid-cols-2">
        <div class="px-6 py-20">
            <div class="font-semibold font-['Work_Sans'] tracking-[4.8px] mb-4 text-sm">{{ $heading }}</div>
            <div class="font-bold text-3xl sm:text-4xl lg:text-4xl mb-4">{{ $title }}</div>
            <div class="mb-4">{!! $description !!}</div>
            <div class="mb-4 pt-3">
                <a href="{{ $link }}">
                    <button class="border-2 border-white px-4 py-2 text-sm hover:bg-white hover:text-black transition font-bold">{{ $buttonText }}</button>
                </a>
            </div>
        </div>
    </div>
</div>