window.Footer = ({ isDark }) => {
    return (
        <footer className={`mt-8 py-8 border-t text-center space-y-4 transition-colors duration-300
            ${isDark ? 'border-white/5 text-gray-500' : 'border-slate-200 text-slate-500'}
        `}>
            
            {/* Navigation Links */}
            <div className="flex flex-wrap justify-center gap-6 text-[10px] md:text-xs font-bold uppercase tracking-widest">
                <a href="/" className="hover:text-blue-500 transition-colors duration-200">
                    Home
                </a>
                <a href="/about" className="hover:text-blue-500 transition-colors duration-200">
                    About Us
                </a>
                <a href="/blog" className="hover:text-blue-500 transition-colors">Blog</a>
                <a href="/privacy" className="hover:text-blue-500 transition-colors duration-200">
                    Privacy Policy
                </a>
                <a href="/terms" className="hover:text-blue-500 transition-colors duration-200">
                    Terms of Service
                </a>
            </div>

            {/* Copyright & Slogan */}
            <div className="space-y-1">
                <p className="text-[10px] opacity-60 font-mono">
                    Secure • Anonymous • Fast
                </p>
                <p className="text-[10px] opacity-50">
                    &copy; {new Date().getFullYear()} Infinity Mail. All rights reserved.
                </p>
            </div>
        </footer>
    );
};