282 lines
15 KiB
TypeScript
282 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Lightbulb, ShieldCheck, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "#hero"},
|
|
{
|
|
name: "À Propos", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Projets", id: "#projects"},
|
|
{
|
|
name: "Réalisations", id: "#metrics"},
|
|
{
|
|
name: "Témoignages", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="BDOM Rénovation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
logoText="BDOM Rénovation"
|
|
description="Transformez vos espaces de vie avec l'expertise et la passion de BDOM Rénovation. Votre vision, notre réalisation."
|
|
buttons={[
|
|
{
|
|
text: "Découvrir nos services", href: "#services"},
|
|
{
|
|
text: "Nous contacter", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976546.jpg"
|
|
imageAlt="Intérieur de maison moderne rénové par BDOM Rénovation"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Notre Expertise au Service de Vos Rêves"
|
|
description="Chez BDOM Rénovation, nous transformons vos idées en réalité. Forts d'une expérience solide, nous nous engageons à offrir des rénovations de haute qualité, durables et esthétiques. De la conception à la réalisation, notre équipe dévouée vous accompagne à chaque étape de votre projet."
|
|
bulletPoints={[
|
|
{
|
|
title: "Qualité Garantie", description: "Nous utilisons uniquement les meilleurs matériaux et techniques.", icon: ShieldCheck,
|
|
},
|
|
{
|
|
title: "Design Sur Mesure", description: "Des solutions personnalisées qui reflètent votre style unique.", icon: Lightbulb,
|
|
},
|
|
{
|
|
title: "Satisfaction Client", description: "Votre bonheur est notre priorité absolue.", icon: Smile,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35532.jpg"
|
|
imageAlt="Équipe de BDOM Rénovation discutant d'un plan de construction"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "service-kitchen", title: "Rénovation de Cuisines", author: "BDOM Rénovation", description: "Créez la cuisine de vos rêves : moderne, fonctionnelle et accueillante.", tags: [
|
|
"Cuisine", "Modernisation"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-kitchen-cabinetry-with-glass-doors-elegant-interior-design-featuring-natural-wood_169016-72736.jpg", imageAlt: "Cuisine moderne rénovée"},
|
|
{
|
|
id: "service-bathroom", title: "Rénovation de Salles de Bain", author: "BDOM Rénovation", description: "Transformez votre salle de bain en un havre de paix et de bien-être.", tags: [
|
|
"Salle de Bain", "Bien-être"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-white-bathroom-with-minimalist-design_23-2151983217.jpg", imageAlt: "Salle de bain élégante rénovée"},
|
|
{
|
|
id: "service-extension", title: "Extensions et Agrandissements", author: "BDOM Rénovation", description: "Gagnez de l'espace et valorisez votre propriété avec nos extensions sur mesure.", tags: [
|
|
"Extension", "Agrandissement"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15103.jpg", imageAlt: "Extension de maison moderne"},
|
|
{
|
|
id: "service-exterior", title: "Rénovation Extérieure", author: "BDOM Rénovation", description: "Embellissez votre façade, toiture et aménagements extérieurs pour une allure impeccable.", tags: [
|
|
"Façade", "Toiture", "Jardin"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-805.jpg", imageAlt: "Façade de maison rénovée"},
|
|
]}
|
|
title="Nos Services de Rénovation"
|
|
description="BDOM Rénovation offre une gamme complète de services pour transformer votre intérieur et votre extérieur, avec un souci du détail et une qualité irréprochable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardThree
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "project-1", name: "Appartement Parisien", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836773.jpg", imageAlt: "Rénovation d'un appartement Haussmannien"},
|
|
{
|
|
id: "project-2", name: "Villa Côte d'Azur", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929549.jpg", imageAlt: "Rénovation luxueuse d'une villa en bord de mer"},
|
|
{
|
|
id: "project-3", name: "Bureau Moderne Lyon", price: "2023", imageSrc: "http://img.b2bpic.net/free-photo/creative-manager-architect-company-having-morning-online-conversation-with-engineer-consulting-about-details_343059-1214.jpg", imageAlt: "Aménagement de bureaux contemporains"},
|
|
{
|
|
id: "project-4", name: "Maison Familiale Bordeaux", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-clinking-with-drinks_23-2147668896.jpg", imageAlt: "Rénovation complète d'une maison de famille"},
|
|
{
|
|
id: "project-5", name: "Restaurant Gastronomique", price: "2022", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", imageAlt: "Design intérieur d'un restaurant"},
|
|
{
|
|
id: "project-6", name: "Loft Industriel Marseille", price: "2024", imageSrc: "http://img.b2bpic.net/free-photo/glass-ceiling-with-interesting-patterns-inside-building_181624-7315.jpg", imageAlt: "Transformation d'un loft en espace de vie moderne"},
|
|
]}
|
|
title="Nos Projets Réalisés"
|
|
description="Découvrez la qualité et la diversité de nos réalisations. Chaque projet est une preuve de notre engagement envers l'excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
metrics={[
|
|
{
|
|
id: "metric-1", value: "15+", description: "Années d'Expérience"},
|
|
{
|
|
id: "metric-2", value: "250+", description: "Projets Réalisés"},
|
|
{
|
|
id: "metric-3", value: "98%", description: "Clients Satisfaits"},
|
|
]}
|
|
title="BDOM Rénovation en Chiffres"
|
|
description="Notre succès se mesure par la satisfaction de nos clients et la qualité de nos réalisations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Sophie Dubois", role: "Propriétaire", company: "Paris", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-working-office_273609-6540.jpg", imageAlt: "Photo de Sophie Dubois"},
|
|
{
|
|
id: "testimonial-2", name: "Marc Lefevre", role: "Entrepreneur", company: "Lyon", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-businessman-sunglasses-walking-street-he-holds-hands-pockets-smiling-far-away_197531-599.jpg", imageAlt: "Photo de Marc Lefevre"},
|
|
{
|
|
id: "testimonial-3", name: "Julie Bernard", role: "Architecte", company: "Bordeaux", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-working-blue-print_23-2148187236.jpg", imageAlt: "Photo de Julie Bernard"},
|
|
{
|
|
id: "testimonial-4", name: "Thomas Petit", role: "Investisseur Immobilier", company: "Marseille", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", imageAlt: "Photo de Thomas Petit"},
|
|
{
|
|
id: "testimonial-5", name: "Carole Martin", role: "Particulier", company: "Nice", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-view-portrait-young-girl-outdoors_23-2148568592.jpg", imageAlt: "Photo de Carole Martin"},
|
|
]}
|
|
title="Ce que disent nos Clients"
|
|
description="Les avis de nos clients témoignent de notre engagement envers l'excellence et le professionnalisme."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Quels types de rénovations proposez-vous ?", content: "Nous réalisons tous types de rénovations intérieures (cuisines, salles de bain, salons) et extérieures (façades, toitures, extensions)."},
|
|
{
|
|
id: "faq-2", title: "Comment se déroule un projet de rénovation ?", content: "Nos projets commencent par une consultation, suivie d'une proposition détaillée, de la planification, de l'exécution et d'un suivi post-rénovation."},
|
|
{
|
|
id: "faq-3", title: "Offrez-vous des devis gratuits ?", content: "Oui, nous proposons des devis gratuits et sans engagement pour tous vos projets de rénovation."},
|
|
{
|
|
id: "faq-4", title: "Travaillez-vous avec des architectes d'intérieur ?", content: "Absolument ! Nous collaborons régulièrement avec des architectes d'intérieur pour garantir des designs harmonieux et fonctionnels."},
|
|
{
|
|
id: "faq-5", title: "Quels sont vos délais de réalisation ?", content: "Les délais varient selon la complexité et l'ampleur du projet. Nous vous fournirons une estimation précise lors du devis."},
|
|
{
|
|
id: "faq-6", title: "Êtes-vous assurés pour les travaux ?", content: "Oui, BDOM Rénovation est entièrement assuré pour tous les travaux réalisés, vous offrant une tranquillité d'esprit totale."},
|
|
]}
|
|
title="Questions Fréquentes"
|
|
description="Retrouvez les réponses aux questions les plus posées concernant nos services et processus de rénovation."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Contactez-nous"
|
|
title="Prêt à démarrer votre projet ?"
|
|
description="Remplissez le formulaire ci-dessous ou appelez-nous pour discuter de vos idées et obtenir un devis personnalisé."
|
|
inputPlaceholder="Votre adresse email"
|
|
buttonText="Envoyer"
|
|
termsText="En cliquant sur Envoyer, vous acceptez nos conditions générales."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/meeting-young-creative-architects_329181-9639.jpg"
|
|
imageAlt="Vue d'ensemble de l'équipe BDOM Rénovation"
|
|
logoText="BDOM Rénovation"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Rénovation Cuisines", href: "#services"},
|
|
{
|
|
label: "Rénovation SDB", href: "#services"},
|
|
{
|
|
label: "Extensions", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "BDOM", items: [
|
|
{
|
|
label: "À Propos", href: "#about"},
|
|
{
|
|
label: "Nos Projets", href: "#projects"},
|
|
{
|
|
label: "Témoignages", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Ressources", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Conditions Générales", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 BDOM Rénovation. Tous droits réservés."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|