{{--BUY FEATURES--}}
<div class="bg-white py-24 sm:py-32" data-aos="fade-up" data-aos-duration="300">
    <div class="mx-auto max-w-5xl px-6 lg:px-8">
        <div class="mx-auto max-w-2xl lg:text-center">
            {{--
                        <h2 class="text-base font-semibold leading-7 text-indigo-600">Deploy faster</h2>
            --}}
            <h2 class="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
                <span class="relative z-0 after:bg-yellow-400 after:-z-10 after:absolute md:after:h-6 after:h-4 after:w-full after:bottom-0 after:end-0">Hemen</span>
                Satın Alın
            </h2>
            <p class="mt-6 text-lg leading-8 text-gray-600">Sürekli enerji ihtiyaçlarınız için ihtiyacınıza uygun boyutta,<br>
                yeni ya da yenilenmiş jeneratör satın alın.</p>
        </div>
        <div class="mx-auto max-w-2xl lg:mt-12 lg:max-w-none">
            <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
                <div class="flex flex-col">
                    <dt class="items-center gap-x-3 text-xl font-semibold leading-7 text-gray-900">
                        <img class="h-48 mb-4" src="{{ asset('assets/images/features/ikinciel.svg') }}" alt="">
                        İkinci El Jeneratörler
                    </dt>
                    <dd class="mt-4 flex flex-auto flex-col text-base leading-7 text-gray-600">
                        <p class="flex-auto text-gray-400 text-sm">Tüm güç aralığındaki ihtiyaçlar.</p>
                        <p class="flex-auto mt-2">Yeni gibi, güvenle satın alabileceğiniz tüm bakımları yapılmış ikinci el jeneratörler.</p>
                        <p class="mt-6">
                            <a href="https://wa.me/905061573354"
                               class="py-2 px-4 text-sm rounded text-white bg-sky-800 hover:shadow-lg hover:shadow-primary/50 focus:outline focus:outline-primary/50">
                                <i class="fa-solid fa-arrow-right mr-1"></i>
                                Satın Alın
                            </a>
                        </p>
                    </dd>
                </div>
                <div class="flex flex-col">
                    <dt class="items-center gap-x-3 text-xl font-semibold leading-7 text-gray-900">
                        <img class="h-48 mb-4" src="{{ asset('assets/images/features/sifir.svg') }}" alt="">
                        Yeni Jeneratörler
                    </dt>
                    <dd class="mt-4 flex flex-auto flex-col text-base leading-7 text-gray-600">
                        <p class="flex-auto text-gray-400 text-sm">Tüm güç aralığındaki ihtiyaçlar.</p>
                        <p class="flex-auto mt-2">Marka fark etmeksizin tüm güç aralığındaki jeneratörler ve özel üretim jeneratörler.</p>
                        <p class="mt-6">
                            <a href="https://wa.me/905061573354"
                               class="py-2 px-4 text-sm rounded text-white bg-sky-800 hover:shadow-lg hover:shadow-primary/50 focus:outline focus:outline-primary/50">
                                <i class="fa-solid fa-arrow-right mr-1"></i>
                                Satın Alın
                            </a>
                        </p>
                    </dd>
                </div>
            </dl>
        </div>
    </div>
</div>
{{--END RENT FEATURES--}}