Update src/app/page.tsx
This commit is contained in:
166
src/app/page.tsx
166
src/app/page.tsx
@@ -31,21 +31,13 @@ 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: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Benjamin Martin"
|
brandName="Benjamin Martin"
|
||||||
/>
|
/>
|
||||||
@@ -54,31 +46,20 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Benjamin Martin Couverture : L'excellence sur votre toit"
|
title="Benjamin Martin Couverture : L'excellence sur votre toit"
|
||||||
description="Expertise artisanale en couverture, zinguerie et rénovation de toiture pour particuliers et professionnels dans la région."
|
description="Expertise artisanale en couverture, zinguerie et rénovation de toiture pour particuliers et professionnels dans la région."
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg", imageAlt: "roofing professional working on roof"},
|
||||||
imageAlt: "roofing professional working on roof",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", imageAlt: "industrial roof installation service"},
|
||||||
imageAlt: "industrial roof installation service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/set-torx-head-with-bolts-electric-drill-hammer_23-2147865387.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/set-torx-head-with-bolts-electric-drill-hammer_23-2147865387.jpg", imageAlt: "expert roofing tools and materials"},
|
||||||
imageAlt: "expert roofing tools and materials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "Medium shot man working on roof"},
|
||||||
imageAlt: "Medium shot man working on roof",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Medium shot man working with protection helmet"},
|
||||||
imageAlt: "Medium shot man working with protection helmet",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -101,26 +82,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Couverture", subtitle: "Tuile, ardoise, zinc", category: "Rénovation", value: "100%"},
|
||||||
title: "Couverture",
|
|
||||||
subtitle: "Tuile, ardoise, zinc",
|
|
||||||
category: "Rénovation",
|
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Zinguerie", subtitle: "Gouttières, étanchéité", category: "Maintenance", value: "Expert"},
|
||||||
title: "Zinguerie",
|
|
||||||
subtitle: "Gouttières, étanchéité",
|
|
||||||
category: "Maintenance",
|
|
||||||
value: "Expert",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Isolation", subtitle: "Performance thermique", category: "Amélioration", value: "RGE"},
|
||||||
title: "Isolation",
|
|
||||||
subtitle: "Performance thermique",
|
|
||||||
category: "Amélioration",
|
|
||||||
value: "RGE",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos Services Couverture"
|
title="Nos Services Couverture"
|
||||||
description="Des prestations complètes pour assurer la pérennité et l'étanchéité de votre toiture."
|
description="Des prestations complètes pour assurer la pérennité et l'étanchéité de votre toiture."
|
||||||
@@ -131,23 +97,15 @@ export default function LandingPage() {
|
|||||||
<MetricCardTwo
|
<MetricCardTwo
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
|
animationType="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "15+", description: "Années d'expérience"},
|
||||||
value: "15+",
|
|
||||||
description: "Années d'expérience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "500+", description: "Toitures rénovées"},
|
||||||
value: "500+",
|
|
||||||
description: "Toitures rénovées",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "100%", description: "Satisfaction client"},
|
||||||
value: "100%",
|
|
||||||
description: "Satisfaction client",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Pourquoi nous choisir ?"
|
title="Pourquoi nous choisir ?"
|
||||||
description="Nos engagements pour des chantiers réussis."
|
description="Nos engagements pour des chantiers réussis."
|
||||||
@@ -162,50 +120,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Jean Dupont", role: "Client", company: "Particulier", rating: 5,
|
||||||
name: "Jean Dupont",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg", imageAlt: "satisfied customer house owner"},
|
||||||
role: "Client",
|
|
||||||
company: "Particulier",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
|
|
||||||
imageAlt: "satisfied customer house owner",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Marie Curie", role: "Client", company: "Particulier", rating: 5,
|
||||||
name: "Marie Curie",
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg", imageAlt: "happy client residential roof"},
|
||||||
role: "Client",
|
|
||||||
company: "Particulier",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
|
||||||
imageAlt: "happy client residential roof",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Pierre Martin", role: "Client", company: "Particulier", rating: 5,
|
||||||
name: "Pierre Martin",
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-family-couple-analyze-data-develop-new-startup-project_273609-44860.jpg", imageAlt: "customer feedback home roof"},
|
||||||
role: "Client",
|
|
||||||
company: "Particulier",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-family-couple-analyze-data-develop-new-startup-project_273609-44860.jpg",
|
|
||||||
imageAlt: "customer feedback home roof",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Sophie Leroy", role: "Client", company: "Particulier", rating: 5,
|
||||||
name: "Sophie Leroy",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg", imageAlt: "client satisfaction roofing service"},
|
||||||
role: "Client",
|
|
||||||
company: "Particulier",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
|
|
||||||
imageAlt: "client satisfaction roofing service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Luc Dubois", role: "Client", company: "Particulier", rating: 5,
|
||||||
name: "Luc Dubois",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg", imageAlt: "satisfied homeowner roofing repair"},
|
||||||
role: "Client",
|
|
||||||
company: "Particulier",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
|
|
||||||
imageAlt: "satisfied homeowner roofing repair",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Ce que nos clients disent"
|
title="Ce que nos clients disent"
|
||||||
description="La confiance est au cœur de notre métier."
|
description="La confiance est au cœur de notre métier."
|
||||||
@@ -218,20 +146,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Devis gratuit ?", content: "Oui, tous nos devis sont gratuits et sans engagement."},
|
||||||
title: "Devis gratuit ?",
|
|
||||||
content: "Oui, tous nos devis sont gratuits et sans engagement.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Garantie décennale ?", content: "Bien entendu, nous possédons une assurance décennale complète."},
|
||||||
title: "Garantie décennale ?",
|
|
||||||
content: "Bien entendu, nous possédons une assurance décennale complète.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Intervention rapide ?", content: "Nous intervenons dans les meilleurs délais pour vos urgences."},
|
||||||
title: "Intervention rapide ?",
|
|
||||||
content: "Nous intervenons dans les meilleurs délais pour vos urgences.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg"
|
||||||
title="Questions fréquentes"
|
title="Questions fréquentes"
|
||||||
@@ -245,8 +164,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Demandez votre devis"
|
title="Demandez votre devis"
|
||||||
description="Contactez-nous pour toute question ou demande d'intervention."
|
description="Contactez-nous pour toute question ou demande d'intervention."
|
||||||
@@ -262,29 +180,19 @@ export default function LandingPage() {
|
|||||||
logoText="Benjamin Martin Couverture"
|
logoText="Benjamin Martin Couverture"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Couverture",
|
label: "Couverture", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Zinguerie",
|
label: "Zinguerie", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Entreprise",
|
title: "Entreprise", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "À propos",
|
label: "À propos", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user