Merge version_1 into main #1
330
src/app/page.tsx
330
src/app/page.tsx
@@ -18,233 +18,127 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Been Plombier"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Been Plombier"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Been Plombier : Expert en dépannage urgent"
|
||||
description="Plus de 3 ans d'expérience au service de votre confort. Disponible pour vos urgences et installations en toute confiance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Client 1",
|
||||
handle: "@client",
|
||||
testimonial: "Excellent travail, rapide et efficace !",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Client 2",
|
||||
handle: "@client",
|
||||
testimonial: "Plombier très professionnel et sérieux.",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:0758093022",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Been Plombier : Expert en dépannage urgent"
|
||||
description="Plus de 3 ans d'expérience au service de votre confort. Disponible pour vos urgences et installations en toute confiance."
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-with-soap_23-2148518644.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[{ text: "Appeler maintenant", href: "tel:0758093022" }]}
|
||||
testimonials={[
|
||||
{ name: "Client 1", handle: "@client", testimonial: "Excellent travail, rapide et efficace !", rating: 5 },
|
||||
{ name: "Client 2", handle: "@client", testimonial: "Plombier très professionnel et sérieux.", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="À propos"
|
||||
title="Plus de 3 ans d'expertise"
|
||||
description="Nous intervenons rapidement pour tous vos problèmes de plomberie. Que ce soit une fuite, une installation ou un dépannage urgent, notre savoir-faire est votre garantie."
|
||||
subdescription="La satisfaction client est notre priorité absolue."
|
||||
icon={Wrench}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="À propos"
|
||||
title="Plus de 3 ans d'expertise"
|
||||
description="Nous intervenons rapidement pour tous vos problèmes de plomberie. Que ce soit une fuite, une installation ou un dépannage urgent, notre savoir-faire est votre garantie."
|
||||
subdescription="La satisfaction client est notre priorité absolue."
|
||||
icon={Wrench}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dépannage Urgent",
|
||||
description: "Intervention rapide en cas de fuite d'eau ou canalisation bouchée.",
|
||||
tag: "Urgence",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Installation Sanitaire",
|
||||
description: "Pose de douche, WC, lavabo et robinetterie de qualité.",
|
||||
tag: "Installation",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Entretien Tuyauterie",
|
||||
description: "Contrôle et maintenance pour prévenir les futurs dégâts.",
|
||||
tag: "Entretien",
|
||||
},
|
||||
]}
|
||||
title="Nos services"
|
||||
description="Une gamme complète de solutions pour votre habitation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Dépannage Urgent", description: "Intervention rapide en cas de fuite d'eau ou canalisation bouchée.", tag: "Urgence" },
|
||||
{ id: "f2", title: "Installation Sanitaire", description: "Pose de douche, WC, lavabo et robinetterie de qualité.", tag: "Installation" },
|
||||
{ id: "f3", title: "Entretien Tuyauterie", description: "Contrôle et maintenance pour prévenir les futurs dégâts.", tag: "Entretien" },
|
||||
]}
|
||||
title="Nos services"
|
||||
description="Une gamme complète de solutions pour votre habitation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julie",
|
||||
role: "Cliente",
|
||||
company: "Particulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-builder-man-uniform-claps-hands-isolated-olive-green-wall_141793-66615.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc",
|
||||
role: "Client",
|
||||
company: "Particulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283525.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie",
|
||||
role: "Cliente",
|
||||
company: "Particulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet_23-2148860661.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas",
|
||||
role: "Client",
|
||||
company: "Particulier",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg",
|
||||
},
|
||||
]}
|
||||
title="Avis de nos clients"
|
||||
description="Rejoignez plus de 30 clients satisfaits."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Avis de nos clients"
|
||||
description="Rejoignez plus de 30 clients satisfaits."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Julie", role: "Cliente", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-builder-man-uniform-claps-hands-isolated-olive-green-wall_141793-66615.jpg" },
|
||||
{ id: "2", name: "Marc", role: "Client", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-enjoying-time-together_23-2149283525.jpg" },
|
||||
{ id: "3", name: "Sophie", role: "Cliente", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet_23-2148860661.jpg" },
|
||||
{ id: "4", name: "Thomas", role: "Client", company: "Particulier", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-looking-camera_23-2148317302.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quels sont vos horaires ?",
|
||||
content: "Disponible du lundi au samedi.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Comment vous contacter ?",
|
||||
content: "Par téléphone au 07 58 09 30 22.",
|
||||
},
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Besoin de précisions ? Nous répondons à tout."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Questions fréquentes"
|
||||
description="Besoin de précisions ? Nous répondons à tout."
|
||||
faqs={[
|
||||
{ id: "q1", title: "Quels sont vos horaires ?", content: "Disponible du lundi au samedi." },
|
||||
{ id: "q2", title: "Comment vous contacter ?", content: "Par téléphone au 07 58 09 30 22." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contactez Been Plombier"
|
||||
description="Besoin d'un devis ou d'une intervention ? Appelez-nous dès maintenant."
|
||||
inputs={[
|
||||
{
|
||||
name: "nom",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "tel",
|
||||
type: "tel",
|
||||
placeholder: "Votre numéro",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-technician-grey-uniform-opening-toolbox-with-his-both-hands-looking-optimistic_176474-35346.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Contactez Been Plombier"
|
||||
description="Besoin d'un devis ou d'une intervention ? Appelez-nous dès maintenant."
|
||||
inputs={[
|
||||
{ name: "nom", type: "text", placeholder: "Votre nom", required: true },
|
||||
{ name: "tel", type: "tel", placeholder: "Votre numéro", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-technician-grey-uniform-opening-toolbox-with-his-both-hands-looking-optimistic_176474-35346.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "07 58 09 30 22",
|
||||
href: "tel:0758093022",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Been Plombier"
|
||||
bottomRightText="Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "07 58 09 30 22", href: "tel:0758093022" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Been Plombier"
|
||||
bottomRightText="Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user