Files
afrov2/components/Footer.tsx
2026-04-12 22:51:57 +02:00

66 lines
2.6 KiB
TypeScript

"use client";
import React from 'react';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
interface FooterProps {
settings?: any;
}
const Footer = ({ settings }: FooterProps) => {
const pathname = usePathname() || '';
if (pathname.startsWith('/dashboard')) return null;
const siteInfo = settings || {
siteName: "Afropreunariat",
siteSlogan: "La plateforme de référence pour l'entrepreneuriat africain. Visibilité, connexion et croissance pour les TPE/PME.",
contactEmail: "support@afropreunariat.com",
contactPhone: "+225 00 00 00 00 00",
address: "Abidjan, Côte d'Ivoire / Paris, France",
footerText: "© 2025 Afropreunariat. Tous droits réservés."
};
return (
<footer className="bg-dark-900 text-white">
<div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
<div>
<h3 className="text-2xl font-serif font-bold text-brand-500 mb-4">{siteInfo.siteName}</h3>
<p className="text-gray-400 text-sm">
{siteInfo.siteSlogan}
</p>
</div>
<div>
<h4 className="font-bold text-lg mb-4">Liens Rapides</h4>
<ul className="space-y-2 text-gray-400 text-sm">
<li><Link href="/annuaire" className="hover:text-brand-500">Rechercher une entreprise</Link></li>
<li><Link href="/login" className="hover:text-brand-500">Inscrire mon entreprise</Link></li>
<li><Link href="/blog" className="hover:text-brand-500">Actualités & Conseils</Link></li>
</ul>
</div>
<div>
<h4 className="font-bold text-lg mb-4">Contact</h4>
<p className="text-gray-400 text-sm mb-2">{siteInfo.address}</p>
<p className="text-gray-400 text-sm">{siteInfo.contactEmail}</p>
{siteInfo.contactPhone && <p className="text-gray-400 text-sm mt-1">{siteInfo.contactPhone}</p>}
</div>
<div>
<h4 className="font-bold text-lg mb-4">Légal</h4>
<ul className="space-y-2 text-gray-400 text-sm">
<li><Link href="/cgu" className="hover:text-brand-500 transition-colors">CGU</Link></li>
<li><Link href="/cgv" className="hover:text-brand-500 transition-colors">CGV</Link></li>
</ul>
</div>
</div>
<div className="mt-8 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm">
{siteInfo.footerText}
</div>
</div>
</footer>
);
};
export default Footer;