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.

@@ -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}