enguerrandbusiness/obc-terrassement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Transform HookLab to OBC Maçonnerie showcase site

Browse Source 
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
This commit is contained in:
Claude
2026-02-27 09:05:03 +00:00
parent 45d080197a
commit 3adcec00b7
113 changed files with 3134 additions and 11663 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
components/marketing/Footer.tsx
View File

@@ -1,71 +1,101 @@
"use client";
import Link from "next/link";
import ScrollReveal from "@/components/animations/ScrollReveal";
export default function Footer() {
return (
<footer className="border-t border-border py-10 md:py-12 bg-bg-white">
<footer className="bg-navy text-white pt-12 pb-6">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<ScrollReveal direction="up">
<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">
Cr&eacute;ation de sites internet pour artisans.
</p>
<p className="text-text-muted text-xs mt-3">
59148 Flines-lez-Raches
</p>
</div>
{/* Expertises SEO */}
<div>
<h4 className="text-navy font-semibold text-sm mb-4">
Expertises
</h4>
<ul className="space-y-2 text-text-light text-sm">
<li>Site internet Couvreur</li>
<li>SEO Maçonnerie</li>
<li>Webmaster Paysagiste</li>
<li>Visibilité Menuisier</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">
Politique de Confidentialité
</Link>
</li>
</ul>
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 pb-10 border-b border-white/10">
{/* Brand */}
<div className="md:col-span-2">
<div className="flex items-center gap-2.5 mb-4">
<div className="w-10 h-10 bg-orange rounded-lg flex items-center justify-center shrink-0">
<span className="text-white font-bold text-xs">OBC</span>
</div>
<div className="flex flex-col leading-tight">
<span className="text-white font-bold text-base leading-none">OBC</span>
<span className="text-orange-light font-bold text-base leading-none">Maçonnerie</span>
</div>
</div>
<p className="text-white/70 text-sm leading-relaxed mb-4 max-w-xs">
Benoît Colin, maçon expert en construction de maison, rénovation et gros œuvre dans le Nord. De la première pierre à la remise des clés.
</p>
<a
href="tel:0674453089"
className="inline-flex items-center gap-2 text-orange-light font-bold text-base hover:text-white transition-colors"
>
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
06 74 45 30 89
</a>
<p className="text-white/40 text-xs mt-2">
221 Route de Saint-Amand, 59310 Mouchin
</p>
</div>
</ScrollReveal>
{/* Bottom SEO */}
<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">
&copy; {new Date().getFullYear()} HookLab &mdash; Enguerrand Ozano &middot; SIREN 994 538 932
{/* Services */}
<div>
<h4 className="text-white font-semibold text-sm mb-4 uppercase tracking-wide">Services</h4>
<ul className="space-y-2">
{[
{ href: "/construction-maison", label: "Construction de maison" },
{ href: "/renovation", label: "Rénovation" },
{ href: "/assainissement", label: "Assainissement" },
{ href: "/creation-acces", label: "Création d'accès" },
{ href: "/demolition", label: "Démolition" },
].map((item) => (
<li key={item.href}>
<Link href={item.href} className="text-white/60 hover:text-white text-sm transition-colors">
{item.label}
</Link>
</li>
))}
</ul>
</div>
{/* Navigation */}
<div>
<h4 className="text-white font-semibold text-sm mb-4 uppercase tracking-wide">Navigation</h4>
<ul className="space-y-2">
{[
{ href: "/", label: "Accueil" },
{ href: "/realisations", label: "Réalisations" },
{ href: "/partenaires", label: "Partenaires" },
{ href: "/contact", label: "Contact" },
{ href: "/blog", label: "Blog" },
].map((item) => (
<li key={item.href}>
<Link href={item.href} className="text-white/60 hover:text-white text-sm transition-colors">
{item.label}
</Link>
</li>
))}
</ul>
<h4 className="text-white font-semibold text-sm mb-3 mt-5 uppercase tracking-wide">Légal</h4>
<ul className="space-y-2">
{[
{ href: "/mentions-legales", label: "Mentions légales" },
{ href: "/confidentialite", label: "Confidentialité" },
{ href: "/cgv", label: "CGV" },
].map((item) => (
<li key={item.href}>
<Link href={item.href} className="text-white/60 hover:text-white text-sm transition-colors">
{item.label}
</Link>
</li>
))}
</ul>
</div>
</div>
{/* Bottom */}
<div className="pt-6 flex flex-col md:flex-row items-center justify-between gap-3">
<p className="text-white/40 text-xs text-center md:text-left">
&copy; {new Date().getFullYear()} OBC Maçonnerie &mdash; Benoît Colin &middot; SIREN 531 827 871
</p>
<p className="text-text-muted text-xs text-center md:text-right">
Intervention : Douai &middot; Orchies &middot; Arleux &middot; Valenciennes
<p className="text-white/40 text-xs text-center md:text-right">
Orchies &middot; Mouchin &middot; Douai &middot; Valenciennes &middot; Saint-Amand-les-Eaux &mdash;{" "}
<span className="text-white/30">Site réalisé par HookLab</span>
</p>
</div>
</div>