feat: Transform HookLab to OBC Maçonnerie showcase site

Complete transformation of the Next.js project into a professional
showcase site for OBC Maçonnerie (Benoît Colin, maçon in Nord 59).

Key changes:
- Remove all HookLab/Sanity/Supabase/Stripe/admin/training infrastructure
- Full OBC Maçonnerie identity: logo, colors, contact info, SIREN
- Schema.org LocalBusiness structured data for Benoît Colin
- SEO metadata for all pages targeting Nord 59 keywords

New pages created (23 total):
- Home page with 10 sections (hero, services, pillars, partners,
  zone, realisations, testimonials, FAQ, contact form, footer)
- Service pages: construction-maison, renovation, assainissement,
  creation-acces, demolition, services
- Secondary pages: realisations, partenaires, contact
- Blog: listing + 6 SEO articles with static content
- 8 local SEO pages: Orchies, Douai, Valenciennes, Mouchin,
  Flines-lès-Raches, Saint-Amand-les-Eaux
- Legal pages: mentions-legales, cgv, confidentialite (OBC adapted)

Components:
- Navbar with OBC branding + mobile menu
- Footer with dark navy theme, services + navigation links
- ContactForm client component (devis request)
- LocalSEOPage reusable component for local SEO pages
- CookieBanner updated with OBC cookie key

Config:
- layout.tsx: OBC metadata, Schema.org, no Sanity CDN
- globals.css: stone color variables added
- next.config.ts: removed Sanity CDN remotePatterns
- sitemap.ts: all 30 OBC pages
- robots.ts: allow all except /api/
- api/contact/route.ts: OBC devis email template

https://claude.ai/code/session_01Uec4iHjcPwB1pU41idWEdF

components/marketing/LocalSEOPage.tsx

@@ -0,0 +1,148 @@
+import Link from "next/link";
+import Navbar from "@/components/marketing/Navbar";
+import Footer from "@/components/marketing/Footer";
+import ScrollReveal from "@/components/animations/ScrollReveal";
+import ContactForm from "@/components/marketing/ContactForm";
+
+interface LocalSEOPageProps {
+  ville: string;
+  departement?: string;
+  servicesPrincipaux: string[];
+  description: string;
+  texteIntro: string;
+  texteLocal: string;
+  distanceMouchin?: string;
+}
+
+const services = [
+  { icon: "🏠", label: "Construction de maison", href: "/construction-maison" },
+  { icon: "🔨", label: "Rénovation", href: "/renovation" },
+  { icon: "💧", label: "Assainissement", href: "/assainissement" },
+  { icon: "🚧", label: "Création d'accès", href: "/creation-acces" },
+  { icon: "🏗️", label: "Démolition", href: "/demolition" },
+];
+
+export default function LocalSEOPage({
+  ville,
+  departement = "Nord (59)",
+  servicesPrincipaux,
+  description,
+  texteIntro,
+  texteLocal,
+  distanceMouchin,
+}: LocalSEOPageProps) {
+  return (
+    <main id="main-content" className="min-h-screen">
+      <Navbar />
+
+      {/* Hero */}
+      <section className="bg-navy py-16 md:py-24">
+        <div className="max-w-5xl mx-auto px-4 sm:px-6">
+          <div className="max-w-2xl">
+            <ScrollReveal direction="up">
+              <div className="flex items-center gap-2 mb-4">
+                <span className="text-orange">📍</span>
+                <span className="text-white/60 text-sm">{ville} — {departement}</span>
+              </div>
+              <h1 className="text-3xl md:text-5xl font-bold text-white mb-4 leading-tight">
+                Maçon {ville} — Construction & Rénovation
+              </h1>
+              <p className="text-white/70 text-lg mb-8">{texteIntro}</p>
+              {distanceMouchin && (
+                <p className="text-white/40 text-sm mb-6 italic">
+                  {distanceMouchin} de Mouchin (siège OBC Maçonnerie)
+                </p>
+              )}
+              <div className="flex flex-col sm:flex-row gap-4">
+                <Link href="/contact" className="inline-flex items-center justify-center gap-2 bg-orange hover:bg-orange-hover text-white font-bold px-7 py-3.5 rounded-xl transition-colors pulse-glow">
+                  Demander un devis gratuit
+                </Link>
+                <a href="tel:0674453089" className="inline-flex items-center justify-center gap-2 bg-white/10 hover:bg-white/20 text-white font-semibold px-7 py-3.5 rounded-xl transition-colors border border-white/20">
+                  06 74 45 30 89
+                </a>
+              </div>
+            </ScrollReveal>
+          </div>
+        </div>
+      </section>
+
+      {/* Services */}
+      <section className="py-14 bg-bg">
+        <div className="max-w-5xl mx-auto px-4 sm:px-6">
+          <ScrollReveal direction="up">
+            <h2 className="text-2xl font-bold text-navy mb-6 text-center">
+              Nos services à {ville}
+            </h2>
+          </ScrollReveal>
+          <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
+            {services.map((s, i) => (
+              <ScrollReveal key={s.label} direction="up" delay={i * 60}>
+                <Link
+                  href={s.href}
+                  className={`group block bg-bg-white border rounded-xl p-4 text-center transition-all hover:shadow-md ${
+                    servicesPrincipaux.includes(s.label)
+                      ? "border-orange"
+                      : "border-border hover:border-orange"
+                  }`}
+                >
+                  <div className="text-2xl mb-2">{s.icon}</div>
+                  <p className="text-navy font-semibold text-xs group-hover:text-orange transition-colors leading-snug">
+                    {s.label}
+                  </p>
+                </Link>
+              </ScrollReveal>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Texte SEO local */}
+      <section className="py-14 bg-stone-bg">
+        <div className="max-w-3xl mx-auto px-4 sm:px-6">
+          <ScrollReveal direction="up">
+            <h2 className="text-2xl font-bold text-navy mb-5">
+              OBC Maçonnerie intervient à {ville}
+            </h2>
+            <div className="text-text-light text-sm leading-relaxed space-y-4">
+              {texteLocal.split("\n").map((para, i) => (
+                <p key={i}>{para}</p>
+              ))}
+            </div>
+
+            <div className="mt-8 bg-bg-white border border-border rounded-xl p-5">
+              <div className="flex items-center gap-3">
+                <div className="w-10 h-10 bg-navy rounded-lg flex items-center justify-center shrink-0">
+                  <span className="text-white font-bold text-xs">OBC</span>
+                </div>
+                <div>
+                  <p className="text-navy font-bold text-sm">Benoît Colin — OBC Maçonnerie</p>
+                  <p className="text-text-muted text-xs">221 Route de Saint-Amand, 59310 Mouchin</p>
+                  <a href="tel:0674453089" className="text-orange font-bold text-sm hover:underline">
+                    06 74 45 30 89
+                  </a>
+                </div>
+              </div>
+            </div>
+          </ScrollReveal>
+        </div>
+      </section>
+
+      {/* Formulaire */}
+      <section className="py-14 bg-bg">
+        <div className="max-w-xl mx-auto px-4 sm:px-6">
+          <ScrollReveal direction="up">
+            <h2 className="text-2xl font-bold text-navy mb-2 text-center">
+              Votre projet à {ville}
+            </h2>
+            <p className="text-text-light text-sm text-center mb-8">Devis gratuit — Réponse sous 24h</p>
+          </ScrollReveal>
+          <ScrollReveal direction="up" delay={100}>
+            <ContactForm />
+          </ScrollReveal>
+        </div>
+      </section>
+
+      <Footer />
+    </main>
+  );
+}