288 lines
11 KiB
TypeScript
288 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import Link from "next/link";
|
|
import { Wrench, Star } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Millésime"
|
|
navItems={[
|
|
{ name: "Accueil", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Avis Clients", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{
|
|
text: "📞 Appeler",
|
|
href: "tel:+33627865931",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="MILLÉSIME"
|
|
description="Plombier fiable à Grenoble et Saint-Martin-d'Hères. Interventions rapides, réparations, installations et rénovation de salle de bain."
|
|
buttons={[
|
|
{
|
|
text: "📞 Appeler maintenant",
|
|
href: "tel:+33627865931",
|
|
},
|
|
{
|
|
text: "📝 Demander un devis",
|
|
href: "#quote",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990697.jpg",
|
|
imageAlt: "Plomberie professionnelle Grenoble",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-showers-stone-tile-premium-spa_169016-68908.jpg?_wi=1",
|
|
imageAlt: "Rénovation salle de bain",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg?_wi=1",
|
|
imageAlt: "Dépannage plomberie urgence",
|
|
},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-badges" data-section="trust-badges">
|
|
<SocialProofOne
|
|
title="Pourquoi nous choisir?"
|
|
description="⭐ 4.8/5 Google Reviews • ✔ Artisan Local • ✔ Devis Gratuit • ✔ Garantie Satisfaction"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Artisan Plombier Expérimenté",
|
|
"Intervention Rapide",
|
|
"Devis Clair et Transparent",
|
|
"Travail Soigné",
|
|
"Satisfaction Client",
|
|
"Service Professionnel",
|
|
]}
|
|
showCard={true}
|
|
speed={30}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Nos Services"
|
|
description="Découvrez nos services complets de plomberie pour tous vos besoins"
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Dépannage Plomberie",
|
|
description: "Réparations rapides et efficaces pour tous vos problèmes de plomberie d'urgence.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-heating-system-boiler-room_169016-55519.jpg?_wi=1",
|
|
imageAlt: "Dépannage plomberie professionnel",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Fuite d'Eau",
|
|
description: "Détection et réparation des fuites d'eau avec techniques modernes.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg?_wi=1",
|
|
imageAlt: "Détection fuite eau plomberie",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Débouchage Canalisation",
|
|
description: "Solutions efficaces pour déboucher vos canalisations sans casse.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746309.jpg?_wi=1",
|
|
imageAlt: "Débouchage canalisation professionnel",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Chauffe-Eau",
|
|
description: "Installation, maintenance et réparation de chauffe-eau.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg?_wi=1",
|
|
imageAlt: "Installation chauffe-eau",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Rénovation Salle de Bain",
|
|
description: "Rénovation complète et modernisation de votre salle de bain.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349280.jpg?_wi=1",
|
|
imageAlt: "Rénovation salle de bain moderne",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Installation Sanitaire",
|
|
description: "Installation professionnelle de baignoires, douches et toilettes.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278628.jpg?_wi=1",
|
|
imageAlt: "Installation sanitaire baignoire",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Expertise"
|
|
title="Artisan Plombier Fiable à Grenoble et Saint-Martin-d'Hères"
|
|
description="Millésime Plomberie"
|
|
subdescription="Service professionnel depuis 2015"
|
|
icon={Wrench}
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg?_wi=1"
|
|
imageAlt="Artisan plombier professionnel"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Plus de 100 clients satisfaits nous font confiance pour leurs urgences plomberie"
|
|
cardTag="4.8/5 - 22 avis Google"
|
|
cardTagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Jean Dubois",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-handsome-businessman-showing-ok-sign-gurantee-quallity-standing-pleased-against-white-back_1258-113187.jpg?_wi=1",
|
|
imageAlt: "Jean Dubois - client satisfait",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marie Laurent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-3780.jpg?_wi=1",
|
|
imageAlt: "Marie Laurent - client satisfaite",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Pierre Moreau",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg?_wi=1",
|
|
imageAlt: "Pierre Moreau - client satisfait",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sophie Bernard",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg?_wi=1",
|
|
imageAlt: "Sophie Bernard - client satisfaite",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Luc Petit",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-positive-one-thumb-up-one-down_343596-4823.jpg?_wi=1",
|
|
imageAlt: "Luc Petit - client satisfait",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Claire Durand",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-wooden-background_1098-3167.jpg?_wi=1",
|
|
imageAlt: "Claire Durand - client satisfaite",
|
|
},
|
|
]}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Dépannage Plomberie",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Fuite d'Eau",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Rénovation Salle de Bain",
|
|
href: "#bathroom",
|
|
},
|
|
{
|
|
label: "Chauffe-Eau",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Téléphone: 06 27 86 59 31",
|
|
href: "tel:+33627865931",
|
|
},
|
|
{
|
|
label: "Adresse: 12 Av. Cité Labeye, 38400 Saint-Martin-d'Hères",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Demander un Devis",
|
|
href: "#quote",
|
|
},
|
|
{
|
|
label: "Zones de Service",
|
|
href: "#service-areas",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Entreprise",
|
|
items: [
|
|
{
|
|
label: "À Propos",
|
|
href: "/services",
|
|
},
|
|
{
|
|
label: "Avis Clients",
|
|
href: "#reviews",
|
|
},
|
|
{
|
|
label: "Politique de Confidentialité",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Conditions d'Utilisation",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Millésime Plomberie. Tous droits réservés. Plombier certifié à Grenoble."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |