Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "À Propos", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Réalisations", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Norwan Pavé"
|
||||
/>
|
||||
@@ -60,38 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="L'Excellence du Pavage chez Norwan"
|
||||
description="Donnez vie à vos espaces extérieurs avec Norwan Pavé. Solutions durables, design personnalisé et installation experte pour votre maison."
|
||||
tag="Expertise Pavage"
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Demander un devis", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-stone-pavement-made-blocks-grass-winter_181624-42753.jpg",
|
||||
imageAlt: "paving construction outdoor stone exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-stone-pavement-made-blocks-grass-winter_181624-42753.jpg", imageAlt: "paving construction outdoor stone exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283255.jpg",
|
||||
imageAlt: "modern stone driveway finished work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-protective-gear_23-2148269794.jpg",
|
||||
imageAlt: "Long shot of man with protective gear",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/social-distance-concept-outdoor_23-2148768466.jpg",
|
||||
imageAlt: "Social distance concept outdoor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg",
|
||||
imageAlt: "Brutal beard worker man suit construction worker in safety orange helmet with pallet truck",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283255.jpg", imageAlt: "modern stone driveway finished work"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,9 +73,7 @@ export default function LandingPage() {
|
||||
title="L'Art de Transformer vos Extérieurs"
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "En savoir plus", href: "#contact"},
|
||||
]}
|
||||
tagIcon={Info}
|
||||
/>
|
||||
@@ -121,26 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Pavage Résidentiel",
|
||||
subtitle: "Confort et style",
|
||||
description: "Transformation de vos allées et entrées de garage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg",
|
||||
},
|
||||
tag: "01", title: "Pavage Résidentiel", subtitle: "Confort et style", description: "Transformation de vos allées et entrées de garage.", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1027.jpg"},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Patio & Terrasses",
|
||||
subtitle: "Espace de vie",
|
||||
description: "Créez l'espace détente parfait pour vos étés.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paving-slabs-stacked-pallet-road-repair-process-closeup-selective-focus-tiles-seasonal-reconstruction-pavement-walking-paths-parks_166373-3647.jpg",
|
||||
},
|
||||
tag: "02", title: "Patio & Terrasses", subtitle: "Espace de vie", description: "Créez l'espace détente parfait pour vos étés.", imageSrc: "http://img.b2bpic.net/free-photo/paving-slabs-stacked-pallet-road-repair-process-closeup-selective-focus-tiles-seasonal-reconstruction-pavement-walking-paths-parks_166373-3647.jpg"},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Entretien",
|
||||
subtitle: "Durabilité garantie",
|
||||
description: "Remise à neuf et scellage pour protéger vos investissements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297254.jpg",
|
||||
},
|
||||
tag: "03", title: "Entretien", subtitle: "Durabilité garantie", description: "Remise à neuf et scellage pour protéger vos investissements.", imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297254.jpg"},
|
||||
]}
|
||||
title="Nos Services Spécialisés"
|
||||
description="Nous offrons une gamme complète de services de pavage pour tous vos besoins extérieurs."
|
||||
@@ -155,41 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Allée en Pavé Uni",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107131.jpg",
|
||||
},
|
||||
id: "1", name: "Allée en Pavé Uni", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107131.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Terrasse Contemporaine",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432955.jpg",
|
||||
},
|
||||
id: "2", name: "Terrasse Contemporaine", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432955.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Entrée de Garage",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batako-wall-texture-street_272375-3192.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chemin de Jardin",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Stationnement Commercial",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3312.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bordure de Piscine",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man-walking-outdoors_1262-7313.jpg",
|
||||
},
|
||||
id: "3", name: "Entrée de Garage", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/batako-wall-texture-street_272375-3192.jpg"},
|
||||
]}
|
||||
title="Nos Réalisations"
|
||||
description="Découvrez la qualité Norwan à travers nos projets récents."
|
||||
@@ -203,31 +122,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projets Terminés",
|
||||
items: [
|
||||
"Résidentiel",
|
||||
"Commercial",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Projets Terminés", items: [
|
||||
"Résidentiel", "Commercial"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Années d'Expérience",
|
||||
items: [
|
||||
"Savoir-faire",
|
||||
"Expertise",
|
||||
],
|
||||
id: "m2", value: "15+", title: "Années d'Expérience", items: [
|
||||
"Savoir-faire", "Expertise"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Clients Satisfaits",
|
||||
items: [
|
||||
"Qualité",
|
||||
"Service",
|
||||
],
|
||||
id: "m3", value: "98%", title: "Clients Satisfaits", items: [
|
||||
"Qualité", "Service"],
|
||||
},
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
@@ -242,59 +146,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jean Dupont",
|
||||
role: "Client",
|
||||
company: "Résidentiel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
id: "1", name: "Jean Dupont", role: "Client", company: "Résidentiel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marie Martin",
|
||||
role: "Client",
|
||||
company: "Résidentiel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucie Durand",
|
||||
role: "Client",
|
||||
company: "Résidentiel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-against-pavement-with-angular-grinding-machine-hand_627829-11403.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Paul Petit",
|
||||
role: "Client",
|
||||
company: "Résidentiel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-holding-watering-can-while-embracing-each-other-their-countryside-home_23-2149511761.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Leroy",
|
||||
role: "Client",
|
||||
company: "Résidentiel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-gay-couple-spending-time-together-having-date-park-lgbt-love-concept_58466-12309.jpg",
|
||||
},
|
||||
id: "2", name: "Marie Martin", role: "Client", company: "Résidentiel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Ponctualité",
|
||||
},
|
||||
value: "100%", label: "Ponctualité"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Réponse Rapide",
|
||||
},
|
||||
value: "24h", label: "Réponse Rapide"},
|
||||
]}
|
||||
title="Témoignages"
|
||||
description="La satisfaction de nos clients est notre priorité."
|
||||
@@ -306,20 +170,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quelle est la durée moyenne d'un projet ?",
|
||||
content: "Cela dépend de la surface, mais nous travaillons efficacement pour minimiser les délais.",
|
||||
},
|
||||
id: "1", title: "Quelle est la durée moyenne d'un projet ?", content: "Cela dépend de la surface, mais nous travaillons efficacement pour minimiser les délais."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Proposez-vous des garanties ?",
|
||||
content: "Oui, tous nos travaux sont garantis pour assurer votre tranquillité d'esprit.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Comment obtenir un devis ?",
|
||||
content: "Appelez-nous ou remplissez notre formulaire en ligne.",
|
||||
},
|
||||
id: "2", title: "Proposez-vous des garanties ?", content: "Oui, tous nos travaux sont garantis pour assurer votre tranquillité d'esprit."},
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -330,16 +183,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact"
|
||||
title="Prêt à commencer ?"
|
||||
description="Discutons de votre projet dès aujourd'hui."
|
||||
buttons={[
|
||||
{
|
||||
text: "Envoyer un message",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Envoyer un message", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,13 +198,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Norwan Pavé"
|
||||
leftLink={{
|
||||
text: "Politique de confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Politique de confidentialité", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contactez-nous",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contactez-nous", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user