Dark Corporate Footer

<footer class="max-w-7xl mx-auto px-6 py-10 flex flex-col md:flex-row justify-between items-center gap-8">
        <div class="text-xl font-bold tracking-tighter uppercase font-black">Nexus System</div>
        <div class="flex gap-10 text-sm font-medium text-zinc-400">
            <a href="#" class="hover:text-white transition-colors">Status</a>
            <a href="#" class="hover:text-white transition-colors">System Docs</a>
            <a href="#" class="hover:text-white transition-colors">Enterprise API</a>
            <a href="#" class="hover:text-white transition-colors">Compliance</a>
        </div>
        <div class="flex items-center gap-2">
            <span class="w-2 h-2 bg-emerald-500 rounded-full"></span>
            <span class="text-xs text-zinc-400">All Systems Operational</span>
        </div>
    </footer>