From 9389e3ce7290cbfa925416af6e7ea6eca417e283 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 19:07:29 +0000 Subject: [PATCH 1/3] Update src/app/about/page.tsx --- src/app/about/page.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 750931b..73608d8 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -63,7 +63,7 @@ export default function AboutPage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="mediumLargeSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="shadow" secondaryButtonStyle="glass" @@ -75,7 +75,7 @@ export default function AboutPage() {
Date: Sat, 7 Mar 2026 19:07:30 +0000 Subject: [PATCH 2/3] Update src/app/page.tsx --- src/app/page.tsx | 275 +++++++++++------------------------------------ 1 file changed, 61 insertions(+), 214 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 42c3586..b5e1e4a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,6 +5,7 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard"; import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen"; import ProductCardOne from "@/components/sections/product/ProductCardOne"; +import AboutMetric from "@/components/sections/about/AboutMetric"; import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import FaqSplitText from "@/components/sections/faq/FaqSplitText"; import ContactFaq from "@/components/sections/contact/ContactFaq"; @@ -17,12 +18,14 @@ import { Ruler, Home, Paintbrush, - Star, - Phone, + Zap, + Images, CheckCircle, Users, Award, MapPin, + Star, + Phone, } from "lucide-react"; export default function HomePage() { @@ -38,15 +41,15 @@ export default function HomePage() { { items: [ { label: "Accueil", href: "/" }, - { label: "Services", href: "#services" }, - { label: "Réalisations", href: "#projects" }, + { label: "Services", href: "/#services" }, + { label: "Réalisations", href: "/#projects" }, ], }, { items: [ - { label: "À propos", href: "/about" }, - { label: "Contact", href: "#contact" }, - { label: "Devis gratuit", href: "#contact" }, + { label: "À propos", href: "/#about" }, + { label: "Contact", href: "/#contact" }, + { label: "Devis gratuit", href: "/#contact" }, ], }, { @@ -72,7 +75,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="mediumLargeSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="shadow" secondaryButtonStyle="glass" @@ -93,12 +96,10 @@ export default function HomePage() { { text: "Appeler maintenant", href: "tel:+32123456789" }, { text: "Demander un devis gratuit", href: "#contact" }, ]} - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} dashboard={{ - title: "Nos services clés", - logoIcon: Building2, - imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35532.jpg?_wi=1", - sidebarItems: [ + title: "Nos services clés", logoIcon: Building2, + imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35532.jpg", imageAlt: "modern construction site project building", sidebarItems: [ { icon: Hammer, active: true }, { icon: Wrench }, { icon: Ruler }, @@ -108,43 +109,23 @@ export default function HomePage() { { text: "Projets", href: "#projects" }, ], stats: [ - { - title: "Projets réalisés", - values: [150, 185, 220], - description: "Satisfaits depuis 2008", - }, - { - title: "Clients heureux", - values: [98, 98, 99], - valueSuffix: "%", - description: "Taux de satisfaction", - }, - { - title: "Années d'expérience", - values: [10, 12, 15], - description: "En construction locale", - }, + { title: "Projets réalisés", values: [150, 185, 220], description: "Satisfaits depuis 2008" }, + { title: "Clients heureux", values: [98, 98, 99], valueSuffix: "%", description: "Taux de satisfaction" }, + { title: "Années d'expérience", values: [10, 12, 15], description: "En construction locale" }, ], - chartTitle: "Croissance annuelle", - chartData: [ + chartTitle: "Croissance annuelle", chartData: [ { value: 45 }, { value: 60 }, { value: 75 }, { value: 85 }, { value: 95 }, ], - listTitle: "Derniers projets", - listItems: [ + listTitle: "Derniers projets", listItems: [ { icon: Home, title: "Extension résidentielle", status: "Terminé" }, - { - icon: Paintbrush, - title: "Rénovation intérieure", - status: "En cours", - }, - { icon: Hammer, title: "Toiture complète", status: "Terminé" }, + { icon: Paintbrush, title: "Rénovation intérieure", status: "En cours" }, + { icon: Building2, title: "Toiture complète", status: "Terminé" }, ], - searchPlaceholder: "Rechercher un service...", - }} + searchPlaceholder: "Rechercher un service..."}} />
@@ -153,54 +134,26 @@ export default function HomePage() { title="Nos services professionnels" description="Découvrez la gamme complète de services de construction et rénovation adaptés à vos besoins locaux." tag="Services spécialisés" - tagIcon={Star} + tagIcon={Zap} tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} features={[ { id: 1, - tag: "Expertise", - title: "Construction neuve", - subtitle: "Construire votre maison de rêve", - description: - "Nous réalisons des constructions résidentielles complètes avec les meilleurs matériaux et normes de qualité. De la fondation à la finition, nous gérons chaque étape avec professionnalisme.", - imageSrc: - "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278578.jpg?_wi=1", - buttons: [{ text: "En savoir plus", href: "/projects" }], + tag: "Expertise", title: "Construction neuve", subtitle: "Construire votre maison de rêve", description: "Nous réalisons des constructions résidentielles complètes avec les meilleurs matériaux et normes de qualité. De la fondation à la finition, nous gérons chaque étape avec professionnalisme.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278578.jpg", imageAlt: "completed renovation house transformation", buttons: [{ text: "En savoir plus", href: "#projects" }], }, { id: 2, - tag: "Transformation", - title: "Rénovation complète", - subtitle: "Modernisez votre espace de vie", - description: - "Transformez votre habitation existante avec nos solutions de rénovation intérieure et extérieure. Cuisine, salle de bain, peinture, isolation - nous prenons soin de tous les détails.", - imageSrc: - "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=1", - buttons: [{ text: "Voir les projets", href: "/projects" }], + tag: "Transformation", title: "Rénovation complète", subtitle: "Modernisez votre espace de vie", description: "Transformez votre habitation existante avec nos solutions de rénovation intérieure et extérieure. Cuisine, salle de bain, peinture, isolation - nous prenons soin de tous les détails.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "home renovation before after interior", buttons: [{ text: "Voir les projets", href: "#projects" }], }, { id: 3, - tag: "Agrandissement", - title: "Extension et agrandissement", - subtitle: "Gagnez de l'espace", - description: - "Étendez votre propriété avec des extensions parfaitement intégrées. Nos architectes conçoivent des ajouts qui complètent harmonieusement votre demeure existante.", - imageSrc: - "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg?_wi=1", - buttons: [{ text: "Consulter", href: "#contact" }], + tag: "Agrandissement", title: "Extension et agrandissement", subtitle: "Gagnez de l'espace", description: "Étendez votre propriété avec des extensions parfaitement intégrées. Nos architectes conçoivent des ajouts qui complètent harmonieusement votre demeure existante.", imageSrc: "http://img.b2bpic.net/free-photo/architects-looking-plan-front-house_23-2147813100.jpg", imageAlt: "house extension construction project building", buttons: [{ text: "Consulter", href: "#contact" }], }, { id: 4, - tag: "Protection", - title: "Toiture et couverture", - subtitle: "Protégez votre maison", - description: - "Installation et réparation de toitures professionnelles avec garantie. Nous utilisons des matériaux durables pour assurer la protection maximale de votre propriété.", - imageSrc: - "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg?_wi=1", - buttons: [{ text: "Demander un devis", href: "#contact" }], + tag: "Protection", title: "Toiture et couverture", subtitle: "Protégez votre maison", description: "Installation et réparation de toitures professionnelles avec garantie. Nous utilisons des matériaux durables pour assurer la protection maximale de votre propriété.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg", imageAlt: "roofing construction professional roofer", buttons: [{ text: "Demander un devis", href: "#contact" }], }, ]} /> @@ -211,7 +164,7 @@ export default function HomePage() { title="Nos réalisations récentes" description="Explorez notre portefeuille de projets de construction et rénovation dans votre région. Chaque projet reflète notre engagement envers l'excellence." tag="Portfolio" - tagIcon={Star} + tagIcon={Images} tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} @@ -219,29 +172,25 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "proj-1", - name: "Maison résidentielle neuve", - price: "€180,000", - imageSrc: - "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278578.jpg?_wi=2", - imageAlt: "Construction maison résidentielle", - }, + id: "proj-1", name: "Maison résidentielle neuve", price: "€180,000", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278578.jpg", imageAlt: "completed renovation house transformation"}, { - id: "proj-2", - name: "Rénovation cuisine complète", - price: "€35,000", - imageSrc: - "http://img.b2bpic.net/free-photo/installation-new-tiles-wall-using-laser-level-laser-level-illuminates-installation-site-professional-approach_166373-2079.jpg?_wi=1", - imageAlt: "Rénovation cuisine moderne", - }, + id: "proj-2", name: "Rénovation cuisine complète", price: "€35,000", imageSrc: "http://img.b2bpic.net/free-photo/installation-new-tiles-wall-using-laser-level-laser-level-illuminates-installation-site-professional-approach_166373-2079.jpg", imageAlt: "kitchen renovation modern design completed"}, { - id: "proj-3", - name: "Extension terrasse", - price: "€28,000", - imageSrc: - "http://img.b2bpic.net/free-photo/creative-landscape-design-beautiful-house_181624-40962.jpg?_wi=1", - imageAlt: "Extension terrasse extérieure", - }, + id: "proj-3", name: "Extension terrasse", price: "€28,000", imageSrc: "http://img.b2bpic.net/free-photo/creative-landscape-design-beautiful-house_181624-40962.jpg", imageAlt: "house extension addition completed beautiful"}, + ]} + /> + + +
+
@@ -249,7 +198,7 @@ export default function HomePage() {
@@ -347,41 +230,17 @@ export default function HomePage() { textPosition="left" faqs={[ { - id: "1", - title: "Quel est votre zone d'intervention?", - content: - "BuildPro intervient sur toute la Belgique. Notre zone de service principal couvre les régions de Wallonie et Flandre. Contactez-nous pour vérifier la disponibilité pour votre localisation.", - }, + id: "1", title: "Quel est votre zone d'intervention?", content: "BuildPro intervient sur toute la Belgique. Notre zone de service principal couvre les régions de Wallonie et Flandre. Contactez-nous pour vérifier la disponibilité pour votre localisation."}, { - id: "2", - title: "Comment obtenir un devis gratuit?", - content: - "Vous pouvez demander un devis gratuit directement via notre formulaire de contact ou en nous appelant. Une visite de votre projet est organisée pour établir une estimation précise et sans engagement.", - }, + id: "2", title: "Comment obtenir un devis gratuit?", content: "Vous pouvez demander un devis gratuit directement via notre formulaire de contact ou en nous appelant. Une visite de votre projet est organisée pour établir une estimation précise et sans engagement."}, { - id: "3", - title: "Combien de temps dure généralement un projet?", - content: - "La durée varie selon la complexité du projet. Une rénovation simple peut prendre 2-4 semaines, tandis qu'une construction neuve peut prendre plusieurs mois. Nous établissons un calendrier détaillé à la signature du contrat.", - }, + id: "3", title: "Combien de temps dure généralement un projet?", content: "La durée varie selon la complexité du projet. Une rénovation simple peut prendre 2-4 semaines, tandis qu'une construction neuve peut prendre plusieurs mois. Nous établissons un calendrier détaillé à la signature du contrat."}, { - id: "4", - title: "Offrez-vous une garantie sur vos travaux?", - content: - "Oui, nous offrons une garantie de 2 ans sur tous nos travaux. Tous les matériaux et la main-d'œuvre sont couverts. Nous respectons également les normes de construction belges en vigueur.", - }, + id: "4", title: "Offrez-vous une garantie sur vos travaux?", content: "Oui, nous offrons une garantie de 2 ans sur tous nos travaux. Tous les matériaux et la main-d'œuvre sont couverts. Nous respectons également les normes de construction belges en vigueur."}, { - id: "5", - title: "Quels sont vos modes de paiement?", - content: - "Nous acceptons les paiements par virement bancaire, chèque et virement. Un acompte est généralement demandé pour débuter les travaux, avec paiements échelonnés selon la progression du projet.", - }, + id: "5", title: "Quels sont vos modes de paiement?", content: "Nous acceptons les paiements par virement bancaire, chèque et virement. Un acompte est généralement demandé pour débuter les travaux, avec paiements échelonnés selon la progression du projet."}, { - id: "6", - title: "Pouvez-vous m'aider pour les permis de construction?", - content: - "Oui, nous pouvons vous assister dans les démarches administratives et les demandes de permis. Notre expérience nous permet de naviguer facilement les processus administratifs belges.", - }, + id: "6", title: "Pouvez-vous m'aider pour les permis de construction?", content: "Oui, nous pouvons vous assister dans les démarches administratives et les demandes de permis. Notre expérience nous permet de naviguer facilement les processus administratifs belges."}, ]} /> @@ -396,23 +255,11 @@ export default function HomePage() { animationType="slide-up" faqs={[ { - id: "1", - title: "Comment puis-je commencer mon projet?", - content: - "Appelez-nous ou remplissez notre formulaire de contact. Un membre de notre équipe prendra rendez-vous pour une consultation gratuite sur site.", - }, + id: "1", title: "Comment puis-je commencer mon projet?", content: "Appelez-nous ou remplissez notre formulaire de contact. Un membre de notre équipe prendra rendez-vous pour une consultation gratuite sur site."}, { - id: "2", - title: "Y a-t-il des frais de consultation?", - content: - "Non, la consultation initiale et le devis sont complètement gratuits et sans engagement. Vous ne payez que si vous décidez de poursuivre avec nos services.", - }, + id: "2", title: "Y a-t-il des frais de consultation?", content: "Non, la consultation initiale et le devis sont complètement gratuits et sans engagement. Vous ne payez que si vous décidez de poursuivre avec nos services."}, { - id: "3", - title: "Que comprend votre contrat?", - content: - "Notre contrat inclut une description détaillée du travail, le calendrier, le coût total, les garanties et les conditions de paiement. Tout est clairement documenté.", - }, + id: "3", title: "Que comprend votre contrat?", content: "Notre contrat inclut une description détaillée du travail, le calendrier, le coût total, les garanties et les conditions de paiement. Tout est clairement documenté."}, ]} /> -- 2.49.1 From be655b3c9c5339af9ffa1268503fa42c9442071f Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 19:07:30 +0000 Subject: [PATCH 3/3] Update src/app/projects/page.tsx --- src/app/projects/page.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx index 784e605..198c06f 100644 --- a/src/app/projects/page.tsx +++ b/src/app/projects/page.tsx @@ -7,7 +7,7 @@ import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNinete import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; import Link from "next/link"; -import { Star, Hammer } from "lucide-react"; +import { Star, Hammer, Images } from "lucide-react"; export default function ProjectsPage() { const navItems = [ @@ -56,7 +56,7 @@ export default function ProjectsPage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="mediumLargeSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="shadow" secondaryButtonStyle="glass" @@ -71,7 +71,7 @@ export default function ProjectsPage() { title="Notre portefeuille complet" description="Découvrez l'ensemble de nos réalisations en construction, rénovation et extension. Chaque projet témoigne de notre expertise et de notre engagement envers l'excellence." tag="Tous nos projets" - tagIcon={Star} + tagIcon={Images} tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} -- 2.49.1