3adcec00b7
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
77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
"use client";
|
|
|
|
import { useState, useEffect } from "react";
|
|
import Link from "next/link";
|
|
|
|
export default function CookieBanner() {
|
|
const [visible, setVisible] = useState(false);
|
|
|
|
useEffect(() => {
|
|
const consent = localStorage.getItem("obc_cookie_consent");
|
|
if (!consent) {
|
|
// Small delay so it doesn't flash on page load
|
|
const timer = setTimeout(() => setVisible(true), 800);
|
|
return () => clearTimeout(timer);
|
|
}
|
|
}, []);
|
|
|
|
const handleAccept = () => {
|
|
localStorage.setItem("obc_cookie_consent", "accepted");
|
|
setVisible(false);
|
|
};
|
|
|
|
const handleRefuse = () => {
|
|
localStorage.setItem("obc_cookie_consent", "refused");
|
|
setVisible(false);
|
|
};
|
|
|
|
if (!visible) return null;
|
|
|
|
return (
|
|
<div
|
|
className="fixed bottom-0 left-0 right-0 z-[9999] p-4 md:p-6 animate-fade-in-up"
|
|
role="dialog"
|
|
aria-label="Gestion des cookies"
|
|
>
|
|
<div className="max-w-3xl mx-auto bg-white rounded-2xl shadow-2xl border border-border p-5 md:p-6">
|
|
<div className="flex flex-col md:flex-row md:items-center gap-4">
|
|
{/* Text */}
|
|
<div className="flex-1">
|
|
<p className="text-navy text-sm font-semibold mb-1">
|
|
Ce site utilise des cookies
|
|
</p>
|
|
<p className="text-text-light text-xs leading-relaxed">
|
|
Nous utilisons uniquement des <strong className="text-text">cookies techniques</strong> nécessaires
|
|
au bon fonctionnement du site (authentification, préférences de session).
|
|
Aucun cookie publicitaire ou de traçage n’est utilisé.
|
|
Conformément au RGPD, vous pouvez accepter ou refuser leur utilisation.{" "}
|
|
<Link
|
|
href="/confidentialite"
|
|
className="text-orange hover:underline font-medium"
|
|
>
|
|
En savoir plus
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
|
|
{/* Buttons */}
|
|
<div className="flex items-center gap-3 shrink-0">
|
|
<button
|
|
onClick={handleRefuse}
|
|
className="px-4 py-2.5 text-text-light hover:text-text text-sm font-medium rounded-xl border border-border hover:bg-bg-muted transition-colors cursor-pointer"
|
|
>
|
|
Refuser
|
|
</button>
|
|
<button
|
|
onClick={handleAccept}
|
|
className="px-5 py-2.5 bg-orange hover:bg-orange-hover text-white text-sm font-semibold rounded-xl transition-colors cursor-pointer"
|
|
>
|
|
Accepter
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|