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

app/contact/page.tsx

@@ -0,0 +1,129 @@
+import type { Metadata } from "next";
+import Navbar from "@/components/marketing/Navbar";
+import Footer from "@/components/marketing/Footer";
+import ScrollReveal from "@/components/animations/ScrollReveal";
+import ContactForm from "@/components/marketing/ContactForm";
+
+export const metadata: Metadata = {
+  title: "Contact & Devis Gratuit | OBC Maçonnerie Nord",
+  description:
+    "Contactez OBC Maçonnerie pour un devis gratuit. Benoît Colin intervient à Orchies, Douai, Valenciennes et dans un rayon de 30km autour de Mouchin (59).",
+  alternates: { canonical: "https://obc-maconnerie.fr/contact" },
+};
+
+const infos = [
+  {
+    icon: "📞",
+    titre: "Téléphone",
+    val: "06 74 45 30 89",
+    href: "tel:0674453089",
+    desc: "Lun–Ven 7h–19h",
+  },
+  {
+    icon: "📍",
+    titre: "Adresse",
+    val: "221 Route de Saint-Amand, 59310 Mouchin",
+    href: undefined,
+    desc: "Rayon d'intervention : 30km",
+  },
+  {
+    icon: "📧",
+    titre: "Email",
+    val: "contact@obc-maconnerie.fr",
+    href: "mailto:contact@obc-maconnerie.fr",
+    desc: "Réponse sous 24h",
+  },
+];
+
+const zones = [
+  "Orchies",
+  "Mouchin",
+  "Flines-lès-Raches",
+  "Château-l'Abbaye",
+  "Mérignies",
+  "Douai",
+  "Valenciennes",
+  "Saint-Amand-les-Eaux",
+];
+
+export default function ContactPage() {
+  return (
+    <main id="main-content" className="min-h-screen">
+      <Navbar />
+
+      <section className="bg-navy py-16 md:py-20">
+        <div className="max-w-4xl mx-auto px-4 sm:px-6 text-center">
+          <ScrollReveal direction="up">
+            <span className="text-orange text-sm font-semibold uppercase tracking-widest">Devis gratuit</span>
+            <h1 className="text-3xl md:text-5xl font-bold text-white mt-2 mb-4">
+              Contactez OBC Maçonnerie
+            </h1>
+            <p className="text-white/70 text-lg max-w-xl mx-auto">
+              Benoît se déplace gratuitement pour évaluer votre projet et vous remettre un devis détaillé sous 24h.
+            </p>
+          </ScrollReveal>
+        </div>
+      </section>
+
+      <section className="py-16 md:py-20 bg-bg">
+        <div className="max-w-5xl mx-auto px-4 sm:px-6">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-10">
+            {/* Infos + zones */}
+            <div>
+              <ScrollReveal direction="left">
+                <h2 className="text-xl font-bold text-navy mb-6">Nos coordonnées</h2>
+                <div className="space-y-4 mb-8">
+                  {infos.map((info) => (
+                    <div key={info.titre} className="flex items-start gap-4 bg-bg-white border border-border rounded-xl p-4">
+                      <span className="text-2xl shrink-0">{info.icon}</span>
+                      <div>
+                        <p className="text-navy font-semibold text-sm">{info.titre}</p>
+                        {info.href ? (
+                          <a href={info.href} className="text-orange font-bold hover:underline text-sm">
+                            {info.val}
+                          </a>
+                        ) : (
+                          <p className="text-text-light text-sm">{info.val}</p>
+                        )}
+                        <p className="text-text-muted text-xs mt-0.5">{info.desc}</p>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+
+                <h3 className="text-base font-bold text-navy mb-3">Zone d&apos;intervention</h3>
+                <div className="flex flex-wrap gap-2 mb-6">
+                  {zones.map((z) => (
+                    <span key={z} className="inline-flex items-center gap-1 bg-bg-white border border-border text-navy text-xs font-medium px-3 py-1.5 rounded-full">
+                      <span className="text-orange">📍</span> {z}
+                    </span>
+                  ))}
+                </div>
+                <p className="text-text-muted text-xs italic">
+                  Et toutes les communes dans un rayon de 20-30 km autour de Mouchin (Nord 59).
+                </p>
+
+                <div className="mt-8 bg-navy rounded-2xl p-6">
+                  <h3 className="text-white font-bold mb-2">Devis gratuit & sans engagement</h3>
+                  <p className="text-white/60 text-sm">
+                    Benoît se déplace sur votre chantier pour évaluer votre projet, vous conseiller et vous remettre un devis clair et détaillé. Gratuit et sans engagement.
+                  </p>
+                </div>
+              </ScrollReveal>
+            </div>
+
+            {/* Formulaire */}
+            <div>
+              <ScrollReveal direction="right">
+                <h2 className="text-xl font-bold text-navy mb-6">Votre demande de devis</h2>
+                <ContactForm />
+              </ScrollReveal>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <Footer />
+    </main>
+  );
+}