Update src/app/page.tsx
This commit is contained in:
298
src/app/page.tsx
298
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "#about",
|
||||
},
|
||||
name: "À Propos", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projets",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projets", id: "#projects"},
|
||||
{
|
||||
name: "Réalisations",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Réalisations", id: "#metrics"},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Témoignages", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BDOM Rénovation"
|
||||
/>
|
||||
@@ -72,19 +56,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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: "Découvrir nos services", href: "#services"},
|
||||
{
|
||||
text: "Nous contacter",
|
||||
href: "#contact",
|
||||
},
|
||||
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"
|
||||
@@ -100,19 +79,13 @@ export default function LandingPage() {
|
||||
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: "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: "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,
|
||||
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"
|
||||
@@ -128,54 +101,21 @@ export default function LandingPage() {
|
||||
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-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-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-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",
|
||||
},
|
||||
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."
|
||||
@@ -188,49 +128,20 @@ export default function LandingPage() {
|
||||
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-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-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-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-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-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",
|
||||
},
|
||||
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."
|
||||
@@ -246,20 +157,11 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "15+",
|
||||
description: "Années d'Expérience",
|
||||
},
|
||||
id: "metric-1", value: "15+", description: "Années d'Expérience"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "250+",
|
||||
description: "Projets Réalisés",
|
||||
},
|
||||
id: "metric-2", value: "250+", description: "Projets Réalisés"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "98%",
|
||||
description: "Clients Satisfaits",
|
||||
},
|
||||
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."
|
||||
@@ -275,50 +177,20 @@ export default function LandingPage() {
|
||||
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-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-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-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-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",
|
||||
},
|
||||
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."
|
||||
@@ -331,35 +203,17 @@ export default function LandingPage() {
|
||||
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-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-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-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-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-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.",
|
||||
},
|
||||
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."
|
||||
@@ -371,8 +225,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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é."
|
||||
@@ -389,54 +242,33 @@ export default function LandingPage() {
|
||||
logoText="BDOM Rénovation"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Rénovation Cuisines",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Rénovation Cuisines", href: "#services"},
|
||||
{
|
||||
label: "Rénovation SDB",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Rénovation SDB", href: "#services"},
|
||||
{
|
||||
label: "Extensions",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Extensions", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "BDOM",
|
||||
items: [
|
||||
title: "BDOM", items: [
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos", href: "#about"},
|
||||
{
|
||||
label: "Nos Projets",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Nos Projets", href: "#projects"},
|
||||
{
|
||||
label: "Témoignages",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Témoignages", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ressources",
|
||||
items: [
|
||||
title: "Ressources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Conditions Générales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Conditions Générales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user