bca3745603
Transformation complète du site HookLab de formation TikTok Shop vers une landing page haute conversion pour agence web locale ciblant les artisans du bâtiment dans le Nord (Douai, Orchies, Valenciennes). - Nouveau design system : bleu nuit/orange sur fond clair (mobile-first) - Hero avec promesse artisan + CTA orange "Réserver mon Audit" - Section "Le Système" (3 étapes : Trouvé, Choisi, Contacté) - Portfolio connecté à Sanity.io (fallback data intégré) - Section "Qui suis-je" avec carte OpenStreetMap interactive - FAQ orientée artisans avec JSON-LD pour Google - Formulaire contact audit gratuit - SEO local : 12 keywords artisans, JSON-LD LocalBusiness - Sanity.io schemas (portfolio, siteSettings) + client conditionnel - Accessibilité : skip-to-content, focus-visible, aria-labels https://claude.ai/code/session_01H2aRGDaKgarPvhay2HxN6Y
92 lines
3.4 KiB
TypeScript
92 lines
3.4 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className="border-t border-border py-10 md:py-12 bg-bg-white">
|
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
{/* Brand */}
|
|
<div>
|
|
<Link href="/" className="flex items-center gap-2 mb-3" aria-label="HookLab - Accueil">
|
|
<div className="w-8 h-8 bg-navy rounded-lg flex items-center justify-center">
|
|
<span className="text-white font-bold text-sm">H</span>
|
|
</div>
|
|
<span className="text-lg font-bold text-navy">
|
|
Hook<span className="text-orange">Lab</span>
|
|
</span>
|
|
</Link>
|
|
<p className="text-text-light text-sm leading-relaxed max-w-xs">
|
|
Agence web spécialisée dans la visibilité locale des artisans
|
|
du bâtiment dans le Nord.
|
|
</p>
|
|
<p className="text-text-muted text-xs mt-3">
|
|
Flines-lez-Raches, Nord (59)
|
|
</p>
|
|
</div>
|
|
|
|
{/* Links */}
|
|
<div>
|
|
<h4 className="text-navy font-semibold text-sm mb-4">
|
|
Navigation
|
|
</h4>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<a href="#systeme" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
Le Système
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#portfolio" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
Réalisations
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#qui-suis-je" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
Qui suis-je
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#faq" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
FAQ
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#contact" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
Contact
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
{/* Legal */}
|
|
<div>
|
|
<h4 className="text-navy font-semibold text-sm mb-4">Légal</h4>
|
|
<ul className="space-y-2">
|
|
<li>
|
|
<Link href="/mentions-legales" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
Mentions légales
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/confidentialite" className="text-text-light hover:text-navy text-sm transition-colors">
|
|
Confidentialité
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Bottom */}
|
|
<div className="border-t border-border mt-8 pt-6 flex flex-col md:flex-row items-center justify-between gap-3">
|
|
<p className="text-text-muted text-xs">
|
|
© {new Date().getFullYear()} HookLab — Enguerrand Ozano · SIREN 994 538 932
|
|
</p>
|
|
<p className="text-text-muted text-xs">
|
|
Douai · Orchies · Valenciennes · Arleux
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|