Update src/app/page.tsx

This commit is contained in:
2026-06-09 22:40:43 +00:00
parent e825cd566b
commit ca5de5a867

View File

@@ -32,86 +32,53 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Accueil", name: "Accueil", id: "#hero"},
id: "#hero",
},
{ {
name: "À Propos", name: "À Propos", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Forfaits", name: "Forfaits", id: "#packages"},
id: "#packages",
},
{ {
name: "Tarifs", name: "Tarifs", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Témoignages", name: "Témoignages", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/white-paper-manual-tool-set-wooden-floor_1150-15359.jpg" logoSrc="http://img.b2bpic.net/free-photo/white-paper-manual-tool-set-wooden-floor_1150-15359.jpg"
logoAlt="Entretiens Extérieur E.R. Logo" logoAlt="Entretiens Extérieur E.R. Logo"
brandName="Entretiens Extérieur E.R." brandName="Entretiens Extérieur E.R."
button={{ button={{
text: "Obtenir une Soumission", text: "Obtenir une Soumission", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Entretien de Pelouse & Déneigement Professionnel à Québec" title="Entretien de Pelouse & Déneigement Professionnel à Québec"
description="Des services extérieurs de qualité supérieure pour une propriété impeccable toute l'année. Faites confiance à Entretiens Extérieur E.R." description="Des services extérieurs de qualité supérieure pour une propriété impeccable toute l'année. Faites confiance à Entretiens Extérieur E.R."
buttons={[ buttons={[
{ {
text: "Obtenir une Soumission Gratuite", text: "Obtenir une Soumission Gratuite", href: "#contact"},
href: "#contact",
},
{ {
text: "Découvrir nos Services", text: "Découvrir nos Services", href: "#services"},
href: "#services",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg", imageAlt: "Professional lawn mowing service"},
imageAlt: "Professional lawn mowing service",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/snowy-field-with-wagon-attached-four-wheel-motorcycle_181624-9118.jpg", imageSrc: "http://img.b2bpic.net/free-photo/snowy-field-with-wagon-attached-four-wheel-motorcycle_181624-9118.jpg", imageAlt: "Residential snow removal"},
imageAlt: "Residential snow removal",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-standing-near-succulent-plant_23-2147844316.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-standing-near-succulent-plant_23-2147844316.jpg", imageAlt: "Hedge trimming service"},
imageAlt: "Hedge trimming service",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/spring-tiny-beautiful-flower-bouquet_23-2148075318.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spring-tiny-beautiful-flower-bouquet_23-2148075318.jpg", imageAlt: "Pristine garden landscaping"},
imageAlt: "Pristine garden landscaping",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/mature-male-worker-posing-camera-with-broom-park-front-view-happy-bearded-man-age_7502-10275.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mature-male-worker-posing-camera-with-broom-park-front-view-happy-bearded-man-age_7502-10275.jpg", imageAlt: "Clean residential driveway"},
imageAlt: "Clean residential driveway",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-540.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-540.jpg", imageAlt: "Friendly lawn care worker"},
imageAlt: "Friendly lawn care worker",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -122,22 +89,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
heading={[ heading={[
{ {
type: "text", type: "text", content: "À Propos d'Entretiens Extérieur E.R."},
content: "À Propos d'Entretiens Extérieur E.R.",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Nos Valeurs", text: "Nos Valeurs", href: "#"},
href: "#",
},
{ {
text: "Notre Équipe", text: "Notre Équipe", href: "#"},
href: "#",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg"
imageAlt="Worker tending to a lawn"
/> />
</div> </div>
@@ -149,34 +108,22 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Star, icon: Star,
title: "Entretien de Pelouse", title: "Entretien de Pelouse", description: "Tonte, fertilisation, aération et sursemis pour une pelouse saine et verdoyante."},
description: "Tonte, fertilisation, aération et sursemis pour une pelouse saine et verdoyante.",
},
{ {
icon: Snowflake, icon: Snowflake,
title: "Déneigement Résidentiel", title: "Déneigement Résidentiel", description: "Service rapide et efficace pour garder vos allées et entrées libres de neige tout l'hiver."},
description: "Service rapide et efficace pour garder vos allées et entrées libres de neige tout l'hiver.",
},
{ {
icon: Star, icon: Star,
title: "Taille de Haies et Arbustes", title: "Taille de Haies et Arbustes", description: "Mise en forme et entretien de vos végétaux pour un aménagement paysager impeccable."},
description: "Mise en forme et entretien de vos végétaux pour un aménagement paysager impeccable.",
},
{ {
icon: Paintbrush, icon: Paintbrush,
title: "Nettoyage Printanier & Automnal", title: "Nettoyage Printanier & Automnal", description: "Préparation de votre terrain pour les nouvelles saisons, incluant le ramassage des feuilles et débris."},
description: "Préparation de votre terrain pour les nouvelles saisons, incluant le ramassage des feuilles et débris.",
},
{ {
icon: Star, icon: Star,
title: "Aménagement Paysager Léger", title: "Aménagement Paysager Léger", description: "Création ou refonte de parterres de fleurs, plantation d'arbustes et autres petits projets."},
description: "Création ou refonte de parterres de fleurs, plantation d'arbustes et autres petits projets.",
},
{ {
icon: Droplets, icon: Droplets,
title: "Systèmes d'Irrigation", title: "Systèmes d'Irrigation", description: "Installation et maintenance de systèmes d'arrosage automatique pour une hydratation optimale."},
description: "Installation et maintenance de systèmes d'arrosage automatique pour une hydratation optimale.",
},
]} ]}
title="Nos Services Complets" title="Nos Services Complets"
description="Nous prenons soin de votre extérieur, saison après saison, avec un souci du détail incomparable." description="Nous prenons soin de votre extérieur, saison après saison, avec un souci du détail incomparable."
@@ -191,53 +138,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Forfait Pelouse Verte", price: "À partir de 45$/semaine", variant: "Saison complète", imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg", imageAlt: "Green lawn care package"},
name: "Forfait Pelouse Verte",
price: "À partir de 45$/semaine",
variant: "Saison complète",
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg",
imageAlt: "Green lawn care package",
},
{ {
id: "p2", id: "p2", name: "Forfait Hiver Sans Souci", price: "À partir de 150$/mois", variant: "Saison hivernale", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-map_23-2149248910.jpg", imageAlt: "Snow removal package"},
name: "Forfait Hiver Sans Souci",
price: "À partir de 150$/mois",
variant: "Saison hivernale",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-map_23-2149248910.jpg",
imageAlt: "Snow removal package",
},
{ {
id: "p3", id: "p3", name: "Grand Nettoyage Printanier", price: "250$", variant: "Service unique", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060745.jpg", imageAlt: "Spring cleanup package"},
name: "Grand Nettoyage Printanier",
price: "250$",
variant: "Service unique",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060745.jpg",
imageAlt: "Spring cleanup package",
},
{ {
id: "p4", id: "p4", name: "Préparation Automnale", price: "200$", variant: "Service unique", imageSrc: "http://img.b2bpic.net/free-photo/decorative-candlestick-foliage_23-2147687097.jpg", imageAlt: "Fall cleanup package"},
name: "Préparation Automnale",
price: "200$",
variant: "Service unique",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-candlestick-foliage_23-2147687097.jpg",
imageAlt: "Fall cleanup package",
},
{ {
id: "p5", id: "p5", name: "Entretien de Jardin Basique", price: "75$/visite", variant: "Sur mesure", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-s-hand-pruning-flowers_23-2148165237.jpg", imageAlt: "Garden maintenance service"},
name: "Entretien de Jardin Basique",
price: "75$/visite",
variant: "Sur mesure",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-gardener-s-hand-pruning-flowers_23-2148165237.jpg",
imageAlt: "Garden maintenance service",
},
{ {
id: "p6", id: "p6", name: "Taille de Haies Expert", price: "À partir de 90$", variant: "Par projet", imageSrc: "http://img.b2bpic.net/free-photo/freshly-cut-grass-decorative-arborvitae-hedge-manicured-lawn-selective-focus-with-shallow-depth-field_166373-2950.jpg", imageAlt: "Hedge trimming service"},
name: "Taille de Haies Expert",
price: "À partir de 90$",
variant: "Par projet",
imageSrc: "http://img.b2bpic.net/free-photo/freshly-cut-grass-decorative-arborvitae-hedge-manicured-lawn-selective-focus-with-shallow-depth-field_166373-2950.jpg",
imageAlt: "Hedge trimming service",
},
]} ]}
title="Nos Forfaits & Services Populaires" title="Nos Forfaits & Services Populaires"
description="Découvrez nos offres conçues pour simplifier l'entretien de votre propriété, adaptées à chaque saison." description="Découvrez nos offres conçues pour simplifier l'entretien de votre propriété, adaptées à chaque saison."
@@ -251,63 +162,25 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "pbasic", id: "pbasic", tag: "Basique", tagIcon: Sparkles,
tag: "Basique", price: "45$", period: "par semaine", description: "Pour une pelouse toujours impeccable. Idéal pour les petits terrains.", button: {
tagIcon: Sparkles, text: "Choisir le Forfait Basique", href: "#contact"},
price: "45$", featuresTitle: "Inclus:", features: [
period: "par semaine", "Tonte hebdomadaire", "Coupe des bordures", "Nettoyage des allées"],
description: "Pour une pelouse toujours impeccable. Idéal pour les petits terrains.",
button: {
text: "Choisir le Forfait Basique",
href: "#contact",
},
featuresTitle: "Inclus:",
features: [
"Tonte hebdomadaire",
"Coupe des bordures",
"Nettoyage des allées",
],
}, },
{ {
id: "pstandard", id: "pstandard", tag: "Standard", tagIcon: Star,
tag: "Standard", price: "75$", period: "par semaine", description: "La solution complète pour une pelouse saine et un jardin entretenu.", button: {
tagIcon: Star, text: "Choisir le Forfait Standard", href: "#contact"},
price: "75$", featuresTitle: "Inclus:", features: [
period: "par semaine", "Tonte hebdomadaire", "Coupe des bordures", "Nettoyage des allées", "Taille de haies légère", "Fertilisation mensuelle"],
description: "La solution complète pour une pelouse saine et un jardin entretenu.",
button: {
text: "Choisir le Forfait Standard",
href: "#contact",
},
featuresTitle: "Inclus:",
features: [
"Tonte hebdomadaire",
"Coupe des bordures",
"Nettoyage des allées",
"Taille de haies légère",
"Fertilisation mensuelle",
],
}, },
{ {
id: "ppremium", id: "ppremium", tag: "Premium", tagIcon: Crown,
tag: "Premium", price: "120$", period: "par semaine", description: "Le service ultime pour une propriété impeccable et sans souci toute l'année.", button: {
tagIcon: Crown, text: "Choisir le Forfait Premium", href: "#contact"},
price: "120$", featuresTitle: "Inclus:", features: [
period: "par semaine", "Tonte hebdomadaire", "Coupe des bordures", "Nettoyage des allées", "Taille de haies complète", "Fertilisation bi-mensuelle", "Nettoyage printanier et automnal"],
description: "Le service ultime pour une propriété impeccable et sans souci toute l'année.",
button: {
text: "Choisir le Forfait Premium",
href: "#contact",
},
featuresTitle: "Inclus:",
features: [
"Tonte hebdomadaire",
"Coupe des bordures",
"Nettoyage des allées",
"Taille de haies complète",
"Fertilisation bi-mensuelle",
"Nettoyage printanier et automnal",
],
}, },
]} ]}
title="Tarifs Compétitifs & Transparents" title="Tarifs Compétitifs & Transparents"
@@ -323,25 +196,15 @@ export default function LandingPage() {
author="Eren Okami (Local Guide)" author="Eren Okami (Local Guide)"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg", src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg", alt: "Eren Okami"},
alt: "Eren Okami",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-smiling_23-2148700765.jpg", src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-smiling_23-2148700765.jpg", alt: "Maryse Bérubé"},
alt: "Maryse Bérubé",
},
{ {
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", alt: "TRANSPORT Éric Branger"},
alt: "TRANSPORT Éric Branger",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-shot-amused-enthusiastic-good-looking-malaysian-woman-smiling-feeling-positive_176420-44079.jpg", src: "http://img.b2bpic.net/free-photo/close-up-shot-amused-enthusiastic-good-looking-malaysian-woman-smiling-feeling-positive_176420-44079.jpg", alt: "Client 4"},
alt: "Client 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Client 5"},
alt: "Client 5",
},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -352,8 +215,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Contactez-Nous" tag="Contactez-Nous"
title="Obtenez une Soumission Gratuite" title="Obtenez une Soumission Gratuite"
description="Remplissez le formulaire ci-dessous ou appelez-nous directement pour discuter de vos besoins en entretien extérieur. Nous sommes là pour vous aider !" description="Remplissez le formulaire ci-dessous ou appelez-nous directement pour discuter de vos besoins en entretien extérieur. Nous sommes là pour vous aider !"
@@ -377,54 +239,33 @@ export default function LandingPage() {
logoText="Entretiens Extérieur E.R." logoText="Entretiens Extérieur E.R."
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Entretien de Pelouse", label: "Entretien de Pelouse", href: "#services"},
href: "#services",
},
{ {
label: "Déneigement", label: "Déneigement", href: "#services"},
href: "#services",
},
{ {
label: "Taille de Haies", label: "Taille de Haies", href: "#services"},
href: "#services",
},
{ {
label: "Nettoyage Saisonier", label: "Nettoyage Saisonier", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Entreprise", title: "Entreprise", items: [
items: [
{ {
label: "À Propos de Nous", label: "À Propos de Nous", href: "#about"},
href: "#about",
},
{ {
label: "Témoignages", label: "Témoignages", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Légal", title: "Légal", items: [
items: [
{ {
label: "Politique de Confidentialité", label: "Politique de Confidentialité", href: "#"},
href: "#",
},
{ {
label: "Conditions d'Utilisation", label: "Conditions d'Utilisation", href: "#"},
href: "#",
},
], ],
}, },
]} ]}