bender/7ac9cdf4-50a4-43e9-83c2-26e3665d9b30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-03-07 17:43:34 +00:00
Conversation 0 Commits 3 Files Changed 3 +98 -50
3 changed files with 98 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/about/page.tsx
View File

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

88
src/app/page.tsx
View File

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

51
src/app/services/page.tsx
View File

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