<section id="forum" class="flex flex-col space-y-2 mb-20 pt-20">
    <div class="flex flex-col bg-pewterBlue px-14 py-11">
        <h2 class="text-2xl md:text-3xl font-semibold mb-11 text-center">Memulai Peternakan Ayam Broiler</h2>
        <div class="flex flex-col md:flex-row md:justify-between space-y-8 md:space-y-0 md:space-x-20">
            <div
                class="flex flex-col justify-center items-center p-4 ring-2 rounded-md ring-gray-700 shadow-[6px_6px_0px_4px_#374151] space-y-3">
                <img src="{{ asset('images/icons8-question-and-answer.svg') }}" alt="icon" class="w-14 h-14">
                <h3 class="text-center font-semibold text-2xl">Tanya Jawab dan Berbagi Pengalaman</h3>
                <span class="text-center text-lg">Ajukan pertanyaan, temukan jawaban, dan pelajari pengalaman peternak
                    lainnya untuk mengatasi berbagai tantangan.</span>
            </div>
            <div
                class="flex flex-col justify-center items-center p-4 ring-2 rounded-md ring-gray-700 shadow-[6px_6px_0px_4px_#374151] space-y-3">
                <img src="{{ asset('images/icons8-solution.svg') }}" alt="icon" class="w-14 h-14">
                <h3 class="text-center font-semibold text-2xl">Solusi dari Peternak untuk Peternak</h3>
                <span class="text-center text-lg">Dapatkan saran langsung dari peternak berpengalaman atau bantu
                    menjawab pertanyaan sesama anggota komunitas.</span>
            </div>
        </div>
    </div>
    <div class="flex flex-col md:flex-row justify-between items-center space-y-8 md:space-y-0 md:space-x-14 px-14">
        <div class="flex flex-col space-y-5 w-full md:w-[55%]">
            <h1 class="text-2xl md:text-3xl font-bold tracking-wide leading-snug">
                Bersama Membangun Komunitas Peternak Ayam Broiler yang <span class="text-orange-500">Solid dan Berdaya
                    Saing</span>
            </h1>
            <p class="font-medium text-lg">Temukan solusi, berbagi pengalaman, dan bangun kolaborasi dengan
                sesama peternak untuk mencapai hasil yang lebih baik.</p>
            <a href="{{ route('forum.index') }}">
                <x-primary-button
                    class="ring-2 ring-gray-700 shadow-[4px_4px_0px_2px_#374151] text-white hover:shadow-[2px_2px_0px_2px_#374151] hover:translate-y-0.5 hover:translate-x-0.5 bg-orangeCrayola">
                    Coba Forum
                </x-primary-button>
            </a>
        </div>
        <img src="{{ asset('images/forum.png') }}" alt="icon" class="w-full md:w-[40%]" loading="lazy">
    </div>
</section>
