From 12ec053bfc9e9e09dfdf33a22c9389fb3513a523 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 17:43:28 +0000 Subject: [PATCH 1/3] Update src/app/about/page.tsx --- src/app/about/page.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 01fefaa..b1369c0 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -47,7 +47,7 @@ export default function AboutPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmall" - background="floatingGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -69,6 +69,7 @@ export default function AboutPage() { subdescription="Et toute la région de Mulhouse" icon={MapPin} videoSrc="/videos/service-area.mp4" + mediaAnimation="slide-up" useInvertedBackground={false} /> @@ -80,10 +81,12 @@ export default function AboutPage() { metrics={[ { id: "1", value: "Intervention rapide", description: - "Nous intervenons en moins de 2 heures en urgence. Réactivité garantie pour tous vos problèmes."}, + "Nous intervenons en moins de 2 heures en urgence. Réactivité garantie pour tous vos problèmes." + }, { id: "2", value: "Technicien local", description: - "Basé à Illzach, nous connaissons parfaitement la région de Mulhouse et ses spécificités."}, + "Basé à Illzach, nous connaissons parfaitement la région de Mulhouse et ses spécificités." + }, ]} metricsAnimation="slide-up" useInvertedBackground={false} -- 2.49.1 From 3c017dc2bfb2acc3518f92beae54e0727f002506 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 17:43:29 +0000 Subject: [PATCH 2/3] Update src/app/page.tsx --- src/app/page.tsx | 88 +++++++++++++++++++++++++++++++----------------- 1 file changed, 58 insertions(+), 30 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 06e5019..2c46ed3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmall" - background="floatingGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -32,11 +32,12 @@ export default function HomePage() { navItems={[ { name: "Accueil", id: "/" }, { name: "Services", id: "/services" }, - { name: "À propos", id: "about" }, + { name: "À propos", id: "/about" }, { name: "Contact", id: "contact" }, ]} button={{ - text: "📞 Appeler", href: "tel:+33XXXXXXXXX"}} + text: "📞 Appeler", href: "tel:+33XXXXXXXXX" + }} brandName="ACK Artisanat" /> @@ -47,10 +48,11 @@ export default function HomePage() { title="Dépannage rapide en plomberie, serrurerie et électricité" description="Intervention rapide à Illzach et dans toute la région de Mulhouse. Plus de 700 avis clients – note 4.9⭐" tag="Dépannage Urgent 24/7" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} buttons={[ { - text: "📞 Appeler maintenant", href: "tel:+33XXXXXXXXX"}, + text: "📞 Appeler maintenant", href: "tel:+33XXXXXXXXX" + }, { text: "📩 Demander un devis", onClick: () => { const element = document.getElementById("emergency"); @@ -74,19 +76,24 @@ export default function HomePage() { accordionItems={[ { id: "1", title: "Plomberie", content: - "Détection de fuites, réparation de plomberie, installation de robinetterie, pose de chauffe-eau, installation de toilettes, nettoyage de canalisations."}, + "Détection de fuites, réparation de plomberie, installation de robinetterie, pose de chauffe-eau, installation de toilettes, nettoyage de canalisations." + }, { id: "2", title: "Serrurerie", content: - "Ouverture de porte, changement de serrure, serrures de sécurité, réparation de verrous, coffres-forts et systèmes de verrouillage avancés."}, + "Ouverture de porte, changement de serrure, serrures de sécurité, réparation de verrous, coffres-forts et systèmes de verrouillage avancés." + }, { id: "3", title: "Électricité", content: - "Installation de prises, remplacement de fusibles, réparation électrique, installation d'éclairages, modernisation de panneaux électriques."}, + "Installation de prises, remplacement de fusibles, réparation électrique, installation d'éclairages, modernisation de panneaux électriques." + }, { id: "4", title: "Chauffage & Climatisation", content: - "Installation de chauffage, réparation chauffage, thermostats intelligents, climatisation, entretien HVAC et dépannage urgence froid."}, + "Installation de chauffage, réparation chauffage, thermostats intelligents, climatisation, entretien HVAC et dépannage urgence froid." + }, ]} videoSrc="/videos/services-demo.mp4" mediaPosition="right" + mediaAnimation="slide-up" buttons={[ { text: "Obtenir un devis", onClick: () => { @@ -111,27 +118,34 @@ export default function HomePage() { { id: "1", name: "Marie Dubois", role: "Propriétaire", company: "Résidence Mulhouse", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", imageAlt: "satisfied customer portrait professional"}, + "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg", imageAlt: "satisfied customer portrait professional" + }, { id: "2", name: "Jean-Pierre Moreau", role: "Syndic", company: "Copropriété Illzach", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg", imageAlt: "happy homeowner portrait profile"}, + "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg", imageAlt: "happy homeowner portrait profile" + }, { id: "3", name: "Sophie Laurent", role: "Gestionnaire", company: "Immobilier Alsace", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", imageAlt: "professional woman portrait headshot"}, + "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", imageAlt: "professional woman portrait headshot" + }, { id: "4", name: "Pierre Bertrand", role: "Responsable", company: "Bâtiment Services", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "male professional portrait headshot"}, + "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "male professional portrait headshot" + }, ]} kpiItems={[ { - value: "700+", label: "Avis clients vérifiés"}, + value: "700+", label: "Avis clients vérifiés" + }, { - value: "4.9⭐", label: "Note Google moyenne"}, + value: "4.9⭐", label: "Note Google moyenne" + }, { - value: "24/7", label: "Disponibilité urgence"}, + value: "24/7", label: "Disponibilité urgence" + }, ]} animationType="slide-up" textboxLayout="default" @@ -147,10 +161,12 @@ export default function HomePage() { metrics={[ { id: "1", value: "Rapide", description: - "Nous intervenons en moins de 2 heures en urgence. Réactivité garantie pour tous vos problèmes."}, + "Nous intervenons en moins de 2 heures en urgence. Réactivité garantie pour tous vos problèmes." + }, { id: "2", value: "Local", description: - "Basé à Illzach, nous connaissons parfaitement la région de Mulhouse et ses spécificités."}, + "Basé à Illzach, nous connaissons parfaitement la région de Mulhouse et ses spécificités." + }, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -165,7 +181,8 @@ export default function HomePage() { description="Fuite d'eau, porte bloquée, chauffage en panne, problème électrique ? Nous intervenons rapidement pour résoudre tous vos problèmes de plomberie, serrurerie ou électricité." buttons={[ { - text: "📞 Appelez maintenant", href: "tel:+33XXXXXXXXX"}, + text: "📞 Appelez maintenant", href: "tel:+33XXXXXXXXX" + }, { text: "📩 Demander une intervention", onClick: () => { const element = document.getElementById("contact"); @@ -189,6 +206,7 @@ export default function HomePage() { subdescription="Et toute la région de Mulhouse" icon={MapPin} videoSrc="/videos/service-area.mp4" + mediaAnimation="slide-up" useInvertedBackground={false} /> @@ -201,7 +219,8 @@ export default function HomePage() { description="Contactez-nous immédiatement pour une intervention d'urgence ou pour obtenir un devis gratuit. Notre équipe est à votre écoute." buttons={[ { - text: "📞 Appeler", href: "tel:+33XXXXXXXXX"}, + text: "📞 Appeler", href: "tel:+33XXXXXXXXX" + }, { text: "📩 Demander un devis", onClick: () => { const element = document.getElementById("emergency"); @@ -211,7 +230,7 @@ export default function HomePage() { }, }, ]} - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -224,31 +243,40 @@ export default function HomePage() { { items: [ { - label: "Accueil", href: "/"}, + label: "Accueil", href: "/" + }, { - label: "Services", href: "/services"}, + label: "Services", href: "/services" + }, { - label: "À propos", href: "/about"}, + label: "À propos", href: "/about" + }, ], }, { items: [ { - label: "Nous contacter", href: "#contact"}, + label: "Nous contacter", href: "#contact" + }, { - label: "Demander un devis", href: "#emergency"}, + label: "Demander un devis", href: "#emergency" + }, { - label: "Conditions d'utilisation", href: "#"}, + label: "Conditions d'utilisation", href: "#" + }, ], }, { items: [ { - label: "Politique de confidentialité", href: "#"}, + label: "Politique de confidentialité", href: "#" + }, { - label: "Mentions légales", href: "#"}, + label: "Mentions légales", href: "#" + }, { - label: "Sitemap", href: "#"}, + label: "Sitemap", href: "#" + }, ], }, ]} -- 2.49.1 From df717f4506bbe06fecc9b327b86a98d16124afba Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 17:43:29 +0000 Subject: [PATCH 3/3] Update src/app/services/page.tsx --- src/app/services/page.tsx | 51 ++++++++++++++++++++++++++------------- 1 file changed, 34 insertions(+), 17 deletions(-) diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 9b5054d..ce110b8 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -16,7 +16,7 @@ export default function ServicesPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="largeSmall" - background="floatingGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -32,7 +32,8 @@ export default function ServicesPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "📞 Appeler", href: "tel:+33XXXXXXXXX"}} + text: "📞 Appeler", href: "tel:+33XXXXXXXXX" + }} brandName="ACK Artisanat" /> @@ -46,16 +47,20 @@ export default function ServicesPage() { accordionItems={[ { id: "1", title: "Plomberie Générale & Urgence", content: - "Détection de fuites par traçage, réparation et remplacement de tuyauteries, débouchage de canalisations, installation de robinetterie, pose et entretien de chauffe-eau, dépannage des toilettes et éviers. Intervention même les jours fériés."}, + "Détection de fuites par traçage, réparation et remplacement de tuyauteries, débouchage de canalisations, installation de robinetterie, pose et entretien de chauffe-eau, dépannage des toilettes et éviers. Intervention même les jours fériés." + }, { id: "2", title: "Serrurerie Professionnelle", content: - "Ouverture sans détérioration, changement de serrures, installation de systèmes de sécurité avancés, réparation de verrous, interventions sur coffres-forts, clés sur mesure. Service d'urgence 24h/24 pour les sinistres."}, + "Ouverture sans détérioration, changement de serrures, installation de systèmes de sécurité avancés, réparation de verrous, interventions sur coffres-forts, clés sur mesure. Service d'urgence 24h/24 pour les sinistres." + }, { id: "3", title: "Électricité & Installation", content: - "Installation et réparation de circuits électriques, changement de disjoncteurs, installation d'éclairages et luminaires, mise aux normes de l'installation électrique, dépannage d'urgence. Certification aux normes NFC."}, + "Installation et réparation de circuits électriques, changement de disjoncteurs, installation d'éclairages et luminaires, mise aux normes de l'installation électrique, dépannage d'urgence. Certification aux normes NFC." + }, ]} videoSrc="/videos/services-detail.mp4" mediaPosition="left" + mediaAnimation="slide-up" buttons={[ { text: "Demander un devis", onClick: () => { @@ -78,10 +83,12 @@ export default function ServicesPage() { metrics={[ { id: "1", value: "2h maximum", description: - "Délai d'intervention garanti pour les urgences. Nos équipes se déplacent rapidement dans la région."}, + "Délai d'intervention garanti pour les urgences. Nos équipes se déplacent rapidement dans la région." + }, { id: "2", value: "Expertise confirmée", description: - "Techniciens qualifiés et certifiés. Devis gratuit avant chaque intervention. Qualité et transparence assurées."}, + "Techniciens qualifiés et certifiés. Devis gratuit avant chaque intervention. Qualité et transparence assurées." + }, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -96,7 +103,8 @@ export default function ServicesPage() { description="Pour toute demande de devis, intervention d'urgence ou question concernant nos services, notre équipe est disponible pour vous. Nous vous répondrons dans les meilleurs délais." buttons={[ { - text: "📞 Appeler maintenant", href: "tel:+33XXXXXXXXX"}, + text: "📞 Appeler maintenant", href: "tel:+33XXXXXXXXX" + }, { text: "📩 Demander un devis", onClick: () => { const element = document.getElementById("footer"); @@ -119,31 +127,40 @@ export default function ServicesPage() { { items: [ { - label: "Accueil", href: "/"}, + label: "Accueil", href: "/" + }, { - label: "Services", href: "/services"}, + label: "Services", href: "/services" + }, { - label: "À propos", href: "/about"}, + label: "À propos", href: "/about" + }, ], }, { items: [ { - label: "Nous contacter", href: "#contact"}, + label: "Nous contacter", href: "#contact" + }, { - label: "Demander un devis", href: "#cta"}, + label: "Demander un devis", href: "#cta" + }, { - label: "Conditions d'utilisation", href: "#"}, + label: "Conditions d'utilisation", href: "#" + }, ], }, { items: [ { - label: "Politique de confidentialité", href: "#"}, + label: "Politique de confidentialité", href: "#" + }, { - label: "Mentions légales", href: "#"}, + label: "Mentions légales", href: "#" + }, { - label: "Sitemap", href: "#"}, + label: "Sitemap", href: "#" + }, ], }, ]} -- 2.49.1