219 lines
15 KiB
TypeScript
219 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Award, CheckCircle, Clock, Heart, Home, Lightbulb, Phone, Sparkles, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="YR Renov Immo"
|
|
navItems={[
|
|
{ name: "À propos", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Processus", id: "process" },
|
|
{ name: "Avis clients", id: "testimonials" }
|
|
]}
|
|
button={{ text: "Demander un devis", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Transformez votre maison en chef-d'œuvre"
|
|
description="Rénovation complète avec professionnalisme, qualité et respect des délais. Votre projet entre de bonnes mains."
|
|
tag="Expertise locale à Yerres"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-working-with-masks_23-2148751983.jpg?_wi=1", imageAlt: "Rénovation moderne d'intérieur" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-blue-cabinets_23-2151995372.jpg?_wi=1", imageAlt: "Cuisine rénovée contemporaine" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg?_wi=1", imageAlt: "Salle de bain luxueuse rénovée" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=1", imageAlt: "Sols rénovés avec finition impeccable" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg?_wi=1", imageAlt: "Projet de rénovation finalisé" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Demander un devis", href: "contact" },
|
|
{ text: "Découvrir nos services", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="À propos de YR Renov Immo"
|
|
description="Une équipe d'experts en rénovation immobilière basée à Yerres, dédiée à transformer vos rêves en réalité. Nous croyons que chaque projet mérite une attention particulière, des conseils judicieux et un travail de qualité exceptionnelle."
|
|
tag="Notre histoire"
|
|
tagIcon={Home}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{ title: "Expertise reconnue", description: "Des années d'expérience dans la rénovation complète de maisons, avec une réputation bâtie sur la confiance et la qualité.", icon: Award },
|
|
{ title: "Accompagnement personnalisé", description: "Nous vous guidons à chaque étape de votre projet avec des conseils professionnels adaptés à vos besoins spécifiques.", icon: Users },
|
|
{ title: "Relation de confiance", description: "Transparence totale, communication claire et respect de vos attentes. Votre satisfaction est notre priorité.", icon: Heart },
|
|
{ title: "Chantiers soignés", description: "Nous livrons des espaces impeccables. Nettoyage méticuleux et respect des lieux à chaque fin de chantier.", icon: Sparkles }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg"
|
|
imageAlt="Équipe professionnelle YR Renov Immo"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
title="Nos services de rénovation"
|
|
description="Une palette complète de services pour tous vos besoins de rénovation immobilière"
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Rénovation complète", description: "Gestion intégrale de vos projets de rénovation : sols, peinture, cuisine, salle de bain et bien plus encore.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-young-housewife-decided-glue-wallpaper-her-new-house-room_146671-15983.jpg", imageAlt: "Rénovation complète - Phone 1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/building-workers-their-work-space_329181-15640.jpg", imageAlt: "Rénovation complète - Phone 2" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Salle de bain", description: "Création de salles de bain modernes et fonctionnelles. Pose complète avec finitions soignées.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/interior-wooden-russian-bath-with-traditional-items-use_169016-4337.jpg?_wi=2", imageAlt: "Salle de bain - Phone 1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=2", imageAlt: "Salle de bain - Phone 2" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Cuisine aménagée", description: "Installation de cuisines sur mesure. Pose précise et intégration parfaite dans votre espace.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-blue-cabinets_23-2151995372.jpg?_wi=2", imageAlt: "Cuisine aménagée - Phone 1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-4007.jpg?_wi=2", imageAlt: "Cuisine aménagée - Phone 2" }
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Travaux de maçonnerie", description: "Modification de murs, ouvertures, rehaussement. Travaux structurels réalisés avec sérieux et précision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/industrial-builder-works-with-professional-angle-grinder-cut-bricks-build-interior-walls-electrician_169016-5878.jpg", imageAlt: "Maçonnerie - Phone 1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-working-with-masks_23-2148751983.jpg?_wi=2", imageAlt: "Maçonnerie - Phone 2" }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<SplitAbout
|
|
title="Pourquoi choisir YR Renov Immo"
|
|
description="Nos clients nous font confiance pour une raison simple : nous livrons exactement ce que nous promettons, avec une qualité que vous pouvez voir et sentir."
|
|
tag="Nos garanties"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{ title: "Respect des délais", description: "Vos projets sont livrés à temps. Pas de surprises, pas de retards injustifiés. Votre calendrier est notre calendrier.", icon: Clock },
|
|
{ title: "Travail soigné", description: "Chaque détail compte. Nos clients reçoivent des compliments sur la qualité et la finition impeccable de nos rénovations.", icon: CheckCircle },
|
|
{ title: "Équipe professionnelle", description: "Une équipe de vrais experts. Sérieux, compétents et passionnés par leur métier. Votre projet est entre les meilleures mains.", icon: Users },
|
|
{ title: "Réactivité", description: "Une question ? Un problème ? Nous réagissons vite. Vous ne resterez jamais sans réponse.", icon: Zap },
|
|
{ title: "Conseils judicieux", description: "Au-delà de l'exécution, nous vous guidons. Nos conseils vous aident à faire les meilleurs choix pour votre maison.", icon: Lightbulb },
|
|
{ title: "Chantiers propres", description: "Un chantier professionnel, c'est un chantier organisé et propre. Votre maison reste respectable pendant les travaux.", icon: Sparkles }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-young-colleagues-hands-meeting_23-2149060224.jpg"
|
|
imageAlt="Consultation professionnelle rénovation"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardTen
|
|
title="Comment se déroule votre projet"
|
|
description="Un processus clair et transparent du début à la fin"
|
|
tag="Processus"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", title: "Prise de contact", subtitle: "Première étape de votre projet", category: "Consultation", value: "Gratuit" },
|
|
{ id: "2", title: "Analyse du projet", subtitle: "Visite sur site et évaluation des besoins", category: "Diagnostic", value: "Détaillé" },
|
|
{ id: "3", title: "Conseils et accompagnement", subtitle: "Recommandations professionnelles personnalisées", category: "Planning", value: "Complet" },
|
|
{ id: "4", title: "Réalisation des travaux", subtitle: "Exécution selon les normes et délais convenus", category: "Chantier", value: "Qualité" },
|
|
{ id: "5", title: "Livraison impeccable", subtitle: "Chantier propre et projet finalisé avec soin", category: "Finition", value: "Parfait" }
|
|
]}
|
|
textboxLayout="centered"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Ce que nos clients disent"
|
|
description="Des témoignages authentiques de clients satisfaits par la qualité et le professionnalisme de nos rénovations"
|
|
tag="Avis clients"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{ id: "1", name: "Nathalie Drège", role: "Propriétaire", company: "Yerres", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg", imageAlt: "Portrait de Nathalie Drège" },
|
|
{ id: "2", name: "Hélène Frety", role: "Propriétaire", company: "Région parisienne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-woman-thumbs-up-give-approval-drink-coffee_176420-16240.jpg", imageAlt: "Portrait de Hélène Frety" },
|
|
{ id: "3", name: "Gilles Tanguy", role: "Propriétaire", company: "Yerres", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-122910.jpg", imageAlt: "Portrait de Gilles Tanguy" },
|
|
{ id: "4", name: "Client satisfait", role: "Propriétaire", company: "Île-de-France", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man_23-2148479501.jpg", imageAlt: "Portrait d'un client satisfait" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Demander votre devis gratuit"
|
|
ctaDescription="Contactez-nous pour discuter de votre projet. Nous vous fournirons un devis gratuit et sans engagement."
|
|
ctaButton={{ text: "Contacter maintenant", href: "mailto:contact@yrrenov.com" }}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{ id: "1", title: "Quel est le délai moyen d'une rénovation complète ?", content: "Le délai dépend de l'ampleur du projet. Une rénovation complète prend généralement entre 6 et 12 semaines. Nous vous fournirons un calendrier précis après analyse détaillée de votre projet." },
|
|
{ id: "2", title: "Comment se déroule la consultation initiale ?", content: "Nous organisons une visite gratuite sur votre site. Pendant cette visite, nous écoutons vos besoins, évaluons les travaux à effectuer et vous donnons des conseils professionnels pour optimiser votre projet." },
|
|
{ id: "3", title: "Garantissez-vous la qualité de votre travail ?", content: "Oui, absolument. La qualité est notre priorité. Nos clients sont systématiquement satisfaits de la finition impeccable et du sérieux de notre travail. Chaque détail reçoit notre attention particulière." },
|
|
{ id: "4", title: "Proposez-vous des solutions sur mesure ?", content: "Chaque projet est unique. Nous vous guidons avec des conseils judicieux pour adapter les solutions à votre budget et à vos attentes spécifiques. Votre satisfaction est garantie." }
|
|
]}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="YR Renov Immo"
|
|
columns={[
|
|
{ items: [{ label: "Accueil", href: "/" }, { label: "À propos", href: "#about" }, { label: "Services", href: "#services" }] },
|
|
{ items: [{ label: "Notre processus", href: "#process" }, { label: "Avis clients", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
|
{ items: [{ label: "Email", href: "mailto:contact@yrrenov.com" }, { label: "Téléphone", href: "tel:+33123456789" }, { label: "Yerres, Île-de-France", href: "#" }] },
|
|
{ items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }, { label: "Conditions d'utilisation", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |