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;