Update src/app/page.tsx
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,86 +32,53 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "#about",
|
||||
},
|
||||
name: "À Propos", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Forfaits",
|
||||
id: "#packages",
|
||||
},
|
||||
name: "Forfaits", id: "#packages"},
|
||||
{
|
||||
name: "Tarifs",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Tarifs", id: "#pricing"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/white-paper-manual-tool-set-wooden-floor_1150-15359.jpg"
|
||||
logoAlt="Entretiens Extérieur E.R. Logo"
|
||||
brandName="Entretiens Extérieur E.R."
|
||||
button={{
|
||||
text: "Obtenir une Soumission",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Obtenir une Soumission", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Obtenir une Soumission Gratuite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Obtenir une Soumission Gratuite", href: "#contact"},
|
||||
{
|
||||
text: "Découvrir nos Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Découvrir nos Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg",
|
||||
imageAlt: "Professional lawn mowing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-manicured-green-mown-lawn-ai-generated-image_587448-1395.jpg", imageAlt: "Professional lawn mowing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snowy-field-with-wagon-attached-four-wheel-motorcycle_181624-9118.jpg",
|
||||
imageAlt: "Residential snow removal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snowy-field-with-wagon-attached-four-wheel-motorcycle_181624-9118.jpg", imageAlt: "Residential snow removal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-standing-near-succulent-plant_23-2147844316.jpg",
|
||||
imageAlt: "Hedge trimming service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-standing-near-succulent-plant_23-2147844316.jpg", imageAlt: "Hedge trimming service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-tiny-beautiful-flower-bouquet_23-2148075318.jpg",
|
||||
imageAlt: "Pristine garden landscaping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-tiny-beautiful-flower-bouquet_23-2148075318.jpg", 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",
|
||||
imageAlt: "Clean residential driveway",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-540.jpg",
|
||||
imageAlt: "Friendly lawn care worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-540.jpg", imageAlt: "Friendly lawn care worker"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -122,22 +89,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "À Propos d'Entretiens Extérieur E.R.",
|
||||
},
|
||||
type: "text", content: "À Propos d'Entretiens Extérieur E.R."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Nos Valeurs",
|
||||
href: "#",
|
||||
},
|
||||
text: "Nos Valeurs", href: "#"},
|
||||
{
|
||||
text: "Notre Équipe",
|
||||
href: "#",
|
||||
},
|
||||
text: "Notre Équipe", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-shaking-hands-indoors_23-2148920607.jpg"
|
||||
imageAlt="Worker tending to a lawn"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,34 +108,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Entretien de Pelouse",
|
||||
description: "Tonte, fertilisation, aération et sursemis pour une pelouse saine et verdoyante.",
|
||||
},
|
||||
title: "Entretien de Pelouse", description: "Tonte, fertilisation, aération et sursemis pour une pelouse saine et verdoyante."},
|
||||
{
|
||||
icon: Snowflake,
|
||||
title: "Déneigement Résidentiel",
|
||||
description: "Service rapide et efficace pour garder vos allées et entrées libres de neige tout l'hiver.",
|
||||
},
|
||||
title: "Déneigement Résidentiel", description: "Service rapide et efficace pour garder vos allées et entrées libres de neige tout l'hiver."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Taille de Haies et Arbustes",
|
||||
description: "Mise en forme et entretien de vos végétaux pour un aménagement paysager impeccable.",
|
||||
},
|
||||
title: "Taille de Haies et Arbustes", description: "Mise en forme et entretien de vos végétaux pour un aménagement paysager impeccable."},
|
||||
{
|
||||
icon: Paintbrush,
|
||||
title: "Nettoyage Printanier & Automnal",
|
||||
description: "Préparation de votre terrain pour les nouvelles saisons, incluant le ramassage des feuilles et débris.",
|
||||
},
|
||||
title: "Nettoyage Printanier & Automnal", description: "Préparation de votre terrain pour les nouvelles saisons, incluant le ramassage des feuilles et débris."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Aménagement Paysager Léger",
|
||||
description: "Création ou refonte de parterres de fleurs, plantation d'arbustes et autres petits projets.",
|
||||
},
|
||||
title: "Aménagement Paysager Léger", description: "Création ou refonte de parterres de fleurs, plantation d'arbustes et autres petits projets."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Systèmes d'Irrigation",
|
||||
description: "Installation et maintenance de systèmes d'arrosage automatique pour une hydratation optimale.",
|
||||
},
|
||||
title: "Systèmes d'Irrigation", description: "Installation et maintenance de systèmes d'arrosage automatique pour une hydratation optimale."},
|
||||
]}
|
||||
title="Nos Services Complets"
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Nos Forfaits & Services Populaires"
|
||||
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}
|
||||
plans={[
|
||||
{
|
||||
id: "pbasic",
|
||||
tag: "Basique",
|
||||
tagIcon: Sparkles,
|
||||
price: "45$",
|
||||
period: "par semaine",
|
||||
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: "pbasic", tag: "Basique", tagIcon: Sparkles,
|
||||
price: "45$", period: "par semaine", 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",
|
||||
tag: "Standard",
|
||||
tagIcon: Star,
|
||||
price: "75$",
|
||||
period: "par semaine",
|
||||
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: "pstandard", tag: "Standard", tagIcon: Star,
|
||||
price: "75$", period: "par semaine", 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",
|
||||
tag: "Premium",
|
||||
tagIcon: Crown,
|
||||
price: "120$",
|
||||
period: "par semaine",
|
||||
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",
|
||||
],
|
||||
id: "ppremium", tag: "Premium", tagIcon: Crown,
|
||||
price: "120$", period: "par semaine", 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"
|
||||
@@ -323,25 +196,15 @@ export default function LandingPage() {
|
||||
author="Eren Okami (Local Guide)"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
|
||||
alt: "Eren Okami",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg", alt: "Eren Okami"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-smiling_23-2148700765.jpg",
|
||||
alt: "Maryse Bérubé",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-woman-smiling_23-2148700765.jpg", alt: "Maryse Bérubé"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",
|
||||
alt: "TRANSPORT Éric Branger",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg", 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",
|
||||
alt: "Client 4",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -352,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contactez-Nous"
|
||||
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 !"
|
||||
@@ -377,54 +239,33 @@ export default function LandingPage() {
|
||||
logoText="Entretiens Extérieur E.R."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Entretien de Pelouse",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Entretien de Pelouse", href: "#services"},
|
||||
{
|
||||
label: "Déneigement",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Déneigement", href: "#services"},
|
||||
{
|
||||
label: "Taille de Haies",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Taille de Haies", href: "#services"},
|
||||
{
|
||||
label: "Nettoyage Saisonier",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Nettoyage Saisonier", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À Propos de Nous",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos de Nous", href: "#about"},
|
||||
{
|
||||
label: "Témoignages",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Témoignages", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Politique de Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Politique de Confidentialité", href: "#"},
|
||||
{
|
||||
label: "Conditions d'Utilisation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions d'Utilisation", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user