<footer class="bg-neutral-900 border-t border-white/5 mt-auto z-10 w-full">
    <div class="w-full max-w-7xl mx-auto p-8">
        <div class="sm:flex sm:items-center sm:justify-between">
            <a href="{{ url('/') }}" class="flex items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse grayscale opacity-70 hover:grayscale-0 hover:opacity-100 transition-all">
                <svg class="h-8 text-neon-lime" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L2 7l10 5 10-5-10-5zm0 9l2.5-1.25L12 8.5l-2.5 1.25L12 11zm0 2.5l-5-2.5-5 2.5L12 22l10-8.5-5-2.5-5 2.5z"/></svg>
                <span class="self-center text-xl font-bold whitespace-nowrap text-white">Cicles Lauck</span>
            </a>
            <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0">
                <li><a href="#" class="hover:text-neon-lime hover:underline me-4 md:me-6 transition-colors">Soporte</a></li>
                <li><a href="#" class="hover:text-neon-lime hover:underline transition-colors">Contacto</a></li>
            </ul>
        </div>
        <hr class="my-6 border-neutral-800 sm:mx-auto lg:my-8">
        <span class="block text-sm text-gray-600 sm:text-center">© {{ date('Y') }} <a href="#" class="hover:text-neon-lime transition-colors">Lauck Systems™</a>.</span>
    </div>
</footer>