import { useTranslation } from 'react-i18next';

const Contact = () => {
    const { t } = useTranslation();

    return (
        <section id="contact" className="py-20 px-8">
            <div className="max-w-4xl mx-auto text-center">
                <h2 className="text-4xl font-bold mb-8 text-accent">{t('contact.title')}</h2>
                <p className="text-lg text-secondary/70 mb-12">
                    {t('contact.description')}
                </p>
                <div className="flex flex-col md:flex-row gap-4 justify-center items-center">
                    <a 
                        href="mailto:louis.emard@example.com" 
                        className="px-8 py-3 bg-accent text-white rounded-lg hover:bg-accent/90 transition-all hover:shadow-lg w-full md:w-auto"
                    >
                        📧 {t('contact.email')}
                    </a>
                    <a 
                        href="https://www.linkedin.com/in/louis-emard-9b6a931a2/" 
                        target="_blank"
                        rel="noopener noreferrer"
                        className="px-8 py-3 border-2 border-accent text-accent rounded-lg hover:bg-accent hover:text-white transition-all w-full md:w-auto"
                    >
                        💼 LinkedIn
                    </a>
                    <a 
                        href="https://github.com/LouisDrame" 
                        target="_blank"
                        rel="noopener noreferrer"
                        className="px-8 py-3 border-2 border-accent text-accent rounded-lg hover:bg-accent hover:text-white transition-all w-full md:w-auto"
                    >
                        💻 GitHub
                    </a>
                </div>
            </div>
        </section>
    );
};

export default Contact;
