Merge version_1 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -31,134 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Expertise", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Témoignages", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TP. ARGENTINE"
|
||||
button={{ text: "Devis", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="TP. ARGENTINE : L'Art du Terrassement et de la Construction."
|
||||
description="Entreprise familiale de confiance alliant savoir-faire à l'ancienne et techniques modernes pour vos projets les plus exigeants. Professionnalisme, propreté et perfection dans les moindres détails."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Guillaume Roure",
|
||||
handle: "@client",
|
||||
testimonial: "Une entreprise très professionnelle, humaine et à l'écoute. Un gérant irréprochable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg?_wi=1",
|
||||
imageAlt: "construction site aerial view",
|
||||
},
|
||||
{
|
||||
name: "Agnès B",
|
||||
handle: "@client",
|
||||
testimonial: "Entreprise au top, travail très pro, soucis du moindre détail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-engineers-sitting_23-2147704211.jpg?_wi=1",
|
||||
imageAlt: "construction site aerial view",
|
||||
},
|
||||
{
|
||||
name: "M. anera",
|
||||
handle: "@client",
|
||||
testimonial: "Travail soigné, efficace, une maîtrise du chantier exemplaire.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-glass-ceiling_250224-324.jpg?_wi=1",
|
||||
imageAlt: "construction site aerial view",
|
||||
},
|
||||
{
|
||||
name: "Thomas V.",
|
||||
handle: "@client",
|
||||
testimonial: "Réactivité impressionnante et chantier laissé propre. Je recommande.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-examines-construction-site-while-holding-electrical-cable-his-hand-worksite_169016-12127.jpg?_wi=1",
|
||||
imageAlt: "construction site aerial view",
|
||||
},
|
||||
{
|
||||
name: "Sophie P.",
|
||||
handle: "@client",
|
||||
testimonial: "Un terrassement complexe mené avec une grande expertise. Très satisfaits.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-worker-posing-inside-factory-with-bars-pipes-around_114579-2833.jpg?_wi=1",
|
||||
imageAlt: "construction site aerial view",
|
||||
},
|
||||
{ name: "Guillaume Roure", handle: "@client", testimonial: "Une entreprise très professionnelle, humaine et à l'écoute. Un gérant irréprochable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg", imageAlt: "construction site aerial view" },
|
||||
{ name: "Agnès B", handle: "@client", testimonial: "Entreprise au top, travail très pro, soucis du moindre détail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-engineers-sitting_23-2147704211.jpg", imageAlt: "construction site aerial view" },
|
||||
{ name: "M. anera", handle: "@client", testimonial: "Travail soigné, efficace, une maîtrise du chantier exemplaire.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-glass-ceiling_250224-324.jpg", imageAlt: "construction site aerial view" },
|
||||
{ name: "Thomas V.", handle: "@client", testimonial: "Réactivité impressionnante et chantier laissé propre. Je recommande.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/electrician-examines-construction-site-while-holding-electrical-cable-his-hand-worksite_169016-12127.jpg", imageAlt: "construction site aerial view" },
|
||||
{ name: "Sophie P.", handle: "@client", testimonial: "Un terrassement complexe mené avec une grande expertise. Très satisfaits.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/industry-worker-posing-inside-factory-with-bars-pipes-around_114579-2833.jpg", imageAlt: "construction site aerial view" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg?_wi=2"
|
||||
buttons={[{ text: "Demander un devis", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg"
|
||||
imageAlt="Chantier professionnel TP Argentine"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
alt: "Portrait client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
|
||||
alt: "Portrait client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
|
||||
alt: "Portrait client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Portrait client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nature-scene-usa-vegetation-flora_23-2149870975.jpg",
|
||||
alt: "Portrait client",
|
||||
},
|
||||
]}
|
||||
avatarText="Plus de 40 clients satisfaits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Réactivité",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Qualité",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Précision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Confiance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,7 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Une Entreprise Familiale d'Exception"
|
||||
description="Chez TP. Argentine, nous considérons chaque projet comme une signature de notre savoir-faire. Notre équipe familiale met un point d'honneur à respecter vos propriétés, à intervenir avec réactivité et à garantir des résultats esthétiques durables. De la recherche de fuites au terrassement complexe, nous sommes vos artisans de confiance."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-engineers-sitting_23-2147704211.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-engineers-sitting_23-2147704211.jpg"
|
||||
imageAlt="construction artisan professional"
|
||||
/>
|
||||
</div>
|
||||
@@ -178,51 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Terrassement Piscine",
|
||||
description: "Maîtrise technique des terrains, gestion des écoulements et préparation impeccable pour votre piscine.",
|
||||
icon: Waves,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-glass-ceiling_250224-324.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workman-applying-road-sweeper-construction-site_259150-60509.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg?_wi=3",
|
||||
imageAlt: "swimming pool terrassement",
|
||||
},
|
||||
{
|
||||
title: "Ouvrages de Soutènement",
|
||||
description: "Enrochements et murs de soutènement solides, esthétiques et conformes aux normes de sécurité.",
|
||||
icon: Mountain,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-examines-construction-site-while-holding-electrical-cable-his-hand-worksite_169016-12127.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-front-brick-wall_23-2147813087.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-engineers-sitting_23-2147704211.jpg?_wi=3",
|
||||
imageAlt: "swimming pool terrassement",
|
||||
},
|
||||
{
|
||||
title: "Réparation Réseaux",
|
||||
description: "Interventions réactives pour fuites sur réseaux potables avec des méthodes de pointe et respect du site.",
|
||||
icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industry-worker-posing-inside-factory-with-bars-pipes-around_114579-2833.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg?_wi=1",
|
||||
imageAlt: "swimming pool terrassement",
|
||||
},
|
||||
{ title: "Terrassement Piscine", description: "Maîtrise technique des terrains, gestion des écoulements et préparation impeccable pour votre piscine.", icon: Waves, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-glass-ceiling_250224-324.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/workman-applying-road-sweeper-construction-site_259150-60509.jpg" }] },
|
||||
{ title: "Ouvrages de Soutènement", description: "Enrochements et murs de soutènement solides, esthétiques et conformes aux normes de sécurité.", icon: Mountain, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-examines-construction-site-while-holding-electrical-cable-his-hand-worksite_169016-12127.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/architect-front-brick-wall_23-2147813087.jpg" }] },
|
||||
{ title: "Réparation Réseaux", description: "Interventions réactives pour fuites sur réseaux potables avec des méthodes de pointe et respect du site.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/industry-worker-posing-inside-factory-with-bars-pipes-around_114579-2833.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg" }] },
|
||||
]}
|
||||
title="Nos Domaines d'Intervention"
|
||||
description="Expertise complète pour particuliers et professionnels avec une précision chirurgicale."
|
||||
@@ -235,21 +92,9 @@ export default function LandingPage() {
|
||||
title="L'Excellence par les Chiffres"
|
||||
tag="Notre Engagement"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Satisfaction clients confirmée par nos avis",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Années d'expérience cumulée sur le terrain",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
description: "Compromis sur la qualité des matériaux",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Satisfaction clients confirmée par nos avis" },
|
||||
{ id: "m2", value: "20+", description: "Années d'expérience cumulée sur le terrain" },
|
||||
{ id: "m3", value: "0", description: "Compromis sur la qualité des matériaux" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -261,60 +106,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "David Hermitte",
|
||||
role: "Particulier",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Béatrice R",
|
||||
role: "Local Guide",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-scene-usa-vegetation-flora_23-2149870974.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jean-Yves L.",
|
||||
role: "Professionnel",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-modern-paintings_1048-2469.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ariane Lefebvre",
|
||||
role: "Particulier",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Gilbert Ravoire",
|
||||
role: "Particulier",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg",
|
||||
},
|
||||
{ id: "t1", name: "David Hermitte", role: "Particulier", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg" },
|
||||
{ id: "t2", name: "Béatrice R", role: "Local Guide", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nature-scene-usa-vegetation-flora_23-2149870974.jpg" },
|
||||
{ id: "t3", name: "Jean-Yves L.", role: "Professionnel", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/room-with-modern-paintings_1048-2469.jpg" },
|
||||
{ id: "t4", name: "Ariane Lefebvre", role: "Particulier", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg" },
|
||||
{ id: "t5", name: "Gilbert Ravoire", role: "Particulier", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149833737.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Note moyenne Google",
|
||||
},
|
||||
{
|
||||
value: "40+",
|
||||
label: "Avis vérifiés",
|
||||
},
|
||||
{
|
||||
value: "Réactif",
|
||||
label: "Qualité d'intervention",
|
||||
},
|
||||
{ value: "5/5", label: "Note moyenne Google" },
|
||||
{ value: "40+", label: "Avis vérifiés" },
|
||||
{ value: "Réactif", label: "Qualité d'intervention" },
|
||||
]}
|
||||
title="La Voix de nos Clients"
|
||||
description="Ils nous font confiance pour leurs travaux les plus délicats. Voici pourquoi nos clients nous recommandent à 100%."
|
||||
@@ -326,21 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Intervenez-vous pour les professionnels ?",
|
||||
content: "Oui, nous accompagnons les professionnels pour tous leurs besoins en terrassement, réseaux et enrochements.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Quels sont vos délais d'intervention ?",
|
||||
content: "Nous sommes réputés pour notre réactivité et le respect strict des délais prévus dans nos devis.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Quelle est votre zone d'intervention ?",
|
||||
content: "Nous intervenons localement pour garantir une proximité et une réactivité optimale.",
|
||||
},
|
||||
{ id: "q1", title: "Intervenez-vous pour les professionnels ?", content: "Oui, nous accompagnons les professionnels pour tous leurs besoins en terrassement, réseaux et enrochements." },
|
||||
{ id: "q2", title: "Quels sont vos délais d'intervention ?", content: "Nous sommes réputés pour notre réactivité et le respect strict des délais prévus dans nos devis." },
|
||||
{ id: "q3", title: "Quelle est votre zone d'intervention ?", content: "Nous intervenons localement pour garantir une proximité et une réactivité optimale." },
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Tout ce que vous devez savoir avant de commencer vos travaux."
|
||||
@@ -351,18 +140,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact"
|
||||
title="Prêt pour votre projet ?"
|
||||
description="Faites appel à une équipe de confiance pour des travaux impeccables."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "mailto:contact@tp-argentine.fr",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contactez-nous", href: "mailto:contact@tp-argentine.fr" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -371,32 +153,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-disaster-landscape_23-2151902846.jpg"
|
||||
logoText="TP. ARGENTINE"
|
||||
columns={[
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Nos Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Avis Clients",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Entreprise", items: [{ label: "À propos", href: "#about" }, { label: "Nos Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Avis Clients", href: "#testimonials" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user