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
This commit is contained in:
Claude
@@ -1,152 +1,132 @@
|
||||
import type { Metadata } from "next";
|
||||
import Link from "next/link";
|
||||
import Navbar from "@/components/marketing/Navbar";
|
||||
import Footer from "@/components/marketing/Footer";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Politique de Confidentialité | HookLab",
|
||||
title: "Politique de Confidentialité | OBC Maçonnerie",
|
||||
description:
|
||||
"Politique de confidentialité et protection des données personnelles du site HookLab.eu, conformément au RGPD.",
|
||||
alternates: {
|
||||
canonical: "https://hooklab.eu/confidentialite",
|
||||
},
|
||||
"Politique de confidentialité et protection des données personnelles du site OBC Maçonnerie, conformément au RGPD.",
|
||||
alternates: { canonical: "https://obc-maconnerie.fr/confidentialite" },
|
||||
robots: { index: false, follow: false },
|
||||
};
|
||||
|
||||
export default function Confidentialite() {
|
||||
return (
|
||||
<main className="min-h-screen py-20 md:py-32 bg-dark">
|
||||
<div className="max-w-3xl mx-auto px-4 sm:px-6">
|
||||
<Link href="/" className="inline-flex items-center gap-2 mb-10 text-white/40 hover:text-white text-sm transition-colors">
|
||||
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<main id="main-content" className="min-h-screen bg-bg">
|
||||
<Navbar />
|
||||
|
||||
<div className="max-w-3xl mx-auto px-4 sm:px-6 py-16 md:py-20">
|
||||
<Link href="/" className="inline-flex items-center gap-2 mb-8 text-text-light hover:text-navy text-sm transition-colors group">
|
||||
<svg className="w-4 h-4 transition-transform group-hover:-translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
|
||||
</svg>
|
||||
Retour à l'accueil
|
||||
</Link>
|
||||
|
||||
<h1 className="text-3xl md:text-4xl font-bold text-white mb-10">Politique de Confidentialité</h1>
|
||||
<h1 className="text-3xl md:text-4xl font-bold text-navy mb-10">Politique de Confidentialité</h1>
|
||||
|
||||
<div className="space-y-8 text-white/70 text-sm leading-relaxed">
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">1. Responsable du traitement</h2>
|
||||
<p>Le responsable du traitement des données est :</p>
|
||||
<ul className="mt-3 space-y-1">
|
||||
<li><strong className="text-white">Enguerrand Ozano (HookLab)</strong></li>
|
||||
<li>SIREN : 994 538 932</li>
|
||||
<li>Adresse : 35 rue Moïse Lambert, 59148 Flines-lez-Raches, France</li>
|
||||
<li>Email : <a href="mailto:contact@hooklab.eu" className="hover:text-white transition-colors">contact@hooklab.eu</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<div className="space-y-8 text-text-light text-sm leading-relaxed">
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">2. Données collectées</h2>
|
||||
<p>Nous collectons des informations à deux moments distincts de notre relation :</p>
|
||||
|
||||
<div className="mt-4">
|
||||
<p className="font-semibold text-white mb-2">Sur le site internet (Demande d'Audit) :</p>
|
||||
<p>Nous collectons les informations que vous nous transmettez volontairement via le formulaire :</p>
|
||||
<ul className="mt-2 space-y-1 list-disc list-inside ml-4">
|
||||
<li>Nom, Prénom</li>
|
||||
<li>Numéro de téléphone</li>
|
||||
<li>Adresse email</li>
|
||||
<li>Nom de l'entreprise</li>
|
||||
<li>Ville d'intervention</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="mt-4">
|
||||
<p className="font-semibold text-white mb-2">Lors de la contractualisation (En rendez-vous ou à distance) :</p>
|
||||
<p>
|
||||
Pour la mise en place de votre dossier client, nous collectons via nos partenaires sécurisés les données
|
||||
nécessaires à la facturation (Identité, IBAN pour le prélèvement, Signature électronique).
|
||||
<strong className="text-white"> Aucune donnée bancaire n'est stockée sur ce site internet.</strong>
|
||||
</p>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">1. Responsable du traitement</h2>
|
||||
<div className="bg-bg-white border border-border rounded-xl p-5 space-y-1">
|
||||
<p><strong className="text-text">Benoît COLIN — OBC Maçonnerie</strong></p>
|
||||
<p>SIREN : 531 827 871</p>
|
||||
<p>221 Route de Saint-Amand, 59310 Mouchin</p>
|
||||
<p>Tél : <a href="tel:0674453089" className="text-orange hover:underline">06 74 45 30 89</a></p>
|
||||
<p>Email : <a href="mailto:contact@obc-maconnerie.fr" className="text-orange hover:underline">contact@obc-maconnerie.fr</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">3. Finalités du traitement</h2>
|
||||
<p>Vos données sont utilisées pour :</p>
|
||||
<ul className="mt-3 space-y-1 list-disc list-inside">
|
||||
<li>Répondre à vos demandes d'audit gratuit et vous recontacter.</li>
|
||||
<li>Établir le contrat de prestation et gérer la signature électronique.</li>
|
||||
<li>Mettre en place le prélèvement automatique sécurisé pour votre abonnement.</li>
|
||||
<li>Exécuter la prestation (création du site, référencement, gestion de votre visibilité).</li>
|
||||
<li>Vous envoyer vos factures et des informations importantes sur votre dossier.</li>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">2. Données collectées</h2>
|
||||
<p>Nous collectons uniquement les données que vous nous transmettez via le formulaire de contact :</p>
|
||||
<ul className="mt-3 space-y-1 list-disc list-inside ml-2">
|
||||
<li>Nom et prénom</li>
|
||||
<li>Numéro de téléphone</li>
|
||||
<li>Adresse email (optionnelle)</li>
|
||||
<li>Type de projet et description</li>
|
||||
<li>Budget approximatif (optionnel)</li>
|
||||
<li>Commune / zone d'intervention</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">4. Base légale</h2>
|
||||
<ul className="space-y-2 list-disc list-inside">
|
||||
<li><strong className="text-white">Consentement :</strong> Pour les données envoyées via le formulaire de contact du site.</li>
|
||||
<li><strong className="text-white">Exécution du contrat :</strong> Pour les données collectées via PandaDoc et GoCardless nécessaires à la réalisation de la prestation et à la facturation.</li>
|
||||
<li><strong className="text-white">Obligation légale :</strong> Pour la conservation des factures et documents comptables.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">5. Partage des données et Sous-traitants sécurisés</h2>
|
||||
<p className="mb-3">
|
||||
Nous ne vendons jamais vos données. Elles sont uniquement transmises aux prestataires techniques
|
||||
rigoureusement sélectionnés pour assurer le fonctionnement du service :
|
||||
<p className="mt-3">
|
||||
<strong className="text-text">Aucune donnée bancaire</strong> n'est collectée sur ce site.
|
||||
</p>
|
||||
<ul className="space-y-1 list-disc list-inside">
|
||||
<li><strong className="text-white">PandaDoc :</strong> Pour la génération et la signature électronique sécurisée des contrats.</li>
|
||||
<li><strong className="text-white">GoCardless :</strong> Pour la gestion sécurisée des mandats de prélèvement SEPA (données bancaires).</li>
|
||||
<li><strong className="text-white">Sanity.io :</strong> Pour l'hébergement des contenus (textes/photos) de votre futur site.</li>
|
||||
<li><strong className="text-white">Vercel :</strong> Pour l'hébergement technique du site internet.</li>
|
||||
<li><strong className="text-white">Resend :</strong> Pour l'envoi des emails transactionnels.</li>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">3. Finalités du traitement</h2>
|
||||
<p>Vos données sont utilisées exclusivement pour :</p>
|
||||
<ul className="mt-3 space-y-1 list-disc list-inside ml-2">
|
||||
<li>Répondre à votre demande de devis et vous recontacter</li>
|
||||
<li>Préparer et établir un devis adapté à votre projet</li>
|
||||
<li>Gérer la relation commerciale si vous confiez votre chantier à OBC Maçonnerie</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">6. Sécurité des données</h2>
|
||||
<p className="mb-3">La sécurité est notre priorité.</p>
|
||||
|
||||
<div className="space-y-3">
|
||||
<p>
|
||||
<strong className="text-white">Sur le site :</strong> Toutes les navigations se font sous protocole HTTPS
|
||||
(cadenas fermé), garantissant le cryptage des données échangées.
|
||||
</p>
|
||||
<p>
|
||||
<strong className="text-white">Pour le paiement et les contrats :</strong> Nous utilisons des tiers de confiance
|
||||
(GoCardless et PandaDoc) qui respectent les normes de sécurité bancaires et juridiques les plus strictes.
|
||||
Vos coordonnées bancaires ne transitent jamais par nos serveurs informatiques.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">7. Durée de conservation</h2>
|
||||
<ul className="space-y-1 list-disc list-inside">
|
||||
<li><strong className="text-white">Données prospects :</strong> 3 ans après le dernier contact.</li>
|
||||
<li><strong className="text-white">Données clients :</strong> Durant toute la relation contractuelle, puis archivées pendant 5 ans (prescription légale).</li>
|
||||
<li><strong className="text-white">Documents comptables :</strong> 10 ans (obligation légale).</li>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">4. Base légale</h2>
|
||||
<ul className="space-y-1 list-disc list-inside ml-2">
|
||||
<li><strong className="text-text">Consentement :</strong> Pour les données transmises via le formulaire de contact.</li>
|
||||
<li><strong className="text-text">Exécution du contrat :</strong> Pour les données nécessaires à la réalisation du chantier.</li>
|
||||
<li><strong className="text-text">Obligation légale :</strong> Pour la conservation des documents comptables (10 ans).</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">8. Vos droits (RGPD)</h2>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">5. Partage des données</h2>
|
||||
<p>
|
||||
Conformément à la réglementation, vous disposez d'un droit d'accès, de rectification,
|
||||
d'effacement et de portabilité de vos données.
|
||||
Vos données ne sont jamais vendues à des tiers. Elles peuvent être transmises uniquement aux prestataires techniques nécessaires au fonctionnement du site :
|
||||
</p>
|
||||
<ul className="mt-3 space-y-1 list-disc list-inside ml-2">
|
||||
<li><strong className="text-text">Vercel :</strong> Hébergement du site web</li>
|
||||
<li><strong className="text-text">Resend :</strong> Envoi des emails de notification</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">6. Durée de conservation</h2>
|
||||
<ul className="space-y-1 list-disc list-inside ml-2">
|
||||
<li><strong className="text-text">Prospects :</strong> 3 ans après le dernier contact</li>
|
||||
<li><strong className="text-text">Clients :</strong> 5 ans après la fin de la relation contractuelle</li>
|
||||
<li><strong className="text-text">Documents comptables :</strong> 10 ans (obligation légale)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">7. Vos droits (RGPD)</h2>
|
||||
<p>
|
||||
Conformément au RGPD, vous disposez d'un droit d'accès, de rectification, d'effacement et de portabilité de vos données. Pour exercer ces droits, contactez-nous :
|
||||
</p>
|
||||
<p className="mt-3">
|
||||
Pour exercer ce droit, envoyez simplement un email à : <a href="mailto:contact@hooklab.eu" className="text-white hover:underline">contact@hooklab.eu</a>
|
||||
<a href="mailto:contact@obc-maconnerie.fr" className="text-orange font-semibold hover:underline">
|
||||
contact@obc-maconnerie.fr
|
||||
</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-xl font-semibold text-white mb-3">9. Cookies</h2>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">8. Cookies</h2>
|
||||
<p>
|
||||
Ce site utilise des cookies techniques nécessaires à son bon fonctionnement et des outils de mesure
|
||||
d'audience anonymes pour améliorer nos services. Aucune donnée n'est revendue à des tiers publicitaires.
|
||||
Ce site utilise uniquement des cookies techniques nécessaires à son bon fonctionnement. Aucun cookie publicitaire ou de traçage tiers n'est utilisé.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<p className="text-white/40 pt-4 border-t border-dark-border">
|
||||
<section>
|
||||
<h2 className="text-lg font-bold text-navy mb-3">9. Sécurité</h2>
|
||||
<p>
|
||||
Toutes les communications entre votre navigateur et notre site sont chiffrées via le protocole HTTPS. Vos données sont traitées avec le plus grand soin et ne sont accessibles qu'aux personnes habilitées.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<p className="text-text-muted text-xs pt-4 border-t border-border">
|
||||
Dernière mise à jour : Février 2026
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user