From e1bade3656a3eadc468a49b9d74174fd1f1b2025 Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 18 Feb 2026 06:23:30 +0000 Subject: [PATCH] refactor: rewrite all homepage text content for clearer artisan messaging MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Hero: new H1 "Votre savoir-faire mérite d'être vu", updated subtitle and CTA to "Diagnostic Gratuit" - Navbar: rename menu items to "Notre Méthode" and "Exemples" - Problematique: rewrite pain points (temps perdu, invisibilité, complexité) + engagement block - System: replace tech features with 3-step method (Trouve, Choisit, Contacte) - DemosLive: simplify demo cards with concise descriptions per trade model - AboutMe: replace stats with bullet points (interlocuteur unique, 100% géré, pas de surprise) - FAQ: reduce to 3 focused questions (informatique, Facebook, coût) - Contact: update CTA title to "sécuriser votre carnet de commandes" - Footer: update tagline, remove plan du site link, trim intervention zone https://claude.ai/code/session_01V8YAjpqRQ3bfBYsABYsEgo --- components/marketing/AboutMe.tsx | 65 +++++++++++--------------- components/marketing/Contact.tsx | 9 ++-- components/marketing/DemosLive.tsx | 58 ++++++++--------------- components/marketing/FAQ.tsx | 24 +++------- components/marketing/Footer.tsx | 9 +--- components/marketing/Hero.tsx | 23 ++++----- components/marketing/Navbar.tsx | 16 +++---- components/marketing/Problematique.tsx | 28 +++++------ components/marketing/System.tsx | 44 ++++++++--------- 9 files changed, 110 insertions(+), 166 deletions(-) diff --git a/components/marketing/AboutMe.tsx b/components/marketing/AboutMe.tsx index c045abc..6f567ea 100644 --- a/components/marketing/AboutMe.tsx +++ b/components/marketing/AboutMe.tsx @@ -1,7 +1,6 @@ "use client"; import ScrollReveal from "@/components/animations/ScrollReveal"; -import AnimatedCounter from "@/components/animations/AnimatedCounter"; interface AboutMeProps { images?: Record; @@ -19,25 +18,6 @@ export default function AboutMe({ images }: AboutMeProps) {
- {/* Stats top row */} - -
- {[ - { value: 100, suffix: "%", label: "Local Nord" }, - { value: 24, suffix: "h", label: "Délai de réponse" }, - { value: 0, suffix: "€", label: "L'audit" }, - { value: 3, suffix: "", label: "Piliers du système" }, - ].map((stat, i) => ( -
-

- -

-

{stat.label}

-
- ))} -
- - {/* Content */}
{/* Photo */} @@ -63,7 +43,7 @@ export default function AboutMe({ images }: AboutMeProps) { )}
- Basé à Flines-lez-Raches + Basé à Flines-lez-Raches
@@ -76,27 +56,34 @@ export default function AboutMe({ images }: AboutMeProps) { Votre expert local

- Pas une plateforme anonyme.{" "} - Un voisin. + Enguerrand Ozano.{" "} + Votre voisin à Flines-lez-Raches.

-

- Je suis Enguerrand, spécialisé dans la - visibilité locale et la construction de{" "} - systèmes de confiance en ligne{" "} - pour les artisans du Nord. -

-

- Je ne suis pas un call center parisien. Je connais la réalité de vos - chantiers à Douai, Orchies ou Valenciennes. Je sais que vous n’avez pas - le temps de gérer “un truc internet” et que vous voulez des résultats - concrets : des appels de vrais clients. -

-

- Mon approche : je vous construis un système complet{" "} - (Google + Facebook + Site) qui transforme votre bouche-à-oreille en système - permanent. Pas de jargon, pas de blabla — du concret. +

+ Oubliez les plateformes téléphoniques à l’autre bout du monde. + Je suis ici, dans le Nord (59). Je connais la réalité de vos métiers + et vos contraintes géographiques.

+ +

- Prêt à arrêter de courir après les chantiers ? + Prêt à sécuriser votre carnet de commandes ?

- Réservez votre audit gratuit. Je regarde votre situation Google, - votre visibilité actuelle, et je vous dis concrètement ce - qu’on peut améliorer. Sans engagement, sans jargon. + Je regarde votre situation actuelle sur internet (gratuitement) + et je vous dis honnêtement ce qu’on peut améliorer.

    @@ -124,7 +123,7 @@ export default function Contact() { />

    Gratuit · Sans engagement · Réponse sous 24h diff --git a/components/marketing/DemosLive.tsx b/components/marketing/DemosLive.tsx index 065877f..886c55a 100644 --- a/components/marketing/DemosLive.tsx +++ b/components/marketing/DemosLive.tsx @@ -6,12 +6,10 @@ import ScrollReveal from "@/components/animations/ScrollReveal"; const demos = [ { - title: "L\u2019Expertise Solide", - subtitle: "Pour ceux dont le travail doit durer 100 ans.", - pourQui: "Maçons, Couvreurs, Charpentiers.", - pointFort: "Slider «\u00a0Avant / Après\u00a0» interactif + badges garanties (Décennale, Qualibat, RGE) immanquables.", - fonctionnalite: "Formulaire intelligent : si Urgence Fuite \u2192 bouton rouge «\u00a0APPELER LE PATRON\u00a0».", - cta: "Voir la Démo Maçonnerie", + title: "Le Mod\u00e8le \u00ab\u00a0Gros \u0152uvre\u00a0\u00bb", + subtitle: "Ma\u00e7ons, Couvreurs", + description: "Id\u00e9al pour montrer la technique. Un site qui met en avant vos photos \u00ab\u00a0Avant / Apr\u00e8s\u00a0\u00bb pour prouver la qualit\u00e9 de vos finitions.", + cta: "Voir un exemple Ma\u00e7onnerie", href: "/macon", icon: ( @@ -20,12 +18,10 @@ const demos = [ ), }, { - title: "L\u2019Artisan Créateur", - subtitle: "Pour ceux qui vendent du beau et du confort.", - pourQui: "Paysagistes, Peintres, Décorateurs.", - pointFort: "Galerie filtrable par type + saisonnalité intelligente (le site change selon la saison).", - fonctionnalite: "Bouton WhatsApp flottant «\u00a0Je veux le même jardin\u00a0» + immersion locale par ville.", - cta: "Voir la Démo Paysagiste", + title: "Le Mod\u00e8le \u00ab\u00a0Cr\u00e9ation\u00a0\u00bb", + subtitle: "Paysagistes, Peintres", + description: "Id\u00e9al pour vendre du r\u00eave. Un design \u00e9pur\u00e9 qui laisse toute la place \u00e0 la beaut\u00e9 de vos r\u00e9alisations.", + cta: "Voir un exemple Paysagiste", href: "/paysagiste", icon: ( @@ -34,12 +30,10 @@ const demos = [ ), }, { - title: "L\u2019Intervention Éclair", - subtitle: "Pour ceux qui sauvent la mise (et veulent être payés vite).", - pourQui: "Plombiers, Électriciens, Serruriers.", - pointFort: "Avis Google en haut + tarifs transparents + bouton d\u2019appel sticky sur mobile.", - fonctionnalite: "Diagnostic en 3 clics : qualifie la panne + détecte si hors zone.", - cta: "Voir la Démo Plombier", + title: "Le Mod\u00e8le \u00ab\u00a0Intervention\u00a0\u00bb", + subtitle: "Plombiers, \u00c9lectriciens", + description: "Id\u00e9al pour l\u2019urgence. Un site ultra-rapide avec votre num\u00e9ro de t\u00e9l\u00e9phone bien visible pour \u00eatre appel\u00e9 en un clic.", + cta: "Voir un exemple Plombier", href: "/plombier", icon: ( @@ -55,21 +49,20 @@ interface DemosLiveProps { export default function DemosLive(_props: DemosLiveProps) { return ( -
    +

    - Démos Live + Exemples

    - Ne signez pas sans voir.{" "} - Testez votre futur site maintenant. + Ne signez pas les yeux fermés.{" "} + Regardez ce que je peux faire pour vous.

    - Je ne vous demande pas de me croire sur parole. J’ai construit 3 modèles - de « Dossiers de Confiance » optimisés pour vos métiers. - Cliquez, naviguez, et imaginez votre logo à la place. + Je ne vous demande pas de me croire sur parole. J’ai préparé des modèles + adaptés à votre métier. Cliquez et imaginez votre logo à la place.

    @@ -89,19 +82,8 @@ export default function DemosLive(_props: DemosLiveProps) { {/* Content */}
    -
    -
    -

    Pour qui ?

    -

    {demo.pourQui}

    -
    -
    -

    Le point fort

    -

    {demo.pointFort}

    -
    -
    -

    Fonctionnalité clé

    -

    {demo.fonctionnalite}

    -
    +
    +

    {demo.description}

    {/* CTA */} diff --git a/components/marketing/FAQ.tsx b/components/marketing/FAQ.tsx index 3b35bab..85d8624 100644 --- a/components/marketing/FAQ.tsx +++ b/components/marketing/FAQ.tsx @@ -5,28 +5,16 @@ import ScrollReveal from "@/components/animations/ScrollReveal"; const faqs = [ { - q: "J\u2019ai déjà une page Facebook, ça suffit non\u00a0?", - a: "Facebook, c\u2019est pour les amis. Google, c\u2019est pour les clients qui ont un carnet de chèques et une urgence. Un site professionnel inspire 56% plus de confiance qu\u2019une simple page sociale.", + q: "Je n\u2019y connais rien en informatique, est-ce un probl\u00e8me\u00a0?", + a: "Absolument pas. C\u2019est mon travail. Vous continuez \u00e0 g\u00e9rer vos chantiers, je m\u2019occupe de tout ce qui est technique (s\u00e9curit\u00e9, mise en ligne, affichage sur mobile).", }, { - q: "Est-ce que je pourrai changer mes photos moi-même\u00a0?", - a: "Oui. Vous avez un panneau d'administration simple et intuitif. Collez un lien d'image, cliquez sur Sauver, et le site se met à jour tout seul. Aussi simple qu'envoyer un SMS.", + q: "J\u2019ai d\u00e9j\u00e0 une page Facebook, \u00e7a suffit non\u00a0?", + a: "Facebook est utile, mais ce n\u2019est pas \u00e0 vous. Un site internet est votre propri\u00e9t\u00e9 et inspire beaucoup plus confiance pour signer des devis importants. C\u2019est la diff\u00e9rence entre un bricoleur et une entreprise \u00e9tablie.", }, { - q: "C\u2019est quoi la différence avec un site gratuit\u00a0?", - a: "Un site gratuit, c\u2019est comme construire une maison sans fondations. Ça ne tient pas, Google ne le voit pas, et ça fait fuir les gros chantiers. Je vous construis un actif numérique durable.", - }, - { - q: "Combien coûte un site avec HookLab\u00a0?", - a: "Chaque projet est différent. Je propose un audit gratuit pour comprendre votre situation et vous faire une proposition adaptée à votre activité. Pas d\u2019abonnement caché, pas de surprise.", - }, - { - q: "Combien de temps pour avoir des résultats\u00a0?", - a: "Le site est en ligne en 2-3 semaines. Les premiers résultats Google arrivent en 4 à 8 semaines selon votre zone et votre métier. Mais le site commence à travailler pour vous dès le jour 1.", - }, - { - q: "J\u2019y connais rien en informatique, c\u2019est un problème\u00a0?", - a: "C\u2019est justement mon métier. Je m\u2019occupe de tout\u00a0: création, mise en ligne, référencement. Vous, vous continuez vos chantiers. Et si vous voulez modifier quelque chose, un simple message suffit.", + q: "Combien \u00e7a co\u00fbte\u00a0?", + a: "Chaque artisan a des besoins diff\u00e9rents. Je propose des forfaits clairs et adapt\u00e9s aux TPE. Pas de frais cach\u00e9s. Nous en parlerons de vive voix lors de l\u2019audit.", }, ]; diff --git a/components/marketing/Footer.tsx b/components/marketing/Footer.tsx index b3a7727..a9b0f01 100644 --- a/components/marketing/Footer.tsx +++ b/components/marketing/Footer.tsx @@ -20,7 +20,7 @@ export default function Footer() {

    - Création de sites pour le Bâtiment et l’Artisanat. + Création de sites internet pour artisans.

    59148 Flines-lez-Raches @@ -54,11 +54,6 @@ export default function Footer() { Politique de Confidentialité -

  • - - Plan du site - -
@@ -70,7 +65,7 @@ export default function Footer() { © {new Date().getFullYear()} HookLab — Enguerrand Ozano · SIREN 994 538 932

- Intervention : Douai · Orchies · Arleux · Valenciennes · Saint-Amand-les-Eaux + Intervention : Douai · Orchies · Arleux · Valenciennes

diff --git a/components/marketing/Hero.tsx b/components/marketing/Hero.tsx index ec238f8..656d642 100644 --- a/components/marketing/Hero.tsx +++ b/components/marketing/Hero.tsx @@ -45,40 +45,35 @@ export default function Hero({ images }: HeroProps) { Artisans du Nord : - Transformez votre - - - bouche-à-oreille en{" "} + Votre savoir-faire - machine à chantiers. + mérite d’être vu.

- Avis Google + Facebook + Site pro : le triptyque qui fait que vos - futurs clients vous appellent vous, et pas votre concurrent. + Vous construisez du solide sur vos chantiers. Je construis votre réputation solide sur internet. + Basé à Flines-lez-Raches, j’aide les professionnels du bâtiment de Douai, Orchies + et Valenciennes à être trouvés et choisis par les bons clients.

- - Comment ça marche ? -
+

+ Sans engagement. Réponse sous 24h. +

{["Réponse sous 24h", "100% Géré pour vous", "Pas de jargon"].map((t) => ( diff --git a/components/marketing/Navbar.tsx b/components/marketing/Navbar.tsx index 26b2c2e..86534c4 100644 --- a/components/marketing/Navbar.tsx +++ b/components/marketing/Navbar.tsx @@ -22,11 +22,11 @@ export default function Navbar() { {/* Desktop links */}
- - Le Système + + Notre Méthode - - Réalisations + + Exemples Qui suis-je @@ -68,11 +68,11 @@ export default function Navbar() { {/* Mobile menu */} {open && (
- setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors"> - Le Système + setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors"> + Notre Méthode - setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors"> - Réalisations + setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors"> + Exemples setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors"> Qui suis-je diff --git a/components/marketing/Problematique.tsx b/components/marketing/Problematique.tsx index b53fab5..3724aea 100644 --- a/components/marketing/Problematique.tsx +++ b/components/marketing/Problematique.tsx @@ -1,7 +1,6 @@ "use client"; import ScrollReveal from "@/components/animations/ScrollReveal"; -import AnimatedCounter from "@/components/animations/AnimatedCounter"; export default function Problematique() { return ( @@ -10,11 +9,11 @@ export default function Problematique() {

- Vous êtes un pro sur le chantier.{" "} - Pourquoi votre présence en ligne dit-elle le contraire ? + Chacun son métier.{" "} + Vous êtes l’expert du chantier, je suis l’expert du numérique.

- Marc, je sais ce que vous vivez : + Marc, je sais ce que vous vivez au quotidien :

@@ -23,15 +22,15 @@ export default function Problematique() { {[ { title: "Le temps perdu", - text: "Vos soirées passent à faire des devis pour des gens qui cherchent «\u00a0le moins cher\u00a0» sur Leboncoin.", + text: "Vos soir\u00e9es passent \u00e0 faire des devis pour des curieux qui cherchent juste \u00ab\u00a0un prix\u00a0\u00bb et ne signent jamais.", }, { - title: "L\u2019invisibilité", - text: "Des concurrents moins qualifiés que vous sortent avant vous sur Google Maps.", + title: "L\u2019invisibilit\u00e9", + text: "Vous voyez des concurrents, parfois moins qualifi\u00e9s que vous, appara\u00eetre avant vous sur Google.", }, { - title: "La peur de la technique", - text: "On vous a parlé de WordPress, de mises à jour, de piratage\u2026 Vous voulez un outil, pas un deuxième travail.", + title: "La complexit\u00e9", + text: "On vous parle de \u00ab\u00a0r\u00e9f\u00e9rencement\u00a0\u00bb, de \u00ab\u00a0mises \u00e0 jour\u00a0\u00bb\u2026 Pour vous, c\u2019est du chinois. Vous voulez un outil qui marche, pas une charge mentale suppl\u00e9mentaire.", }, ].map((item, i) => ( @@ -54,13 +53,10 @@ export default function Problematique() {

- - - - des acheteurs jugent votre crédibilité sur le design de votre site.{" "} - - Si votre site est lent ou « moche », le client pense que votre travail l’est aussi. - + Mon engagement :{" "} + Je ne vous vends pas de la technologie pour le plaisir. Je mets en place un{" "} + Dossier de Confiance{" "} + qui prouve votre sérieux aux clients qui vous cherchent.

diff --git a/components/marketing/System.tsx b/components/marketing/System.tsx index 07715b4..2c2caf8 100644 --- a/components/marketing/System.tsx +++ b/components/marketing/System.tsx @@ -3,17 +3,18 @@ import Card from "@/components/ui/Card"; import ScrollReveal from "@/components/animations/ScrollReveal"; -const features = [ +const steps = [ { icon: ( - + ), - title: "Vitesse Supersonique", - subtitle: "Google adore", + step: "1", + title: "ON VOUS TROUVE", + subtitle: "Votre pr\u00e9sence Google", description: - "Votre site se charge instantanément sur mobile. C\u2019est crucial pour le référencement et pour vos clients pressés. La technologie des géants (Netflix, Airbnb) adaptée aux artisans du Nord.", + "Quand un client tape \u00ab\u00a0Couvreur Douai\u00a0\u00bb ou \u00ab\u00a0Menuisier Orchies\u00a0\u00bb, il doit tomber sur vous. Je g\u00e8re votre fiche Google et je m\u2019assure que vous soyez visible localement, l\u00e0 o\u00f9 sont vos clients.", }, { icon: ( @@ -21,27 +22,29 @@ const features = [ ), - title: "Sécurité Militaire", - subtitle: "HTTPS inclus", + step: "2", + title: "ON VOUS CHOISIT", + subtitle: "Votre Site & Vos Avis", description: - "Pas de base de données à pirater. Votre site est statique, blindé et sécurisé par défaut (cadenas vert HTTPS obligatoire). Vos clients sont rassurés.", + "Un client met moins de 10 secondes pour juger si vous \u00eates s\u00e9rieux. Je cr\u00e9e un site internet clair qui affiche vos labels (RGE, Qualibat), vos plus belles photos de r\u00e9alisations et les avis de vos clients satisfaits. C\u2019est votre classeur de chantier, mais en ligne.", }, { icon: ( - + ), - title: "100% Mobile First", - subtitle: "Conçu pour le pouce", + step: "3", + title: "ON VOUS CONTACTE", + subtitle: "Le Filtrage", description: - "Vos clients vous cherchent sur leur smartphone. Votre site est conçu pour le pouce, avec des boutons d\u2019appel énormes et accessibles.", + "Fini les appels inutiles. Votre site est con\u00e7u pour filtrer les demandes. En affichant votre professionnalisme, vous \u00e9cartez les \u00ab\u00a0touristes\u00a0\u00bb et attirez les clients qui ont un vrai projet et le budget qui va avec.", }, ]; export default function System() { return ( -
+
{/* Subtle pattern */}
@@ -49,25 +52,24 @@ export default function System() {
- La Solution HookLab + Notre Méthode

- Le « Dossier de Confiance » :{" "} - Plus qu’un site, une infrastructure. + 3 étapes pour transformer votre bouche-à-oreille en{" "} + système automatique.

- Je ne fais pas de sites « bricolés » sur WordPress qui plantent si on ne les - met pas à jour. J’utilise la technologie des géants adaptée aux artisans du Nord. + Pas de jargon. Voici ce que je mets en place pour vous :

- {features.map((f, i) => ( + {steps.map((f, i) => ( -
- {f.icon} +
+ {f.step}

{f.title}

{f.subtitle}