diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 509f83d..01fefaa 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -10,9 +10,9 @@ import { MapPin } from "lucide-react"; export default function AboutPage() { const navItems = [ - { name: "Accueil", id: "home" }, - { name: "Services", id: "services" }, - { name: "À propos", id: "about" }, + { name: "Accueil", id: "/" }, + { name: "Services", id: "/services" }, + { name: "À propos", id: "/about" }, { name: "Contact", id: "contact" }, ]; @@ -20,14 +20,14 @@ export default function AboutPage() { { items: [ { label: "Accueil", href: "/" }, - { label: "Services", href: "/" }, + { label: "Services", href: "/services" }, { label: "À propos", href: "/about" }, ], }, { items: [ - { label: "Nous contacter", href: "/contact" }, - { label: "Demander un devis", href: "/contact" }, + { label: "Nous contacter", href: "#contact" }, + { label: "Demander un devis", href: "#contact" }, { label: "Conditions d'utilisation", href: "#" }, ], }, @@ -68,8 +68,7 @@ export default function AboutPage() { description="Illzach, Mulhouse, Kingersheim, Rixheim, Wittenheim, Sausheim" subdescription="Et toute la région de Mulhouse" icon={MapPin} - imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg?_wi=5" - imageAlt="Carte de la région de Mulhouse" + videoSrc="/videos/service-area.mp4" useInvertedBackground={false} /> @@ -80,18 +79,13 @@ export default function AboutPage() { tag="Votre Expert Local" metrics={[ { - id: "1", - value: "Intervention rapide", - description: - "Nous intervenons en moins de 2 heures en urgence. Réactivité garantie pour tous vos problèmes.", - }, + id: "1", value: "Intervention rapide", description: + "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.", - }, + id: "2", value: "Technicien local", description: + "Basé à Illzach, nous connaissons parfaitement la région de Mulhouse et ses spécificités."}, ]} + metricsAnimation="slide-up" useInvertedBackground={false} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 41bf0dd..06e5019 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -36,9 +36,7 @@ export default function HomePage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "📞 Appeler", - href: "tel:+33XXXXXXXXX", - }} + text: "📞 Appeler", href: "tel:+33XXXXXXXXX"}} brandName="ACK Artisanat" /> @@ -49,23 +47,20 @@ 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: "animated-grid" }} + background={{ variant: "floatingGradient" }} buttons={[ { - text: "📞 Appeler maintenant", - href: "tel:+33XXXXXXXXX", - }, + text: "📞 Appeler maintenant", href: "tel:+33XXXXXXXXX"}, { - text: "📩 Demander un devis", - onClick: () => { - const element = document.getElementById("contact"); + text: "📩 Demander un devis", onClick: () => { + const element = document.getElementById("emergency"); if (element) { element.scrollIntoView({ behavior: "smooth" }); } }, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg" imageAlt="Technicien plombier en intervention urgente" /> @@ -78,38 +73,24 @@ export default function HomePage() { tag="Services Complets" 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - id: "3", - title: "Électricité", - content: - "Installation de prises, remplacement de fusibles, réparation électrique, installation d'éclairages, modernisation de panneaux électriques.", - }, + id: "3", title: "Électricité", content: + "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.", - }, + id: "4", title: "Chauffage & Climatisation", content: + "Installation de chauffage, réparation chauffage, thermostats intelligents, climatisation, entretien HVAC et dépannage urgence froid."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg?_wi=2" - imageAlt="Illustration des services d'artisan" + videoSrc="/videos/services-demo.mp4" mediaPosition="right" buttons={[ { - text: "Obtenir un devis", - onClick: () => { - const element = document.getElementById("contact"); + text: "Obtenir un devis", onClick: () => { + const element = document.getElementById("emergency"); if (element) { element.scrollIntoView({ behavior: "smooth" }); } @@ -128,59 +109,29 @@ export default function HomePage() { tag="Avis Clients" testimonials={[ { - id: "1", - name: "Marie Dubois", - role: "Propriétaire", - company: "Résidence Mulhouse", - rating: 5, + 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, + 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, + 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, + 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" @@ -195,18 +146,13 @@ export default function HomePage() { tag="Votre Expert Local" metrics={[ { - id: "1", - value: "Rapide", - description: - "Nous intervenons en moins de 2 heures en urgence. Réactivité garantie pour tous vos problèmes.", - }, + id: "1", value: "Rapide", description: + "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.", - }, + id: "2", value: "Local", description: + "Basé à Illzach, nous connaissons parfaitement la région de Mulhouse et ses spécificités."}, ]} + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -219,12 +165,9 @@ 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: () => { + text: "📩 Demander une intervention", onClick: () => { const element = document.getElementById("contact"); if (element) { element.scrollIntoView({ behavior: "smooth" }); @@ -245,8 +188,7 @@ export default function HomePage() { description="Illzach, Mulhouse, Kingersheim, Rixheim, Wittenheim, Sausheim" subdescription="Et toute la région de Mulhouse" icon={MapPin} - imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg?_wi=3" - imageAlt="Carte de la région de Mulhouse" + videoSrc="/videos/service-area.mp4" useInvertedBackground={false} /> @@ -259,20 +201,17 @@ 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("contact"); + text: "📩 Demander un devis", onClick: () => { + const element = document.getElementById("emergency"); if (element) { element.scrollIntoView({ behavior: "smooth" }); } }, }, ]} - background={{ variant: "animated-grid" }} + background={{ variant: "floatingGradient" }} useInvertedBackground={false} /> @@ -285,49 +224,31 @@ 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: "#contact", - }, + 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: "#"}, ], }, ]} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 2bd1b4d..9b5054d 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -28,13 +28,11 @@ export default function ServicesPage() { 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,31 +45,20 @@ export default function ServicesPage() { tag="Excellence & Réactivité" 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg?_wi=4" - imageAlt="Techniciens spécialisés en intervention" + videoSrc="/videos/services-detail.mp4" mediaPosition="left" buttons={[ { - text: "Demander un devis", - onClick: () => { + text: "Demander un devis", onClick: () => { const element = document.getElementById("cta"); if (element) { element.scrollIntoView({ behavior: "smooth" }); @@ -90,18 +77,13 @@ export default function ServicesPage() { tag="Garantie Client" 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.", - }, + id: "1", value: "2h maximum", description: + "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.", - }, + id: "2", value: "Expertise confirmée", description: + "Techniciens qualifiés et certifiés. Devis gratuit avant chaque intervention. Qualité et transparence assurées."}, ]} + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -114,12 +96,9 @@ 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: () => { + text: "📩 Demander un devis", onClick: () => { const element = document.getElementById("footer"); if (element) { element.scrollIntoView({ behavior: "smooth" }); @@ -127,7 +106,7 @@ export default function ServicesPage() { }, }, ]} - background={{ variant: "canvas-reveal" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -140,49 +119,31 @@ 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: "#"}, ], }, ]}