Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f657057dc | |||
| f2c364dbfa | |||
| d0fd75b9f8 |
228
src/app/page.tsx
228
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Wrench, Bath, Flame, Droplets, MapPin } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Jérémy Plomberie"
|
||||
/>
|
||||
@@ -55,48 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Jérémy Plomberie : Un artisan méticuleux et de confiance à Lyon."
|
||||
description="Des finitions soignées, des délais respectés et un accueil chaleureux — c'est pourquoi nos clients nous recommandent les yeux fermés."
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un devis gratuit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
description="Des finitions soignées, des délais respectés et un accueil chaleureux — c'est pourquoi nos clients nous recommandent les yeux fermés. Interventions dans toute l'agglomération lyonnaise."
|
||||
buttons={[{ text: "Demander un devis gratuit", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=1",
|
||||
imageAlt: "Plomberie professionnelle",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=2",
|
||||
imageAlt: "Réparation méticuleuse",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=3",
|
||||
imageAlt: "Installation sanitaire",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=4",
|
||||
imageAlt: "Rénovation salle de bain",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=5",
|
||||
imageAlt: "Chauffage et entretien",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=6",
|
||||
imageAlt: "Service artisanat",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=1" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=2" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=3" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=4" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=5" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,7 +59,9 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Un artisan dévoué au service de votre confort à Lyon."
|
||||
title="Un artisan dévoué au service de votre confort à Lyon et alentours."
|
||||
tag="Notre Engagement"
|
||||
tagIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,22 +70,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Nos Services d'Intervention"
|
||||
description="Expertise technique pour vos besoins en plomberie et rénovation."
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Devis transparent et sans surprise",
|
||||
"Respect rigoureux des délais fixés",
|
||||
"Accompagnement de A à Z",
|
||||
],
|
||||
items: ["Dépannage rapide", "Rénovation de salle de bain", "Installation chauffe-eau", "Traitement de l'eau"]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Un travail méticuleux et des finitions parfaites",
|
||||
"Un artisan disponible, arrangeant et à l'écoute",
|
||||
"Un rapport qualité/prix reconnu par nos clients",
|
||||
],
|
||||
items: ["Qualité artisanale", "Respect des délais", "Conseils personnalisés"]
|
||||
}}
|
||||
title="Pourquoi choisir Jérémy Plomberie ?"
|
||||
description="Nous mettons notre expertise au service de vos projets avec passion et professionnalisme."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -136,142 +85,39 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lisa K.",
|
||||
date: "12/03/2024",
|
||||
title: "Cliente vérifiée",
|
||||
quote: "Jérémy et son équipe ont réalisé l'installation d'une douche extérieure avec eau chaude et froide. Le rendu est superbe, les finitions impeccables. Un professionnel arrangeant, méticuleux et vraiment sympathique.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
tag: "Installation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-carpentry-tools-wooden-table_23-2148180583.jpg?_wi=7",
|
||||
imageAlt: "professional plumbing tools on wooden surface",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client vérifié",
|
||||
date: "15/02/2024",
|
||||
title: "Rénovation complète",
|
||||
quote: "Jérémy et son équipe sont intervenus sur la rénovation complète de notre salle de bain et de notre cuisine, ainsi que pour l'installation d'un chauffe-eau, d'un adoucisseur et du chauffage. Professionnel, disponible et rigoureux.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
||||
tag: "Rénovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg?_wi=1",
|
||||
imageAlt: "plumber working on kitchen pipes repair",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client vérifié",
|
||||
date: "08/01/2024",
|
||||
title: "Dépannage",
|
||||
quote: "Très réactif lors de l'intervention sur un mitigeur, avec une prise en charge rapide et un travail sérieux. Un rapport qualité/prix tout à fait satisfaisant — exactement le type d'artisan qu'on rappelle sans hésiter.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
tag: "Dépannage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
imageAlt: "woman customer smiling profile picture",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas M.",
|
||||
date: "20/11/2023",
|
||||
title: "Client régulier",
|
||||
quote: "Jérémy est un artisan rare. Disponible, ponctuel et toujours de bon conseil pour optimiser nos installations sanitaires. Un vrai professionnel à Lyon.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
tag: "Entretien",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
||||
imageAlt: "man client profile picture portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie P.",
|
||||
date: "05/09/2023",
|
||||
title: "Cliente satisfaite",
|
||||
quote: "Une réactivité exemplaire lors d'une fuite d'eau urgente. Le problème a été résolu en un temps record avec une transparence totale sur le prix. Je recommande vivement !",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
tag: "Urgence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
imageAlt: "woman client portrait professional photo",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="Ce que nos clients disent de nous"
|
||||
description="La satisfaction de nos clients est notre meilleure publicité."
|
||||
description="La satisfaction de nos clients lyonnais est notre meilleure publicité."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Besoin d'un plombier à Lyon ?"
|
||||
description="Jérémy intervient pour vos rénovations, installations et dépannages. Contactez-nous pour votre devis gratuit."
|
||||
useInvertedBackground={true}
|
||||
title="Obtenez votre devis personnalisé"
|
||||
description="Remplissez ce formulaire pour toute demande de dépannage ou de projet de rénovation à Lyon."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Votre numéro de téléphone",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Nom complet", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "service", type: "text", placeholder: "Service souhaité (ex: Salle de bain)" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Votre demande",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Description de vos travaux ou urgence", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg?_wi=2"
|
||||
buttonText="Demander un devis gratuit"
|
||||
buttonText="Envoyer ma demande"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Jérémy Plomberie",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informations",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Politique de confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Jérémy Plomberie", items: [{ label: "À propos", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Informations", items: [{ label: "Mentions légales", href: "#" }, { label: "Politique de confidentialité", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Jérémy Plomberie. Tous droits réservés."
|
||||
bottomRightText="Plombier artisan à Lyon"
|
||||
bottomLeftText="© 2025 Jérémy Plomberie. Zone d'intervention : Lyon et périphérie."
|
||||
bottomRightText="Plombier Artisan"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user