@aware(['page'])
<div class="theme-bg-blue my-16">
    <div class="theme-max-w mx-auto my-4 px-5">
        <div class="grid grid-cols-1 lg:grid-cols-2 col-reverse">
            <div class="text-white p-4 w-full order-2 lg:order-1 px-2">
                <div class="p-4">
                    <div class="text-sm text-white uppercase font-semibold mb-4">{{$heading}}</div>
                    <div class="text-3xl md:text-4xl font-bold leading-tight mb-4 lg:max-w-lg">{{$title}}</div>
                    <div class="text-white leading-relaxed mb-6 lg:max-w-lg">{{$description}}</div>
                    <a href="{{$link}}"><button class="bg-white theme-text-blue font-semibold px-10 py-3 rounded-full shadow-md hover:bg-gray-100 transition">{{$buttonText}}</button></a>

                    <div class="grid grid-cols-1 sm:grid-cols-3 gap-8 mt-10 max-w-xl text-center md:text-left mx-auto lg:mx-0">
                        @foreach($numbers as $number)
                            @if($loop->last)
                                <div class="flex flex-col items-center md:items-start">
                                    <div class="text-6xl font-bold text-white">{{$number['count']}}<span class="text-xl">+</span></div>
                                    <div class="text-sm text-white mt-2 text-center md:text-left">{{$number['title']}}</div>
                                </div>
                            @else
                                <div class="flex flex-col items-center md:items-start border-r-0 sm:border-r-2 pr-0 sm:pr-4">
                                    <div class="text-6xl font-bold text-white">{{$number['count']}}<span class="text-xl">+</span></div>
                                    <div class="text-sm text-white mt-2 text-center md:text-left">{{$number['title']}}</div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="w-full flex order-1 lg:order-2">
                <img src="" data-src="{{asset('storage/'.$image)}}" alt="Minimal Room" class="shadow-lg w-full h-auto object-cover my-auto lazy">
            </div>
        </div>
    </div>
</div>