File size: 2,200 Bytes
6dd9bad | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 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>
);
}
|