Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-07 17:42:07 +00:00
3 changed files with 88 additions and 212 deletions

View File

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

View File

@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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}
/>
</div>
@@ -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}
/>
</div>
@@ -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}
/>
</div>
@@ -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: "#"},
],
},
]}

View File

@@ -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"
/>
</div>
@@ -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}
/>
</div>
@@ -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}
/>
</div>
@@ -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: "#"},
],
},
]}