Update src/app/page.tsx
This commit is contained in:
177
src/app/page.tsx
177
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"
|
||||
/>
|
||||
</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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user