Nicolas Cantu
fe48440a27
- Convert footer title to Link component pointing to / - Add hover effect (neon-cyan) for consistency - Maintains same styling
33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
import Link from 'next/link'
|
|
import { t } from '@/lib/i18n'
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="bg-cyber-dark border-t border-neon-cyan/30 mt-12">
|
|
<div className="max-w-4xl mx-auto px-4 py-6">
|
|
<div className="flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-cyber-accent/70">
|
|
<div className="flex flex-wrap justify-center gap-4">
|
|
<Link href="/legal" className="hover:text-neon-cyan transition-colors">
|
|
{t('footer.legal')}
|
|
</Link>
|
|
<span className="text-neon-cyan/50">•</span>
|
|
<Link href="/terms" className="hover:text-neon-cyan transition-colors">
|
|
{t('footer.terms')}
|
|
</Link>
|
|
<span className="text-neon-cyan/50">•</span>
|
|
<Link href="/privacy" className="hover:text-neon-cyan transition-colors">
|
|
{t('footer.privacy')}
|
|
</Link>
|
|
</div>
|
|
<div className="text-cyber-accent/50">
|
|
© {new Date().getFullYear()}{' '}
|
|
<Link href="/" className="hover:text-neon-cyan transition-colors">
|
|
{t('home.title')}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|