apps/web/src/components/layout/Footer.tsx

import { Link } from 'react-router-dom';
import { BookOpen } from 'lucide-react';

const WA_NUMBER = import.meta.env.VITE_WHATSAPP_NUMBER || 'VITE_WHATSAPP_NUMBER_MISSING';

export function Footer() {
    return (
        <footer className="bg-secondary text-white py-12">
            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid md:grid-cols-4 gap-8">
                <div className="col-span-2">
                    <Link to="/" className="flex items-center space-x-2 mb-4">
                        <BookOpen className="h-6 w-6 text-primary" />
                        <span className="font-heading font-bold text-xl tracking-tight">EdTech<span className="text-primary">.sn</span></span>
                    </Link>
                    <p className="text-gray-400 text-sm max-w-sm">Former les entrepreneurs d'Afrique grâce à une éducation accessible, mobile-first et propulsée par l'IA.</p>
                </div>
                <div><h4 className="font-bold mb-4 font-heading">Plateforme</h4>
                    <ul className="space-y-2 text-sm text-gray-400">
                        <li><a href={`https://wa.me/${WA_NUMBER}?text=INSCRIPTION`} className="hover:text-white transition">S'inscrire</a></li>
                        <li><Link to="/student" className="hover:text-white transition">Mon espace</Link></li>
                    </ul>
                </div>
                <div><h4 className="font-bold mb-4 font-heading">Entreprise</h4>
                    <ul className="space-y-2 text-sm text-gray-400">
                        <li><Link to="/" className="hover:text-white transition">À propos</Link></li>
                        <li><a href="mailto:contact@xamle.studio" className="hover:text-white transition">Contact</a></li>
                        <li><Link to="/privacy" className="hover:text-white transition">Confidentialité</Link></li>
                    </ul>
                </div>
            </div>
            <div className="max-w-7xl mx-auto px-4 mt-12 pt-8 border-t border-white/10 text-center text-sm text-gray-400">
                © {new Date().getFullYear()} EdTech.sn. Tous droits réservés.
            </div>
        </footer>
    );
}