Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Réalisations", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lhou Multiservices"
|
||||
/>
|
||||
@@ -55,92 +43,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Maçonnerie & Multiservices BTP à Perpignan"
|
||||
description="Expertise en maçonnerie et rénovation. Confiez vos projets de construction à Lhou Multiservices pour des résultats durables et de haute qualité dans les Pyrénées-Orientales."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jean Dupont",
|
||||
handle: "@jean-d",
|
||||
testimonial: "Travail exemplaire sur la rénovation de mes murs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marie L.",
|
||||
handle: "@marie-l",
|
||||
testimonial: "Très professionnel et respectueux des délais.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Pierre B.",
|
||||
handle: "@pierre-b",
|
||||
testimonial: "Une expertise rare dans le 66.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie M.",
|
||||
handle: "@sophie-m",
|
||||
testimonial: "Devis rapide et travail soigné.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108962.jpg",
|
||||
},
|
||||
{
|
||||
name: "Luc V.",
|
||||
handle: "@luc-v",
|
||||
testimonial: "Confiance totale pour mes travaux.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg",
|
||||
},
|
||||
{ name: "Jean Dupont", handle: "@jean-d", testimonial: "Travail exemplaire sur la rénovation de mes murs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg" },
|
||||
{ name: "Marie L.", handle: "@marie-l", testimonial: "Très professionnel et respectueux des délais.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg" },
|
||||
{ name: "Pierre B.", handle: "@pierre-b", testimonial: "Une expertise rare dans le 66.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg" },
|
||||
{ name: "Sophie M.", handle: "@sophie-m", testimonial: "Devis rapide et travail soigné.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108962.jpg" },
|
||||
{ name: "Luc V.", handle: "@luc-v", testimonial: "Confiance totale pour mes travaux.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10125.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10125.jpg"
|
||||
imageAlt="Chantier de construction Lhou Multiservices"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-smiling_23-2148269285.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3550.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124252.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-man-holding-colorful-bowling-balls_23-2148344450.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-smiling_23-2148269285.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3550.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124252.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-man-holding-colorful-bowling-balls_23-2148344450.jpg", alt: "Client 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Maçonnerie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rénovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Extension",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fondations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BTP Perpignan",
|
||||
},
|
||||
{ type: "text", text: "Maçonnerie" },
|
||||
{ type: "text", text: "Rénovation" },
|
||||
{ type: "text", text: "Extension" },
|
||||
{ type: "text", text: "Fondations" },
|
||||
{ type: "text", text: "BTP Perpignan" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,7 +81,7 @@ export default function LandingPage() {
|
||||
description="Forts de notre expérience dans le secteur du bâtiment (BTP) à Perpignan, nous accompagnons nos clients dans tous leurs projets de maçonnerie, de la fondation jusqu'aux finitions."
|
||||
subdescription="Chaque chantier est traité avec le plus grand soin, garantissant solidité, esthétisme et conformité aux normes en vigueur."
|
||||
icon={Building2}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349689.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349689.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -164,31 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Grid,
|
||||
title: "Maçonnerie",
|
||||
description: "Construction de murs, extensions et gros œuvre.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Multiservices",
|
||||
description: "Services complets pour vos projets de rénovation.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Fondations",
|
||||
description: "Maçonnerie structurelle pour tout type de structure.",
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Rénovation",
|
||||
description: "Remise à neuf complète de votre habitation.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Aménagement",
|
||||
description: "Aménagement extérieur et finitions maçonnerie.",
|
||||
},
|
||||
{ icon: Grid, title: "Maçonnerie", description: "Construction de murs, extensions et gros œuvre." },
|
||||
{ icon: Droplets, title: "Multiservices", description: "Services complets pour vos projets de rénovation." },
|
||||
{ icon: Building, title: "Fondations", description: "Maçonnerie structurelle pour tout type de structure." },
|
||||
{ icon: Home, title: "Rénovation", description: "Remise à neuf complète de votre habitation." },
|
||||
{ icon: Building2, title: "Aménagement", description: "Aménagement extérieur et finitions maçonnerie." },
|
||||
]}
|
||||
title="Nos Prestations"
|
||||
description="Une large gamme de services pour répondre à tous vos besoins en construction et rénovation."
|
||||
@@ -200,61 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pierre Martin",
|
||||
date: "12/03/2024",
|
||||
title: "Expertise confirmée",
|
||||
quote: "Excellent travail, très satisfaisant.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923085.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10125.jpg?_wi=2",
|
||||
imageAlt: "happy client home improvement",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie B.",
|
||||
date: "05/01/2024",
|
||||
title: "Rapide et efficace",
|
||||
quote: "Projet terminé avant l'heure.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349689.jpg?_wi=2",
|
||||
imageAlt: "happy client home improvement",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucas D.",
|
||||
date: "15/12/2023",
|
||||
title: "Maçon de confiance",
|
||||
quote: "Je recommande vivement.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-positive-senior-foreman-hardhat-yellow-eyeglasses-showing-thumbs-up-gesture-smiling-happily-encouraging-his-working-crew-good-job-construction-renovation_343059-2731.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-484.jpg?_wi=1",
|
||||
imageAlt: "happy client home improvement",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie M.",
|
||||
date: "20/11/2023",
|
||||
title: "Très sérieux",
|
||||
quote: "Une équipe au top.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg?_wi=2",
|
||||
imageAlt: "happy client home improvement",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas G.",
|
||||
date: "10/10/2023",
|
||||
title: "Qualité premium",
|
||||
quote: "Rien à dire, tout est parfait.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg?_wi=2",
|
||||
imageAlt: "happy client home improvement",
|
||||
},
|
||||
{ id: "1", name: "Pierre Martin", date: "12/03/2024", title: "Expertise confirmée", quote: "Excellent travail, très satisfaisant.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-warehouse_23-2148923085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10125.jpg", imageAlt: "happy client home improvement" },
|
||||
{ id: "2", name: "Sophie B.", date: "05/01/2024", title: "Rapide et efficace", quote: "Projet terminé avant l'heure.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349689.jpg", imageAlt: "happy client home improvement" },
|
||||
{ id: "3", name: "Lucas D.", date: "15/12/2023", title: "Maçon de confiance", quote: "Je recommande vivement.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-positive-senior-foreman-hardhat-yellow-eyeglasses-showing-thumbs-up-gesture-smiling-happily-encouraging-his-working-crew-good-job-construction-renovation_343059-2731.jpg", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-484.jpg", imageAlt: "happy client home improvement" },
|
||||
{ id: "4", name: "Julie M.", date: "20/11/2023", title: "Très sérieux", quote: "Une équipe au top.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-construction-wearing-protection-gear_23-2148784061.jpg", imageAlt: "happy client home improvement" },
|
||||
{ id: "5", name: "Thomas G.", date: "10/10/2023", title: "Qualité premium", quote: "Rien à dire, tout est parfait.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-architect-shaking-hands_23-2148233776.jpg", imageAlt: "happy client home improvement" },
|
||||
]}
|
||||
title="Témoignages"
|
||||
description="Ce que disent nos clients de notre expertise."
|
||||
@@ -267,33 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Années d'expérience",
|
||||
items: [
|
||||
"Expertise locale",
|
||||
"Savoir-faire",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Chantiers réussis",
|
||||
items: [
|
||||
"Projets livrés",
|
||||
"Clients satisfaits",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Engagement",
|
||||
items: [
|
||||
"Qualité assurée",
|
||||
"Normes respectées",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10+", title: "Années d'expérience", items: ["Expertise locale", "Savoir-faire"] },
|
||||
{ id: "m2", value: "200+", title: "Chantiers réussis", items: ["Projets livrés", "Clients satisfaits"] },
|
||||
{ id: "m3", value: "100%", title: "Engagement", items: ["Qualité assurée", "Normes respectées"] },
|
||||
]}
|
||||
title="Nos Chiffres"
|
||||
description="L'expérience au service de votre projet."
|
||||
@@ -305,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Déplacez-vous autour de Perpignan ?",
|
||||
content: "Oui, nous intervenons sur l'ensemble du 66.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Proposez-vous des devis gratuits ?",
|
||||
content: "Absolument, nous réalisons des devis personnalisés.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quel est le délai moyen ?",
|
||||
content: "Cela dépend de l'envergure de votre chantier.",
|
||||
},
|
||||
{ id: "f1", title: "Déplacez-vous autour de Perpignan ?", content: "Oui, nous intervenons sur l'ensemble du 66." },
|
||||
{ id: "f2", title: "Proposez-vous des devis gratuits ?", content: "Absolument, nous réalisons des devis personnalisés." },
|
||||
{ id: "f3", title: "Quel est le délai moyen ?", content: "Cela dépend de l'envergure de votre chantier." },
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Toutes les réponses à vos interrogations."
|
||||
@@ -333,26 +155,11 @@ export default function LandingPage() {
|
||||
title="Prise de rendez-vous"
|
||||
description="Contactez-nous au 06 35 95 03 47 ou via ce formulaire pour une étude gratuite."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Votre email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Décrivez votre projet...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architectural-blueprints_1359-484.jpg?_wi=2"
|
||||
textarea={{ name: "message", placeholder: "Décrivez votre projet...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architectural-blueprints_1359-484.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -361,11 +168,7 @@ export default function LandingPage() {
|
||||
logoText="Lhou Multiservices"
|
||||
copyrightText="© 2025 Lhou Multiservices BTP 66"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:0635950347",
|
||||
ariaLabel: "Téléphone",
|
||||
},
|
||||
{ icon: Phone, href: "tel:0635950347", ariaLabel: "Téléphone" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user