<footer>
    <div class="flex items-center justify-center text-white bg-principal ">
        <div class="grid grid-cols-1 gap-5 py-8 md:grid-cols-2 xl:grid-cols-4 xl:gap-20 lg:p-6 xl:p-10">
            <div class="flex-col items-start hidden gap-4 mt-8 xl:flex lg:mt-0">
                <a href="<?php echo e(asset('storage/documents/terminos-y-condiciones-finca.pdf')); ?>" class="font-semibold"
                    target="_blank">Términos y condiciones</a>
                <a href="<?php echo e(asset('storage/documents/aviso-de-privacidad-finca.pdf')); ?>" class="font-semibold"
                    target="_blank">Aviso de Privacidad</a>
            </div>
            <div class="flex flex-col items-center lg:items-start">
                <p class="font-bold">Síguenos:</p>
                <div class="flex gap-1 ">
                    <a href="<?php echo e($contact_details->where('id', 1)->first()->resource); ?>" target="_blank">
                        <img class="w-10 h-10 hover:scale-105"
                            src="<?php echo e(asset('storage/icons/' . $contact_details->where('id', 1)->first()->contactDataType->image)); ?>"
                            alt="facebook">
                    </a>
                    <a href="<?php echo e($contact_details->where('id', 3)->first()->resource); ?>" target="_blank">
                        <img class="w-10 h-10 hover:scale-105"
                            src="<?php echo e(asset('storage/icons/' . $contact_details->where('id', 3)->first()->contactDataType->image)); ?>"
                            alt="twitter">
                    </a>
                    <a href="<?php echo e($contact_details->where('id', 2)->first()->resource); ?>" target="_blank">
                        <img class="w-10 h-10 hover:scale-105"
                            src="<?php echo e(asset('storage/icons/' . $contact_details->where('id', 2)->first()->contactDataType->image)); ?>"
                            alt="youtube">
                    </a>
                </div>
            </div>
            <div class="flex flex-col items-center lg:items-start">
                <img class="h-32" src="<?php echo e(asset('storage/logos/favicon-310x310.png')); ?>" alt="logo">
            </div>
            <div class="flex flex-col items-center lg:justify-center lg:items-end">
                <a href="tel:+52<?php echo e($contact_details->where('id', 4)->first()->resource); ?>"
                    class="text-lg"><b>Teléfono:</b> <?php echo e($contact_details->where('id', 4)->first()->resource); ?>

                </a>
                <a href="mailto:<?php echo e($contact_details->where('id', 6)->first()->resource); ?>?subject=Solicitud%20de%20información%20sobre%20productos%20y%20pedidos&body=Hola,%20quisiera%20recibir%20más%20información%20sobre%20los%20productos%20y%20pedidos%20de%20su%20empresa%20de%20café.%20Agradezco%20su%20apoyo%20para%20brindarme%20detalles."
                    class="text-lg border-t-2">
                    <b>Correo:</b>
                    <?php echo e($contact_details->where('id', 6)->first()->resource); ?>

                </a>
            </div>
            <div class="flex flex-col items-start gap-4 xl:hidden">
                <a href="<?php echo e(asset('storage/documents/terminos-y-condiciones-finca.pdf')); ?>" class="font-semibold"
                    target="_blank">Términos y condiciones</a>
                <a href="<?php echo e(asset('storage/documents/aviso-de-privacidad-finca.pdf')); ?>" class="font-semibold"
                    target="_blank">Aviso de Privacidad</a>
            </div>
        </div>
    </div>
    <div class="flex items-center justify-center py-2 text-sm text-white bg-secondary">
        <a href="https://www.grupocybac.com/" target="_blank">
            <p class="font-light">Desarrollado por <strong class="font-bold">CYBAC TI</strong></p>
        </a>
    </div>
</footer>
<?php /**PATH C:\laragon\www\web-finca-monte-verde-v1\resources\views/livewire/dashboard/footer.blade.php ENDPATH**/ ?>