|
|
|
|
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
|
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
|
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
|
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
|
|
|
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";
|
|
|
|
|
@@ -19,6 +19,7 @@ import {
|
|
|
|
|
Home,
|
|
|
|
|
Paintbrush,
|
|
|
|
|
Zap,
|
|
|
|
|
Images,
|
|
|
|
|
CheckCircle,
|
|
|
|
|
Users,
|
|
|
|
|
Award,
|
|
|
|
|
@@ -31,7 +32,7 @@ export default function HomePage() {
|
|
|
|
|
const navItems = [
|
|
|
|
|
{ name: "Accueil", id: "hero" },
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "Tarification", id: "pricing" },
|
|
|
|
|
{ name: "Réalisations", id: "projects" },
|
|
|
|
|
{ name: "À propos", id: "about" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
];
|
|
|
|
|
@@ -41,7 +42,7 @@ export default function HomePage() {
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Accueil", href: "/" },
|
|
|
|
|
{ label: "Services", href: "/#services" },
|
|
|
|
|
{ label: "Tarification", href: "/#pricing" },
|
|
|
|
|
{ label: "Réalisations", href: "/#projects" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
@@ -87,13 +88,13 @@ export default function HomePage() {
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardDashboard
|
|
|
|
|
title="Entreprise de construction et rénovation en Belgique"
|
|
|
|
|
description="Transformez votre maison avec nos services professionnels de construction, rénovation et extension. Plus de 10 ans d'expérience locale au service de votre confiance."
|
|
|
|
|
description="Transformez votre maison avec nos services professionnels de construction, rénovation et extension. Plus de 15 ans d'expérience locale au service de votre confiance."
|
|
|
|
|
tag="Construction locale fiable"
|
|
|
|
|
tagIcon={Building2}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Appeler maintenant", href: "tel:+32123456789" },
|
|
|
|
|
{ text: "Demander un devis gratuit", href: "#contact" },
|
|
|
|
|
{ text: "Appeler maintenant", href: "tel:+32123456789" },
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
dashboard={{
|
|
|
|
|
@@ -105,12 +106,12 @@ export default function HomePage() {
|
|
|
|
|
],
|
|
|
|
|
buttons: [
|
|
|
|
|
{ text: "Services", href: "#services" },
|
|
|
|
|
{ text: "Tarifs", href: "#pricing" },
|
|
|
|
|
{ text: "Projets", href: "#projects" },
|
|
|
|
|
],
|
|
|
|
|
stats: [
|
|
|
|
|
{ title: "Projets réalisés", values: [120, 150, 180], description: "Satisfaits depuis 2015" },
|
|
|
|
|
{ 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: [8, 9, 10], description: "En construction locale" },
|
|
|
|
|
{ title: "Années d'expérience", values: [10, 12, 15], description: "En construction locale" },
|
|
|
|
|
],
|
|
|
|
|
chartTitle: "Croissance annuelle", chartData: [
|
|
|
|
|
{ value: 45 },
|
|
|
|
|
@@ -124,8 +125,7 @@ export default function HomePage() {
|
|
|
|
|
{ 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..."}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -141,11 +141,11 @@ export default function HomePage() {
|
|
|
|
|
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", imageAlt: "completed renovation house transformation", buttons: [{ text: "En savoir plus", href: "#pricing" }],
|
|
|
|
|
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", 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", imageAlt: "home renovation before after interior", buttons: [{ text: "Voir les tarifs", href: "#pricing" }],
|
|
|
|
|
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,
|
|
|
|
|
@@ -159,45 +159,37 @@ export default function HomePage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardNine
|
|
|
|
|
title="Nos tarifs de rénovation"
|
|
|
|
|
description="Une rénovation d'appartement complète à partir de 900 euros par m² (matériaux inclus). Tarification transparente et devis sans engagement."
|
|
|
|
|
tag="Tarification transparente"
|
|
|
|
|
tagIcon={Hammer}
|
|
|
|
|
<div id="projects" data-section="projects">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
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={Images}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
plans={[
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "renovation-standard", title: "Rénovation Standard", price: "900€", period: "par m²", 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: "Standard renovation works included", button: { text: "Demander un devis", href: "#contact" },
|
|
|
|
|
features: [
|
|
|
|
|
"Peinture et revêtements muraux", "Carrelage et sols", "Plomberie de base", "Installation électrique", "Matériaux inclus"],
|
|
|
|
|
},
|
|
|
|
|
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: "completed renovation house transformation"},
|
|
|
|
|
{
|
|
|
|
|
id: "renovation-premium", title: "Rénovation Premium", price: "1,200€", period: "par m²", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg", imageAlt: "Premium renovation high-end finishes", button: { text: "Demander un devis", href: "#contact" },
|
|
|
|
|
features: [
|
|
|
|
|
"Finitions haut de gamme", "Matériaux premium", "Cuisine équipée", "Salle de bain moderne", "Isolation thermique"],
|
|
|
|
|
},
|
|
|
|
|
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: "kitchen renovation modern design completed"},
|
|
|
|
|
{
|
|
|
|
|
id: "renovation-deluxe", title: "Rénovation Déluxe", price: "1,500€", period: "par m²", imageSrc: "http://img.b2bpic.net/free-photo/creative-landscape-design-beautiful-house_181624-40962.jpg?_wi=1", imageAlt: "Luxury renovation complete transformation", button: { text: "Demander un devis", href: "#contact" },
|
|
|
|
|
features: [
|
|
|
|
|
"Design personnalisé", "Matériaux luxe", "Domotique intégrée", "Efficacité énergétique", "Aménagement sur mesure"],
|
|
|
|
|
},
|
|
|
|
|
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: "house extension addition completed beautiful"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<AboutMetric
|
|
|
|
|
title="BuildPro - Votre partenaire en construction locale. Avec 10 ans d'expérience, nous alions fiabilité, expertise et passion pour transformer vos projets immobiliers en réalité."
|
|
|
|
|
title="BuildPro - Votre partenaire en construction locale depuis 2008. Nous alions expérience, fiabilité et expertise pour transformer vos projets immobiliers en réalité."
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: CheckCircle, label: "Projets réalisés", value: "180+" },
|
|
|
|
|
{ icon: CheckCircle, label: "Projets réalisés", value: "220+" },
|
|
|
|
|
{ icon: Users, label: "Clients satisfaits", value: "99%" },
|
|
|
|
|
{ icon: Award, label: "Années d'expérience", value: "10" },
|
|
|
|
|
{ icon: Award, label: "Années d'expérience", value: "15+" },
|
|
|
|
|
{ icon: MapPin, label: "Zone d'intervention", value: "Belgique" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
|
