import { TermsOfServiceModal } from './terms-of-service-modal'
import { PrivacyPolicyModal } from './privacy-policy-modal'
import Link from 'next/link'

export default function Footer() {
    return (
        <footer className="relative border-t border-gray-800/50 bg-black/30 backdrop-blur-sm text-gray-400 overflow-hidden">
            <div className="container relative mx-auto px-4 sm:px-6 lg:px-8 py-12">
                <div className="flex flex-col md:flex-row justify-between items-center gap-8">
                    {/* Logo and copyright */}
                    <div className="flex items-center gap-3">
                        <div className="relative">
                            <div className="absolute inset-0 rounded-full bg-blue-500/20 blur-md" />
                            <img src="/litenet-logo.png" alt="LiteNet Logo" className="relative h-8 w-8 drop-shadow-lg" />
                        </div>
                        <p className="text-sm text-gray-300">
                            &copy; {new Date().getFullYear()} The LiteNet Group. All rights reserved.
                        </p>
                    </div>
                    
                    {/* Navigation */}
                    <nav className="flex gap-6 items-center text-sm">
                        <Link href="/#features" className="hover:text-blue-400 transition-colors duration-300 relative group">
                            Features
                            <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-400 transition-all duration-300 group-hover:w-full" />
                        </Link>
                        <Link href="/#updates" className="hover:text-blue-400 transition-colors duration-300 relative group">
                            Updates
                            <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-400 transition-all duration-300 group-hover:w-full" />
                        </Link>
                        <Link href="/#team" className="hover:text-blue-400 transition-colors duration-300 relative group">
                            Team
                            <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-blue-400 transition-all duration-300 group-hover:w-full" />
                        </Link>
                    </nav>
                    
                    {/* Legal links */}
                    <div className="flex gap-6 items-center text-sm">
                        <TermsOfServiceModal />
                        <PrivacyPolicyModal />
                    </div>
                </div>
            </div>
        </footer>
    )
}