Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,116 +32,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "realisations",
|
||||
},
|
||||
name: "Réalisations", id: "realisations"},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ent. Bouhalassa"
|
||||
button={{
|
||||
text: "Devis gratuit",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Devis gratuit", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transformez vos extérieurs avec des aménagements durables et élégants"
|
||||
description="Allées, cours, terrasses et aménagements extérieurs réalisés avec expertise à Thurins et dans le Rhône."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Note Google",
|
||||
},
|
||||
value: "4.9/5", label: "Note Google"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Années d'expérience",
|
||||
},
|
||||
value: "15+", label: "Années d'expérience"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Qualité Garantie",
|
||||
},
|
||||
value: "100%", label: "Qualité Garantie"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
{
|
||||
text: "Voir nos réalisations",
|
||||
href: "#realisations",
|
||||
},
|
||||
text: "Voir nos réalisations", href: "#realisations"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-square-tiles-sunset_1137-75.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-african-american-man_273609-4376.jpg",
|
||||
alt: "Client satisfait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-african-american-man_273609-4376.jpg", alt: "Client satisfait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg",
|
||||
alt: "Client satisfait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "Client satisfait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-overjoyed-male-with-bushy-hairdo-smiles-happily_273609-8518.jpg",
|
||||
alt: "Client satisfait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-overjoyed-male-with-bushy-hairdo-smiles-happily_273609-8518.jpg", alt: "Client satisfait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-cheerful-boy-with-brown-eyes-african-male-model-green-outfit-expressing-sincere-emotions_197531-20116.jpg",
|
||||
alt: "Client satisfait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-cheerful-boy-with-brown-eyes-african-male-model-green-outfit-expressing-sincere-emotions_197531-20116.jpg", alt: "Client satisfait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
|
||||
alt: "Client satisfait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", alt: "Client satisfait"},
|
||||
]}
|
||||
avatarText="Plus de 500 projets réalisés"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pavage haute qualité",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Pavage haute qualité", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Enrobés durables",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Enrobés durables", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Aménagement jardin",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Aménagement jardin", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Terrasses bois",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Terrasses bois", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expertise artisanale",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Expertise artisanale", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -152,12 +109,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"⭐ 4.9/5 sur Google",
|
||||
"77 Avis Clients",
|
||||
"Respect des délais",
|
||||
"Travail Soigné",
|
||||
"Équipe Pro",
|
||||
]}
|
||||
"⭐ 4.9/5 sur Google", "77 Avis Clients", "Respect des délais", "Travail Soigné", "Équipe Pro"]}
|
||||
title="Notre engagement qualité"
|
||||
description="L'expertise au service de vos projets extérieurs."
|
||||
/>
|
||||
@@ -170,20 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Création d'allées",
|
||||
description: "Conception d'allées durables et esthétiques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-autumn-25-outline-icon-pack-such-as-bowl-condiment-pear-coffee-tree_1142-23752.jpg",
|
||||
},
|
||||
title: "Création d'allées", description: "Conception d'allées durables et esthétiques.", imageSrc: "http://img.b2bpic.net/free-vector/creative-autumn-25-outline-icon-pack-such-as-bowl-condiment-pear-coffee-tree_1142-23752.jpg"},
|
||||
{
|
||||
title: "Terrasses modernes",
|
||||
description: "Aménagements de terrasses de haute qualité.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-nature-solid-glyph-icon-pack_1142-27143.jpg",
|
||||
},
|
||||
title: "Terrasses modernes", description: "Aménagements de terrasses de haute qualité.", imageSrc: "http://img.b2bpic.net/free-vector/25-nature-solid-glyph-icon-pack_1142-27143.jpg"},
|
||||
{
|
||||
title: "Pavage & Finitions",
|
||||
description: "Revêtements décoratifs avec finitions artisanales.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1nvgf",
|
||||
},
|
||||
title: "Pavage & Finitions", description: "Revêtements décoratifs avec finitions artisanales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u1nvgf"},
|
||||
]}
|
||||
title="Nos prestations sur-mesure"
|
||||
description="Des solutions adaptées pour sublimer vos espaces extérieurs."
|
||||
@@ -198,41 +141,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Allée en enrobé",
|
||||
price: "Projet A",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-crossfit-with-hammer-wheel_23-2147671875.jpg",
|
||||
},
|
||||
id: "1", name: "Allée en enrobé", price: "Projet A", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-crossfit-with-hammer-wheel_23-2147671875.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Terrasse pavée",
|
||||
price: "Projet B",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg",
|
||||
},
|
||||
id: "2", name: "Terrasse pavée", price: "Projet B", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cour décorative",
|
||||
price: "Projet C",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8483.jpg",
|
||||
},
|
||||
id: "3", name: "Cour décorative", price: "Projet C", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8483.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Allée gravillonnée",
|
||||
price: "Projet D",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg",
|
||||
},
|
||||
id: "4", name: "Allée gravillonnée", price: "Projet D", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Aménagement jardin",
|
||||
price: "Projet E",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowery-garden-sunny-day_58702-10424.jpg",
|
||||
},
|
||||
id: "5", name: "Aménagement jardin", price: "Projet E", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flowery-garden-sunny-day_58702-10424.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pavage esthétique",
|
||||
price: "Projet F",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283255.jpg",
|
||||
},
|
||||
id: "6", name: "Pavage esthétique", price: "Projet F", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283255.jpg"},
|
||||
]}
|
||||
title="Nos réalisations"
|
||||
description="Découvrez notre savoir-faire à travers nos récents projets."
|
||||
@@ -247,25 +166,15 @@ export default function LandingPage() {
|
||||
author="Jean D."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stubble-young-man-white-t-shirt-against-plain-wall_23-2148213411.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stubble-young-man-white-t-shirt-against-plain-wall_23-2148213411.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-sharing-great-working-relationship_329181-17640.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-curly-woman-showing-devil-horns-sign_74855-3963.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-curly-woman-showing-devil-horns-sign_74855-3963.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpots-crossing-arms-isolated-pink-wall-with-copy-space_141793-97365.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpots-crossing-arms-isolated-pink-wall-with-copy-space_141793-97365.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -274,24 +183,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="processus" data-section="processus">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Prise de contact",
|
||||
description: "Nous discutons de vos besoins.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/basic-elements-create-nice-city-map_23-2147564753.jpg",
|
||||
},
|
||||
title: "Prise de contact", description: "Nous discutons de vos besoins.", imageSrc: "http://img.b2bpic.net/free-vector/basic-elements-create-nice-city-map_23-2147564753.jpg"},
|
||||
{
|
||||
title: "Étude personnalisée",
|
||||
description: "Analyse sur site par nos experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaped-wooden-background_1421-298.jpg",
|
||||
},
|
||||
title: "Étude personnalisée", description: "Analyse sur site par nos experts.", imageSrc: "http://img.b2bpic.net/free-photo/shaped-wooden-background_1421-298.jpg"},
|
||||
{
|
||||
title: "Réalisation",
|
||||
description: "Exécution précise de votre projet.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cqcuk",
|
||||
},
|
||||
title: "Réalisation", description: "Exécution précise de votre projet.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cqcuk"},
|
||||
]}
|
||||
title="Votre projet étape par étape"
|
||||
description="Une méthodologie claire pour une satisfaction totale."
|
||||
@@ -315,16 +216,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Devis gratuit"
|
||||
title="Donnez une nouvelle vie à vos extérieurs"
|
||||
description="Contactez-nous dès maintenant pour une étude personnalisée et un devis sans engagement."
|
||||
buttons={[
|
||||
{
|
||||
text: "Obtenir mon devis gratuit",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Obtenir mon devis gratuit", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -333,13 +231,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Ent. Bouhalassa"
|
||||
leftLink={{
|
||||
text: "33 Route de la Vallée du Garon, 69510 Thurins",
|
||||
href: "#",
|
||||
}}
|
||||
text: "33 Route de la Vallée du Garon, 69510 Thurins", href: "#"}}
|
||||
rightLink={{
|
||||
text: "+33 4 78 46 59 16",
|
||||
href: "tel:+33478465916",
|
||||
}}
|
||||
text: "+33 4 78 46 59 16", href: "tel:+33478465916"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user