<main>
    {{-- productos --}}
    <section class="grid grid-cols-1 gap-3 mx-5 my-5 lg:gap-8 md:grid-cols-3 lg:mx-36 lg:my-20">
        <a href="{{route('product')}}" class="flex flex-col items-center justify-center">
            <img class="h-[60%] lg:h-auto" src="{{asset('storage/productos/cafe_org_500.jpg')}}" alt="producto">
            <h4 class="text-2xl font-semibold text-center lg:text-start">CAFÉ ORGÁNICO DE ESPECIALIDAD 500 gr.</h4>
        </a>
        <a href="{{route('product')}}" class="flex flex-col items-center justify-center">
            <img class="h-[60%] lg:h-auto"  src="{{asset('storage/productos/cafe_org_amer_7,5.jpg')}}" alt="producto">
            <h4 class="text-2xl font-semibold text-center lg:text-start ">CAFÉ ORGÁNICO AMERICANO 7.5 kg.</h4>
        </a>
        <a href="{{route('product')}}" class="flex flex-col items-center justify-center">
            <img class="h-[60%] lg:h-auto"  src="{{asset('storage/productos/cafe_esp_amer_7,5.jpg')}}" alt="producto">
            <h4 class="text-2xl font-semibold text-center lg:text-start ">CAFÉ ESPECIAL ORGÁNICO 7.5 kg.</h4>
        </a>
        <a href="{{route('product')}}" class="flex flex-col items-center justify-center">
            <img class="h-[60%] lg:h-auto"  src="{{asset('storage/productos/cafe_org_500.jpg')}}" alt="producto">
            <h4 class="text-2xl font-semibold text-center lg:text-start ">CAFÉ ORGÁNICO DE ESPECIALIDAD 500 gr.</h4>
        </a>
        <a href="{{route('product')}}" class="flex flex-col items-center justify-center">
            <img class="h-[60%] lg:h-auto"  src="{{asset('storage/productos/cafe_org_amer_7,5.jpg')}}" alt="producto">
            <h4 class="text-2xl font-semibold text-center lg:text-start ">CAFÉ ORGÁNICO AMERICANO 7.5 kg.</h4>
        </a>
        <a href="{{route('product')}}" class="flex flex-col items-center justify-center">
            <img class="h-[60%] lg:h-auto"  src="{{asset('storage/productos/cafe_esp_amer_7,5.jpg')}}" alt="producto">
            <h4 class="text-2xl font-semibold text-center lg:text-start ">CAFÉ ESPECIAL ORGÁNICO 7.5 kg.</h4>
        </a>
    </section>
    {{-- productos --}}

    {{-- DIV CAFE --}}
    <section class="flex justify-center mb-10 text-white bg-contain lg:p-10 xl:items-center "
        style="background-image: url({{asset('storage/index/marco5.jpg')}});">
        <div class="w-[90%] lg:w-[70%] mx-auto text-center  bg-principal p-5">
            <h4 class="font-semibold lg:text-2xl ">Nuestra variedad estrella es Marsellesa muy apreciada por su sabor y excelente calificación en taza. <br> Se cultiva junto
            con otras variedades como Sarchimor, Costa Rica y Oro Azteca. <br> <br> <br>
            <span class="font-bold"> 
            NUESTRA FINCA ESTA UBICADA ENTRE LOS 1,100 Y 1,350 msnm., UNA ALTITUD IDEAL PARA DESARROLLAR PERFILES DE ALTA CALIDAD.</span></h4>
        </div>
    </section>

    <section class="p-5 mt-10 bg-principal ">
        <div class="grid grid-cols-1 gap-3 md:grid-cols-2 xl:mx-44">
            <p class="font-semibold text-white lg:text-xl 2xl:text-3xl place-self-center">
                El perfil de nuestro café enamora por su complejidad, equilibrio y sabor persistente. <br> <br>
                Ofrecemos una experiencia sensorial al probar nuestro café, que es nuestra carta de presentación.
            </p>
            <img src="{{asset('storage/productos/finca.jpg')}}" alt="">
        </div>
    </section>
</main>
