Merge version_1 into main #2
339
src/app/page.tsx
339
src/app/page.tsx
@@ -31,110 +31,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projets",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Projets", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TP. ARGENTINE"
|
||||
button={{
|
||||
text: "Devis Gratuit",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Devis Gratuit", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Des travaux impeccables, réalisés avec précision et exigence"
|
||||
description="Entreprise familiale spécialisée en terrassement, enrobé et aménagement extérieur pour particuliers et professionnels."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Ans d'expérience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction client",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Chantiers réalisés",
|
||||
},
|
||||
{ value: "20+", label: "Ans d'expérience" },
|
||||
{ value: "100%", label: "Satisfaction client" },
|
||||
{ value: "500+", label: "Chantiers réalisés" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431593.jpg?_wi=1"
|
||||
buttons={[{ text: "Demander un devis", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431593.jpg"
|
||||
imageAlt="Chantier TP Argentine"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
alt: "Client portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
|
||||
alt: "Client portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
alt: "Client portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
alt: "Client portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-holding-canvas_23-2150182601.jpg",
|
||||
alt: "Client portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", alt: "Client portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg", alt: "Client portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", alt: "Client portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", alt: "Client portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-holding-canvas_23-2150182601.jpg", alt: "Client portrait 5" },
|
||||
]}
|
||||
avatarText="Plus de 500 clients satisfaits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Terrassement",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enrobé",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Assainissement",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Voirie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Aménagement",
|
||||
},
|
||||
{ type: "text", text: "Terrassement" },
|
||||
{ type: "text", text: "Enrobé" },
|
||||
{ type: "text", text: "Assainissement" },
|
||||
{ type: "text", text: "Voirie" },
|
||||
{ type: "text", text: "Aménagement" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,61 +81,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc Dubois",
|
||||
date: "12/03/2024",
|
||||
title: "Particulier",
|
||||
quote: "Travail très sérieux et de qualité. Un chantier impeccable.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431593.jpg?_wi=2",
|
||||
imageAlt: "corporate professional portrait high end",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie Martin",
|
||||
date: "15/02/2024",
|
||||
title: "Résidentiel",
|
||||
quote: "Entreprise familiale de confiance, je recommande vivement.",
|
||||
tag: "Parfait",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194765.jpg?_wi=1",
|
||||
imageAlt: "corporate professional portrait high end",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jean Lefebvre",
|
||||
date: "05/01/2024",
|
||||
title: "Pro",
|
||||
quote: "Travaux impeccables et dans les délais impartis. Bravo.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-orange-vibratory-asphalt-roller-compactor-new-pavement_181624-49122.jpg?_wi=1",
|
||||
imageAlt: "corporate professional portrait high end",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie Bernard",
|
||||
date: "20/12/2023",
|
||||
title: "Particulier",
|
||||
quote: "Souci du moindre détail, résultat magnifique pour notre terrasse.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=1",
|
||||
imageAlt: "corporate professional portrait high end",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luc Fontaine",
|
||||
date: "10/11/2023",
|
||||
title: "Pro",
|
||||
quote: "Chantier propre, sécurisé et équipe à l'écoute. Une perle rare.",
|
||||
tag: "Fiable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg?_wi=1",
|
||||
imageAlt: "corporate professional portrait high end",
|
||||
},
|
||||
{ id: "1", name: "Marc Dubois", date: "12/03/2024", title: "Particulier", quote: "Travail très sérieux et de qualité. Un chantier impeccable.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431593.jpg", imageAlt: "corporate professional portrait high end" },
|
||||
{ id: "2", name: "Sophie Martin", date: "15/02/2024", title: "Résidentiel", quote: "Entreprise familiale de confiance, je recommande vivement.", tag: "Parfait", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194765.jpg", imageAlt: "corporate professional portrait high end" },
|
||||
{ id: "3", name: "Jean Lefebvre", date: "05/01/2024", title: "Pro", quote: "Travaux impeccables et dans les délais impartis. Bravo.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-orange-vibratory-asphalt-roller-compactor-new-pavement_181624-49122.jpg", imageAlt: "corporate professional portrait high end" },
|
||||
{ id: "4", name: "Julie Bernard", date: "20/12/2023", title: "Particulier", quote: "Souci du moindre détail, résultat magnifique pour notre terrasse.", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg", imageAlt: "corporate professional portrait high end" },
|
||||
{ id: "5", name: "Luc Fontaine", date: "10/11/2023", title: "Pro", quote: "Chantier propre, sécurisé et équipe à l'écoute. Une perle rare.", tag: "Fiable", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg", imageAlt: "corporate professional portrait high end" },
|
||||
]}
|
||||
title="La confiance avant tout"
|
||||
description="Nos clients témoignent de notre engagement pour l'excellence et la propreté."
|
||||
@@ -212,40 +99,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Terrassement",
|
||||
description: "Préparation de sols et terrassement précis pour tous vos projets de construction et rénovation.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194765.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431593.jpg?_wi=3",
|
||||
imageAlt: "modern construction earthmoving machinery",
|
||||
title: "Terrassement", description: "Préparation de sols et terrassement précis pour tous vos projets de construction et rénovation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194765.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Enrobé & Voirie",
|
||||
description: "Pose d'enrobé et réalisation de voiries avec une finition durable et esthétique pour vos allées.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-orange-vibratory-asphalt-roller-compactor-new-pavement_181624-49122.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-architects-front-building_23-2147702499.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg?_wi=2",
|
||||
imageAlt: "modern construction earthmoving machinery",
|
||||
title: "Enrobé & Voirie", description: "Pose d'enrobé et réalisation de voiries avec une finition durable et esthétique pour vos allées.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-orange-vibratory-asphalt-roller-compactor-new-pavement_181624-49122.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/three-architects-front-building_23-2147702499.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Réseaux & Assainissement",
|
||||
description: "Installation de réseaux divers et systèmes d'assainissement performants et conformes aux normes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-polishes-wooden-furniture-with-sander-workshop_23-2147944835.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg",
|
||||
imageAlt: "modern construction earthmoving machinery",
|
||||
title: "Réseaux & Assainissement", description: "Installation de réseaux divers et systèmes d'assainissement performants et conformes aux normes.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-polishes-wooden-furniture-with-sander-workshop_23-2147944835.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -260,24 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Qualité artisanale",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "Délais respectés",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: ShieldCheck,
|
||||
title: "Chantier propre",
|
||||
value: "Oui",
|
||||
},
|
||||
{ id: "1", icon: Award, title: "Qualité artisanale", value: "100%" },
|
||||
{ id: "2", icon: Clock, title: "Délais respectés", value: "99%" },
|
||||
{ id: "3", icon: ShieldCheck, title: "Chantier propre", value: "Oui" },
|
||||
]}
|
||||
title="Pourquoi nous choisir ?"
|
||||
description="Notre ADN familial repose sur des valeurs fortes d'exigence et de respect des engagements."
|
||||
@@ -291,60 +139,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Projet",
|
||||
name: "Villa Haut de Gamme",
|
||||
price: "Aménagement",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-view-with-zebra-crossing_53876-64721.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Projet",
|
||||
name: "Allée en Enrobé",
|
||||
price: "Voirie",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080272.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Projet",
|
||||
name: "Espace Extérieur",
|
||||
price: "Réseaux",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-old-grey-brick-wall-texture_23-2148327762.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Projet",
|
||||
name: "Jardin de Prestige",
|
||||
price: "Aménagement",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-outdoor-with-rosary-hand-concept-faith-spirituality-religion_627829-311.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Projet",
|
||||
name: "Parking Entreprise",
|
||||
price: "Voirie",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-home-schematics-after-collaborating-with-engineers-ensure-designs-meet-client_482257-133033.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Projet",
|
||||
name: "Fondations TP",
|
||||
price: "Terrassement",
|
||||
rating: 5,
|
||||
reviewCount: "11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3726.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Projet", name: "Villa Haut de Gamme", price: "Aménagement", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/street-view-with-zebra-crossing_53876-64721.jpg" },
|
||||
{ id: "p2", brand: "Projet", name: "Allée en Enrobé", price: "Voirie", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080272.jpg" },
|
||||
{ id: "p3", brand: "Projet", name: "Espace Extérieur", price: "Réseaux", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/empty-old-grey-brick-wall-texture_23-2148327762.jpg" },
|
||||
{ id: "p4", brand: "Projet", name: "Jardin de Prestige", price: "Aménagement", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-outdoor-with-rosary-hand-concept-faith-spirituality-religion_627829-311.jpg" },
|
||||
{ id: "p5", brand: "Projet", name: "Parking Entreprise", price: "Voirie", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-home-schematics-after-collaborating-with-engineers-ensure-designs-meet-client_482257-133033.jpg" },
|
||||
{ id: "p6", brand: "Projet", name: "Fondations TP", price: "Terrassement", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/park-china_1127-3726.jpg" },
|
||||
]}
|
||||
title="Nos dernières réalisations"
|
||||
description="Découvrez notre savoir-faire en images à travers nos projets récents."
|
||||
@@ -367,9 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Devis"
|
||||
title="Parlez-nous de votre projet"
|
||||
description="Obtenez une étude personnalisée et un devis gratuit pour vos travaux en quelques clics."
|
||||
@@ -384,50 +182,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Nos Services",
|
||||
items: [
|
||||
{
|
||||
label: "Terrassement",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Enrobé",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Aménagement",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Nos Services", items: [
|
||||
{ label: "Terrassement", href: "#services" },
|
||||
{ label: "Enrobé", href: "#services" },
|
||||
{ label: "Aménagement", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projets",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À propos", href: "#about" },
|
||||
{ label: "Projets", href: "#projects" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
title: "Légal", items: [
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Politique de confidentialité", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -438,4 +209,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user