---

const {
    text
    } = Astro.props;

const categories = [
    {
        name: 'Acerca de Lefebvre',
        link: '#',
        subcategories: [{name: 'Quiénes somos', link: '#'}, {name: 'Nuestra cultura', link: '#'}, {name: 'Equipo', link: '#'}],
    },
    {
        name: 'Productos y servicios',
        link: '#',
        subcategories: [{name: 'Descubrimiento', link: '#'}, {name: 'Implementación', link: '#'}],
    },
    {
        name: 'Otras webs de Lefebvre',
        link: '#',
        subcategories: [],
    },
    {
        name: 'Atención al cliente',
        link: '#',
        subcategories: [],
    },

    ];
---
<footer>
    <div class="bg-gray-50 text-black py-10 border-t border-gray-300">
        <div class="flex gap-8 max-w-6xl mx-auto">
            {categories.map(category => (
                <div class="flex-1">
                    <div class="text-xl font-semibold mb-4">{category.name}</div>
                    <ul>
                        {category.subcategories.length > 0 ? (
                            category.subcategories.map(sub => (
                                <li>
                                    <a href={sub.link} class="text-slate-900 hover:underline transition-colors duration-200 block py-1">
                                        {sub.name}
                                    </a>
                                </li>
                            ))
                        ) : (
                            <li>
                                <a href={category.link} class="text-slate-900 hover:underline transition-colors duration-200 block py-1">
                                    {category.name}
                                </a>
                            </li>
                        )}
                    </ul>
                </div>
            ))}
        </div>
    </div>
    <div class="bg-gray-50 text-black py-10 border-t border-gray-300">
        <div class="flex gap-8 max-w-7xl mx-auto">

            <div class="flex flex-col flex-[4_4_0%]">
                <div class="mb-8">
                    <img src="https://assets.lefebvre.es/media/logos-2/svg/lefebvre.svg" alt="Logo" class="h-10" loading="lazy" />
                </div>
                <div>
                    <ul class="flex flex-wrap gap-4 text-sm text-gray-800">
                        <li>
                            <span class="flex items-center gap-1 ">
                                &copy; {new Date().getFullYear()} Lefebvre. Todos los derechos reservados.
                            </span>
                        </li>
                        <li><a href="https://lefebvre.es/aviso-legal/" class="hover:underline">Aviso legal</a></li>
                        <li><a href="https://lefebvre.es/politica-privacidad/" class="hover:underline">Política de privacidad</a></li>
                        <li><a href="https://lefebvre.es/politica-de-cookies/" class="hover:underline">Política de cookies</a></li>
                        <li><a href="https://lefebvre.es/condiciones/" class="hover:underline">Condiciones de contratación</a></li>
                    </ul>
                </div>
            </div>
            <div class="flex flex-1 items-center justify-end">
                <a href="https://www.linkedin.com/company/lefebvre_es" class="mx-2" aria-label="LinkedIn">
                    <svg class="w-6 h-6 fill-current text-slate-700 hover:text-blue-700" viewBox="0 0 24 24"><path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.28c-.97 0-1.75-.79-1.75-1.75s.78-1.75 1.75-1.75 1.75.79 1.75 1.75-.78 1.75-1.75 1.75zm13.5 11.28h-3v-5.6c0-1.34-.03-3.07-1.87-3.07-1.87 0-2.16 1.46-2.16 2.97v5.7h-3v-10h2.88v1.36h.04c.4-.75 1.38-1.54 2.84-1.54 3.04 0 3.6 2 3.6 4.59v5.59z"/></svg>
                </a>
                <a href="https://www.facebook.com/Lefebvre.ES/" class="mx-2" aria-label="Facebook">
                    <svg class="w-6 h-6 fill-current text-slate-700 hover:text-blue-600" viewBox="0 0 24 24"><path d="M22.675 0h-21.35c-.733 0-1.325.592-1.325 1.325v21.351c0 .732.592 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.672c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.797.143v3.24l-1.918.001c-1.504 0-1.797.715-1.797 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.322-.592 1.322-1.324v-21.35c0-.733-.592-1.325-1.325-1.325z"/></svg>
                </a>
                <a href="https://www.youtube.com/c/lefebvre_es" class="mx-2" aria-label="YouTube">
                    <svg class="w-6 h-6 fill-current text-slate-700 hover:text-red-600" viewBox="0 0 24 24">
                        <path d="M23.498 6.186a2.997 2.997 0 0 0-2.112-2.12C19.37 3.5 12 3.5 12 3.5s-7.37 0-9.386.566A2.997 2.997 0 0 0 .502 6.186C0 8.21 0 12 0 12s0 3.79.502 5.814a2.997 2.997 0 0 0 2.112 2.12C4.63 20.5 12 20.5 12 20.5s7.37 0 9.386-.566a2.997 2.997 0 0 0 2.112-2.12C24 15.79 24 12 24 12s0-3.79-.502-5.814zM9.545 16.02V7.98l6.545 4.02-6.545 4.02z"/>
                    </svg>
                </a>
                <a href="https://twitter.com/Lefebvre_ES" class="mx-2" aria-label="X.com">
                    <svg class="w-6 h-6 fill-current text-slate-700 hover:text-black" viewBox="0 0 24 24">
                        <path d="M17.53 3H21.5l-7.06 8.06L23 21h-7.19l-5.02-6.6L4.06 21H0l7.53-8.6L1 3h7.31l4.62 6.07L17.53 3zm-1.13 15.19h1.98l-5.41-7.13-1.59 1.81 5.02 6.6zm-9.36-13.1l5.41 7.13 1.59-1.81L8.01 5.09H7.04zm13.02 0h-1.98l-2.54 3.08 1.59 1.81 2.93-4.89zM3.44 19h1.98l2.54-3.08-1.59-1.81-2.93 4.89z"/>
                    </svg>
                </a>
                <a href="https://www.instagram.com/lefebvre_es/" class="mx-2" aria-label="Instagram">
                    <svg class="w-6 h-6 fill-current text-slate-700 hover:text-pink-500" viewBox="0 0 24 24">
                        <path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.366.062 2.633.334 3.608 1.308.974.974 1.246 2.241 1.308 3.608.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.062 1.366-.334 2.633-1.308 3.608-.974.974-2.241 1.246-3.608 1.308-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.366-.062-2.633-.334-3.608-1.308-.974-.974-1.246-2.241-1.308-3.608C2.175 15.647 2.163 15.267 2.163 12s.012-3.584.07-4.85c.062-1.366.334-2.633 1.308-3.608C4.515 2.497 5.782 2.225 7.148 2.163 8.414 2.105 8.794 2.163 12 2.163zm0-2.163C8.741 0 8.332.013 7.052.072 5.771.131 4.659.385 3.678 1.366c-.98.98-1.234 2.092-1.293 3.373C2.013 5.668 2 6.077 2 9.337v5.326c0 3.26.013 3.669.072 4.949.059 1.281.313 2.393 1.293 3.373.98.98 2.092 1.234 3.373 1.293 1.28.059 1.689.072 4.949.072s3.669-.013 4.949-.072c1.281-.059 2.393-.313 3.373-1.293.98-.98 1.234-2.092 1.293-3.373.059-1.28.072-1.689.072-4.949V9.337c0-3.26-.013-3.669-.072-4.949-.059-1.281-.313-2.393-1.293-3.373-.98-.98-2.092-1.234-3.373-1.293C15.669.013 15.26 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zm0 10.162a3.999 3.999 0 1 1 0-7.998 3.999 3.999 0 0 1 0 7.998zm6.406-11.845a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88z"/>
                    </svg>
                </a>
            </div>



        </div>
    </div>
</footer>