Merge version_2 into main #3
213
src/app/page.tsx
213
src/app/page.tsx
@@ -6,9 +6,10 @@ import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Hammer, Wrench, CheckCircle, Camera, Star } from "lucide-react";
|
||||
import { Hammer, Wrench, CheckCircle, Camera, Star, Euro } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -22,8 +23,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Rénovation", href: "/services" },
|
||||
{ label: "Construction", href: "/services" },
|
||||
{ label: "Maçonnerie", href: "/services" },
|
||||
@@ -31,8 +31,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À propos", href: "/about" },
|
||||
{ label: "Nos Réalisations", href: "/portfolio" },
|
||||
{ label: "Avis Clients", href: "/" },
|
||||
@@ -40,8 +39,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Téléphone: +32 (0) 2 123 45 67", href: "tel:+32212345678" },
|
||||
{ label: "Email: info@webild.be", href: "mailto:info@webild.be" },
|
||||
{ label: "Belgique", href: "#" },
|
||||
@@ -49,8 +47,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{ label: "Politique de Confidentialité", href: "#" },
|
||||
{ label: "Conditions d'Utilisation", href: "#" },
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
@@ -88,13 +85,9 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108529.jpg",
|
||||
imageAlt: "Chantier de construction professionnel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108529.jpg", imageAlt: "Chantier de construction professionnel"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-placard_23-2149366672.jpg",
|
||||
imageAlt: "Réalisation de qualité en construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-placard_23-2149366672.jpg", imageAlt: "Réalisation de qualité en construction"},
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Confiance des clients depuis 20 ans"
|
||||
@@ -116,54 +109,19 @@ export default function HomePage() {
|
||||
tagIcon={Wrench}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rénovation Maison",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=1",
|
||||
imageAlt: "Rénovation complète de maison",
|
||||
},
|
||||
id: "1", name: "Rénovation Maison", price: "À partir de 900€/m²", imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=1", imageAlt: "Rénovation complète de maison"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Construction Neuve",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1",
|
||||
imageAlt: "Construction neuve moderne",
|
||||
},
|
||||
id: "2", name: "Construction Neuve", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1", imageAlt: "Construction neuve moderne"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maçonnerie",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=1",
|
||||
imageAlt: "Travaux de maçonnerie professionnels",
|
||||
},
|
||||
id: "3", name: "Maçonnerie", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=1", imageAlt: "Travaux de maçonnerie professionnels"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Terrasse",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair-dining-set-nearly-sea-ocean-beach-white-cloud-blue-sky_74190-9983.jpg?_wi=1",
|
||||
imageAlt: "Construction de terrasse extérieure",
|
||||
},
|
||||
id: "4", name: "Terrasse", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair-dining-set-nearly-sea-ocean-beach-white-cloud-blue-sky_74190-9983.jpg?_wi=1", imageAlt: "Construction de terrasse extérieure"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Toiture",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=1",
|
||||
imageAlt: "Travaux de toiture de qualité",
|
||||
},
|
||||
id: "5", name: "Toiture", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=1", imageAlt: "Travaux de toiture de qualité"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Extension Maison",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg?_wi=1",
|
||||
imageAlt: "Extension résidentielle moderne",
|
||||
},
|
||||
id: "6", name: "Extension Maison", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg?_wi=1", imageAlt: "Extension résidentielle moderne"},
|
||||
{
|
||||
id: "7",
|
||||
name: "Aménagement Extérieur",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-chest-vegetables_329181-12449.jpg?_wi=1",
|
||||
imageAlt: "Aménagement paysager professionnel",
|
||||
},
|
||||
id: "7", name: "Aménagement Extérieur", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-chest-vegetables_329181-12449.jpg?_wi=1", imageAlt: "Aménagement paysager professionnel"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -182,22 +140,11 @@ export default function HomePage() {
|
||||
tagIcon={CheckCircle}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Travail bâclé et sans suivi",
|
||||
"Délais non respectés",
|
||||
"Coûts cachés et surprises",
|
||||
"Pas de garantie ou d'assurance",
|
||||
"Communication inexistante",
|
||||
],
|
||||
"Travail bâclé et sans suivi", "Délais non respectés", "Coûts cachés et surprises", "Pas de garantie ou d'assurance", "Communication inexistante"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"✔ Travail soigné et professionnel",
|
||||
"✔ Respect des délais convenus",
|
||||
"✔ Devis transparent et rapide",
|
||||
"✔ Garantie et assurance complètes",
|
||||
"✔ Communication régulière et claire",
|
||||
"✔ Plus de 20 années d'expérience",
|
||||
],
|
||||
"✔ Travail soigné et professionnel", "✔ Respect des délais convenus", "✔ Devis transparent et rapide", "✔ Garantie et assurance complètes", "✔ Communication régulière et claire", "✔ Plus de 20 années d'expérience"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -206,6 +153,32 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Nos Tarifs de Rénovation"
|
||||
description="Rénovation complète avec matériaux inclus. Devis gratuit et sans engagement."
|
||||
tag="Tarification"
|
||||
tagIcon={Euro}
|
||||
plans={[
|
||||
{
|
||||
id: "renovation-complete", title: "Rénovation Complète", price: "900", period: "€/m²", imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=1", imageAlt: "Rénovation complète avec matériaux", button: { text: "Demander un Devis", href: "/contact" },
|
||||
features: [
|
||||
"✔ Matériaux de qualité inclus", "✔ Main d'œuvre professionnelle", "✔ Garantie de 5 ans", "✔ Suivi de chantier régulier", "✔ Nettoyage et finitions"],
|
||||
},
|
||||
{
|
||||
id: "renovation-standard", title: "Rénovation Partielle", price: "Sur devis", period: "", imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=1", imageAlt: "Rénovation partielle", button: { text: "Contacter", href: "/contact" },
|
||||
features: [
|
||||
"✔ Devis personnalisé", "✔ Choix des matériaux", "✔ Travaux ciblés", "✔ Flexibilité de budget", "✔ Équipe expérimentée"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<TestimonialCardOne
|
||||
title="Nos Réalisations"
|
||||
@@ -214,59 +187,23 @@ export default function HomePage() {
|
||||
tagIcon={Camera}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rénovation Complète",
|
||||
role: "Maison - Bruxelles",
|
||||
company: "2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-watching-smartphone-office_23-2147668943.jpg?_wi=1",
|
||||
imageAlt: "Rénovation complète intérieur maison bruxelles",
|
||||
},
|
||||
id: "1", name: "Rénovation Complète", role: "Maison - Bruxelles", company: "2024", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-watching-smartphone-office_23-2147668943.jpg?_wi=1", imageAlt: "Rénovation complète intérieur maison bruxelles"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Extension Résidentielle",
|
||||
role: "Addition 50m² - Liège",
|
||||
company: "2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571916.jpg?_wi=1",
|
||||
imageAlt: "Extension 50 mètres carré maison liège",
|
||||
},
|
||||
id: "2", name: "Extension Résidentielle", role: "Addition 50m² - Liège", company: "2024", rating: 5,
|
||||
videoSrc: "https://www.youtube.com/embed/dQw4w9WgXcQ", videoAriaLabel: "Vidéo extension résidentielle Liège"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Terrasse Extérieure",
|
||||
role: "Piscine & Terrasse - Namur",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2669.jpg?_wi=1",
|
||||
imageAlt: "Terrasse piscine extérieur namur belgique",
|
||||
},
|
||||
id: "3", name: "Terrasse Extérieure", role: "Piscine & Terrasse - Namur", company: "2023", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2669.jpg?_wi=1", imageAlt: "Terrasse piscine extérieur namur belgique"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Construction Neuve",
|
||||
role: "Maison moderne 150m² - Charleroi",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-5097.jpg?_wi=1",
|
||||
imageAlt: "Construction maison neuve moderne 150m charleroi",
|
||||
},
|
||||
id: "4", name: "Construction Neuve", role: "Maison moderne 150m² - Charleroi", company: "2023", rating: 5,
|
||||
videoSrc: "https://www.youtube.com/embed/jNQXAC9IVRw", videoAriaLabel: "Vidéo construction maison neuve Charleroi"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rénovation Toiture",
|
||||
role: "Toiture complète - Anvers",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-high-angle_23-2149714277.jpg?_wi=1",
|
||||
imageAlt: "Rénovation toiture ardoise anvers belgique",
|
||||
},
|
||||
id: "5", name: "Rénovation Toiture", role: "Toiture complète - Anvers", company: "2023", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-high-angle_23-2149714277.jpg?_wi=1", imageAlt: "Rénovation toiture ardoise anvers belgique"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Aménagement Extérieur",
|
||||
role: "Jardin paysager - Mons",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-chair-with-white-umbrella-outdoor-patio_74190-1917.jpg?_wi=1",
|
||||
imageAlt: "Jardin paysager aménagement mons belgique",
|
||||
},
|
||||
id: "6", name: "Aménagement Extérieur", role: "Jardin paysager - Mons", company: "2023", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-chair-with-white-umbrella-outdoor-patio_74190-1917.jpg?_wi=1", imageAlt: "Jardin paysager aménagement mons belgique"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -284,41 +221,17 @@ export default function HomePage() {
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc Dupont",
|
||||
role: "Propriétaire",
|
||||
company: "Bruxelles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
|
||||
imageAlt: "Portrait homme client satisfait sourire",
|
||||
},
|
||||
id: "1", name: "Marc Dupont", role: "Propriétaire", company: "Bruxelles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageAlt: "Portrait homme client satisfait sourire"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie Bernard",
|
||||
role: "Propriétaire",
|
||||
company: "Liège",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-background-hairstyle-one-zipper_1139-779.jpg",
|
||||
imageAlt: "Portrait femme propriétaire satisfaction sourire",
|
||||
},
|
||||
id: "2", name: "Sophie Bernard", role: "Propriétaire", company: "Liège", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-background-hairstyle-one-zipper_1139-779.jpg", imageAlt: "Portrait femme propriétaire satisfaction sourire"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jean-Pierre Martin",
|
||||
role: "Propriétaire",
|
||||
company: "Namur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-man-taking-stroll_23-2150233326.jpg",
|
||||
imageAlt: "Portrait homme senior propriétaire belgique",
|
||||
},
|
||||
id: "3", name: "Jean-Pierre Martin", role: "Propriétaire", company: "Namur", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-man-taking-stroll_23-2150233326.jpg", imageAlt: "Portrait homme senior propriétaire belgique"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Catherine Lefevre",
|
||||
role: "Propriétaire",
|
||||
company: "Charleroi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-3855.jpg",
|
||||
imageAlt: "Portrait femme charleroi proprietaire satisfaction",
|
||||
},
|
||||
id: "4", name: "Catherine Lefevre", role: "Propriétaire", company: "Charleroi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-doing-okay-symbol_1187-3855.jpg", imageAlt: "Portrait femme charleroi proprietaire satisfaction"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
|
||||
@@ -19,8 +19,7 @@ export default function PortfolioPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Rénovation", href: "/#services" },
|
||||
{ label: "Construction", href: "/#services" },
|
||||
{ label: "Maçonnerie", href: "/#services" },
|
||||
@@ -28,8 +27,7 @@ export default function PortfolioPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À propos", href: "/about" },
|
||||
{ label: "Nos Réalisations", href: "/portfolio" },
|
||||
{ label: "Avis Clients", href: "/#testimonials" },
|
||||
@@ -37,8 +35,7 @@ export default function PortfolioPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Téléphone: +32 (0) 2 123 45 67", href: "tel:+32212345678" },
|
||||
{ label: "Email: info@webild.be", href: "mailto:info@webild.be" },
|
||||
{ label: "Belgique", href: "#" },
|
||||
@@ -46,8 +43,7 @@ export default function PortfolioPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{ label: "Politique de Confidentialité", href: "#" },
|
||||
{ label: "Conditions d'Utilisation", href: "#" },
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
@@ -73,9 +69,7 @@ export default function PortfolioPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Demander un devis",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Demander un devis", href: "#contact"}}
|
||||
brandName="Webild Construction"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,64 +78,28 @@ export default function PortfolioPage() {
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<TestimonialCardOne
|
||||
title="Nos Réalisations"
|
||||
description="Découvrez tous nos projets réussis et les transformations que nous avons accomplies pour nos clients en Belgique."
|
||||
description="Découvrez tous nos projets réussis et les transformations que nous avons accomplies pour nos clients en Belgique. Nos réalisations incluent des photos et vidéos de chantiers."
|
||||
tag="Portfolio Complet"
|
||||
tagIcon={Camera}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rénovation Complète",
|
||||
role: "Maison - Bruxelles",
|
||||
company: "2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-watching-smartphone-office_23-2147668943.jpg?_wi=2",
|
||||
imageAlt: "Rénovation complète intérieur maison bruxelles",
|
||||
},
|
||||
id: "1", name: "Rénovation Complète", role: "Maison - Bruxelles", company: "2024", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-watching-smartphone-office_23-2147668943.jpg?_wi=2", imageAlt: "Rénovation complète intérieur maison bruxelles"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Extension Résidentielle",
|
||||
role: "Addition 50m² - Liège",
|
||||
company: "2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571916.jpg?_wi=2",
|
||||
imageAlt: "Extension 50 mètres carré maison liège",
|
||||
},
|
||||
id: "2", name: "Extension Résidentielle", role: "Addition 50m² - Liège", company: "2024", rating: 5,
|
||||
videoSrc: "https://www.youtube.com/embed/dQw4w9WgXcQ", videoAriaLabel: "Vidéo extension résidentielle Liège"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Terrasse Extérieure",
|
||||
role: "Piscine & Terrasse - Namur",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2669.jpg?_wi=2",
|
||||
imageAlt: "Terrasse piscine extérieur namur belgique",
|
||||
},
|
||||
id: "3", name: "Terrasse Extérieure", role: "Piscine & Terrasse - Namur", company: "2023", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2669.jpg?_wi=2", imageAlt: "Terrasse piscine extérieur namur belgique"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Construction Neuve",
|
||||
role: "Maison moderne 150m² - Charleroi",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-5097.jpg?_wi=2",
|
||||
imageAlt: "Construction maison neuve moderne 150m charleroi",
|
||||
},
|
||||
id: "4", name: "Construction Neuve", role: "Maison moderne 150m² - Charleroi", company: "2023", rating: 5,
|
||||
videoSrc: "https://www.youtube.com/embed/jNQXAC9IVRw", videoAriaLabel: "Vidéo construction maison neuve Charleroi"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rénovation Toiture",
|
||||
role: "Toiture complète - Anvers",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-high-angle_23-2149714277.jpg?_wi=2",
|
||||
imageAlt: "rénovation toiture ardoise anvers belgique",
|
||||
},
|
||||
id: "5", name: "Rénovation Toiture", role: "Toiture complète - Anvers", company: "2023", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-outdoors-high-angle_23-2149714277.jpg?_wi=2", imageAlt: "rénovation toiture ardoise anvers belgique"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Aménagement Extérieur",
|
||||
role: "Jardin paysager - Mons",
|
||||
company: "2023",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-chair-with-white-umbrella-outdoor-patio_74190-1917.jpg?_wi=2",
|
||||
imageAlt: "jardin paysager aménagement mons belgique",
|
||||
},
|
||||
id: "6", name: "Aménagement Extérieur", role: "Jardin paysager - Mons", company: "2023", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-chair-with-white-umbrella-outdoor-patio_74190-1917.jpg?_wi=2", imageAlt: "jardin paysager aménagement mons belgique"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -160,13 +118,9 @@ export default function PortfolioPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un Devis",
|
||||
href: "#",
|
||||
},
|
||||
text: "Demander un Devis", href: "#"},
|
||||
{
|
||||
text: "Nous Contacter",
|
||||
href: "tel:+32123456789",
|
||||
},
|
||||
text: "Nous Contacter", href: "tel:+32123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -4,10 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import Link from "next/link";
|
||||
import { Wrench, CheckCircle } from "lucide-react";
|
||||
import { Wrench, CheckCircle, Euro } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
@@ -35,9 +36,7 @@ export default function ServicesPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Demander un devis",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Demander un devis", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,54 +49,19 @@ export default function ServicesPage() {
|
||||
tagIcon={Wrench}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rénovation Maison",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=2",
|
||||
imageAlt: "Rénovation complète de maison",
|
||||
},
|
||||
id: "1", name: "Rénovation Maison", price: "À partir de 900€/m²", imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=2", imageAlt: "Rénovation complète de maison"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Construction Neuve",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=2",
|
||||
imageAlt: "Construction neuve moderne",
|
||||
},
|
||||
id: "2", name: "Construction Neuve", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=2", imageAlt: "Construction neuve moderne"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maçonnerie",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=2",
|
||||
imageAlt: "Travaux de maçonnerie professionnels",
|
||||
},
|
||||
id: "3", name: "Maçonnerie", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=2", imageAlt: "Travaux de maçonnerie professionnels"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Terrasse",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair-dining-set-nearly-sea-ocean-beach-white-cloud-blue-sky_74190-9983.jpg?_wi=2",
|
||||
imageAlt: "Construction de terrasse extérieure",
|
||||
},
|
||||
id: "4", name: "Terrasse", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair-dining-set-nearly-sea-ocean-beach-white-cloud-blue-sky_74190-9983.jpg?_wi=2", imageAlt: "Construction de terrasse extérieure"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Toiture",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=2",
|
||||
imageAlt: "Travaux de toiture de qualité",
|
||||
},
|
||||
id: "5", name: "Toiture", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg?_wi=2", imageAlt: "Travaux de toiture de qualité"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Extension Maison",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg?_wi=2",
|
||||
imageAlt: "Extension résidentielle moderne",
|
||||
},
|
||||
id: "6", name: "Extension Maison", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-sitting-table_23-2150231683.jpg?_wi=2", imageAlt: "Extension résidentielle moderne"},
|
||||
{
|
||||
id: "7",
|
||||
name: "Aménagement Extérieur",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-chest-vegetables_329181-12449.jpg?_wi=2",
|
||||
imageAlt: "Aménagement paysager professionnel",
|
||||
},
|
||||
id: "7", name: "Aménagement Extérieur", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-chest-vegetables_329181-12449.jpg?_wi=2", imageAlt: "Aménagement paysager professionnel"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -108,6 +72,33 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pricing Section */}
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Nos Tarifs de Rénovation"
|
||||
description="Rénovation complète avec matériaux inclus. Devis gratuit et sans engagement."
|
||||
tag="Tarification"
|
||||
tagIcon={Euro}
|
||||
plans={[
|
||||
{
|
||||
id: "renovation-complete", title: "Rénovation Complète", price: "900", period: "€/m²", imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=2", imageAlt: "Rénovation complète avec matériaux", button: { text: "Demander un Devis", href: "/contact" },
|
||||
features: [
|
||||
"✔ Matériaux de qualité inclus", "✔ Main d'œuvre professionnelle", "✔ Garantie de 5 ans", "✔ Suivi de chantier régulier", "✔ Nettoyage et finitions"],
|
||||
},
|
||||
{
|
||||
id: "renovation-standard", title: "Rénovation Partielle", price: "Sur devis", period: "", imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=2", imageAlt: "Rénovation partielle", button: { text: "Contacter", href: "/contact" },
|
||||
features: [
|
||||
"✔ Devis personnalisé", "✔ Choix des matériaux", "✔ Travaux ciblés", "✔ Flexibilité de budget", "✔ Équipe expérimentée"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Our Expertise Section */}
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
@@ -117,22 +108,11 @@ export default function ServicesPage() {
|
||||
tagIcon={CheckCircle}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Résultats inconsistants",
|
||||
"Manque de suivi du projet",
|
||||
"Dépassements de budget",
|
||||
"Délais ignorés",
|
||||
"Absence de responsabilité",
|
||||
],
|
||||
"Résultats inconsistants", "Manque de suivi du projet", "Dépassements de budget", "Délais ignorés", "Absence de responsabilité"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"✔ Résultats constants et fiables",
|
||||
"✔ Suivi régulier et transparent",
|
||||
"✔ Budget maîtrisé et respecté",
|
||||
"✔ Délais tenus rigoureusement",
|
||||
"✔ Responsabilité totale garantie",
|
||||
"✔ Certification et assurance",
|
||||
],
|
||||
"✔ Résultats constants et fiables", "✔ Suivi régulier et transparent", "✔ Budget maîtrisé et respecté", "✔ Délais tenus rigoureusement", "✔ Responsabilité totale garantie", "✔ Certification et assurance"],
|
||||
}}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -150,13 +130,9 @@ export default function ServicesPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Demander un Devis",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Demander un Devis", href: "/contact"},
|
||||
{
|
||||
text: "Nous Contacter",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Nous Contacter", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,8 +143,7 @@ export default function ServicesPage() {
|
||||
logoText="Webild Construction"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Rénovation", href: "/services" },
|
||||
{ label: "Construction", href: "/services" },
|
||||
{ label: "Maçonnerie", href: "/services" },
|
||||
@@ -176,8 +151,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise",
|
||||
items: [
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À propos", href: "/" },
|
||||
{ label: "Nos Réalisations", href: "/" },
|
||||
{ label: "Avis Clients", href: "/" },
|
||||
@@ -185,8 +159,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Téléphone: +32 (0) 2 123 45 67", href: "tel:+32212345678" },
|
||||
{ label: "Email: info@webild.be", href: "mailto:info@webild.be" },
|
||||
{ label: "Belgique", href: "#" },
|
||||
@@ -194,8 +167,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{ label: "Politique de Confidentialité", href: "#" },
|
||||
{ label: "Conditions d'Utilisation", href: "#" },
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user