Merge version_1 into main #3
@@ -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}
|
||||
|
||||
@@ -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: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -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: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user