2025-12-18 18:32:35 +08:00

25 lines
921 B
TypeScript

import React from 'react';
import { useTranslations } from 'next-intl';
const Footer: React.FC = () => {
const t = useTranslations('Footer');
return (
<footer className="bg-feie-dark text-feie-white border-t border-white/10 py-12">
<div className="container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6">
<div className="text-center md:text-left">
<h5 className="font-serif text-xl font-bold mb-2">{t('company')}</h5>
<p className="text-gray-500 text-sm">{t('rights', {year: new Date().getFullYear()})}</p>
</div>
<div className="flex gap-6 text-sm text-gray-400">
<a href="#" className="hover:text-feie-gold transition-colors">{t('privacy')}</a>
<a href="#" className="hover:text-feie-gold transition-colors">{t('terms')}</a>
</div>
</div>
</footer>
);
};
export default Footer;