217 lines
13 KiB
TypeScript
217 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, CheckCircle, Facebook, Instagram, Shield, Star, Zap, Clock, Phone, HardHat } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Process", id: "process" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Jean-Paul Couverture"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Votre expert en couverture en Île-de-France, intervention rapide garantie"
|
|
description="Réparation, rénovation et entretien avec travail garanti et devis gratuits. Approuvé par 4,8★ avis Google."
|
|
testimonials={[
|
|
{ name: "Pierre Martin", handle: "@pierremartin", testimonial: "Excellent travail et réponse rapide. Ma fuite a été réparée en 24h.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg" },
|
|
{ name: "Sophie Dubois", handle: "@sophiedubois", testimonial: "Équipe très professionnelle. Ils ont respecté le patrimoine de ma maison.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-with-his-arms-crossed-standing-front-building_23-2148176205.jpg" },
|
|
{ name: "Marc Lefebvre", handle: "@marclefebvre", testimonial: "Le meilleur couvreur à Taverny. Je recommande vivement pour toute rénovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg" },
|
|
{ name: "Claire Morel", handle: "@clairemorel", testimonial: "Prix transparents et excellent suivi. Merci !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg" },
|
|
{ name: "Julien Petit", handle: "@julienpetit", testimonial: "Réactif et compétent, nous a sauvés pendant les tempêtes d'hiver.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
|
]}
|
|
tag="Expertise en Couverture"
|
|
buttons={[
|
|
{ text: "Demander un devis", href: "#contact" },
|
|
{ text: "Appeler maintenant", href: "tel:0614703098" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smoldering-ashes-bonfire_23-2148253383.jpg?_wi=1"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg", alt: "Client profile 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg", alt: "Client profile 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", alt: "Client profile 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg", alt: "Client profile 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/man-looking-away-while-going-upstairs-with-coffee_171337-19937.jpg", alt: "Client profile 5" },
|
|
]}
|
|
avatarText="Rejoignez 500+ propriétaires satisfaits"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Réparation & Fuites", description: "Intervention rapide pour les fuites urgentes à Taverny et dans le Val-d'Oise.", items: [
|
|
{ icon: Shield, text: "Réponse 24/7" },
|
|
{ icon: CheckCircle, text: "Réparations garanties" },
|
|
],
|
|
reverse: false,
|
|
media: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrrcmiJxNERS5MX7X51y8lcz5u/uploaded-1779051174130-s1j7fjxp.png?_wi=1", imageAlt: "Roof repair service"},
|
|
},
|
|
{
|
|
title: "Rénovation Complète", description: "Techniques de couverture modernes respectant l'esthétique des maisons françaises.", items: [
|
|
{ icon: Award, text: "Compétences artisanales" },
|
|
{ icon: Zap, text: "Efficacité" },
|
|
],
|
|
reverse: true,
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smoldering-ashes-bonfire_23-2148253383.jpg?_wi=2", imageAlt: "Renovation work"},
|
|
},
|
|
{
|
|
title: "Entretien & Maintenance", description: "Entretien régulier pour prolonger la durée de vie de votre toiture.", items: [
|
|
{ icon: Star, text: "Durabilité" },
|
|
{ icon: CheckCircle, text: "Soins préventifs" },
|
|
],
|
|
reverse: false,
|
|
media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg", imageAlt: "Maintenance service"},
|
|
},
|
|
]}
|
|
title="Expertise en Couverture"
|
|
description="Services premium couvrant tous les aspects de l'entretien et de la réparation de toiture."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Pourquoi Jean-Paul Couverture ?"
|
|
description="Nous allions techniques traditionnelles et efficacité moderne pour offrir la meilleure qualité de service en Île-de-France. Diagnostics rapides et matériaux certifiés."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrrcmiJxNERS5MX7X51y8lcz5u/uploaded-1779051174130-7474qjfh.png?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", role: "Propriétaire", company: "Villa Rose", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-people_23-2148827022.jpg" },
|
|
{ id: "2", name: "Michael C.", role: "Manager", company: "Le Bistro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner-with-document_23-2149434529.jpg" },
|
|
{ id: "3", name: "Emily R.", role: "Propriétaire", company: "Cozy Home", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg" },
|
|
{ id: "4", name: "David K.", role: "Propriétaire", company: "Studio 95", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-holding-each-other-being-affectionate-city-streets_23-2149304563.jpg" },
|
|
{ id: "5", name: "Anna P.", role: "Propriétaire", company: "Grand Manor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064919.jpg" },
|
|
]}
|
|
title="Approuvé par les Propriétaires"
|
|
description="Voyez pourquoi les locaux font confiance à notre expertise."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Toiture", name: "Rénovation Historique", price: "Mis en avant", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrrcmiJxNERS5MX7X51y8lcz5u/uploaded-1779051174130-s1j7fjxp.png?_wi=2" },
|
|
{ id: "p2", brand: "Toiture", name: "Réparation d'urgence", price: "Terminé", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrrcmiJxNERS5MX7X51y8lcz5u/uploaded-1779051174130-7474qjfh.png?_wi=2" },
|
|
{ id: "p3", brand: "Toiture", name: "Remplacement de tuiles", price: "Standard", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" },
|
|
{ id: "p4", brand: "Toiture", name: "Entretien gouttières", price: "Mis en avant", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg" },
|
|
{ id: "p5", brand: "Toiture", name: "Toiture commerciale", price: "Terminé", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
|
|
{ id: "p6", brand: "Toiture", name: "Restauration cheminée", price: "Mis en avant", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg" },
|
|
]}
|
|
title="Nos Projets Récents"
|
|
description="Exemples de projets de couverture réalisés dans la région de Taverny et du Val-d'Oise."
|
|
/>
|
|
</div>
|
|
|
|
<div id="emergency" data-section="emergency">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "<24h", title: "Intervention", description: "Temps de réponse moyen pour les urgences", icon: Clock },
|
|
{ id: "m2", value: "100%", title: "Qualité", description: "Qualité de travail garantie et certifiée", icon: CheckCircle },
|
|
{ id: "m3", value: "20+", title: "Expérience", description: "Années d'expertise artisanale locale", icon: HardHat },
|
|
]}
|
|
title="Intervention d'urgence garantie"
|
|
description="Face à une urgence, notre équipe est prête à minimiser les dégâts et restaurer la sécurité."
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Diagnostic gratuit", content: "Nous évaluons votre toiture et fournissons un devis détaillé sans obligation." },
|
|
{ id: "f2", title: "Acceptation", content: "Une fois le devis validé, nous planifions l'intervention à votre convenance." },
|
|
{ id: "f3", title: "Exécution", content: "Notre équipe qualifiée réalise les travaux avec des matériaux premium." },
|
|
{ id: "f4", title: "Inspection finale", content: "Nous vérifions le travail avec vous pour garantir votre tranquillité." },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrrcmiJxNERS5MX7X51y8lcz5u/uploaded-1779051174130-s1j7fjxp.png?_wi=3"
|
|
mediaAnimation="slide-up"
|
|
title="Comment nous travaillons"
|
|
description="Un processus clair, de votre premier appel à la livraison finale."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Contact"
|
|
title="Planifiez votre consultation gratuite"
|
|
description="Contactez-nous pour une intervention rapide ou un devis d'entretien."
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-house-construction-site-blueprint-materials_23-2148744036.jpg"
|
|
buttonText="Soumettre"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Jean-Paul Couverture"
|
|
copyrightText="© 2025 Jean-Paul Couverture | Val-d'Oise"
|
|
columns={[
|
|
{ title: "Services", items: [{ label: "Réparation", href: "#services" }, { label: "Rénovation", href: "#services" }] },
|
|
{ title: "Contact", items: [{ label: "Devis", href: "#contact" }, { label: "Appeler", href: "tel:0614703098" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|