From 80e90d0d247b9c706fbdbc63b4bfd6687ce73751 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 12:44:44 +0000 Subject: [PATCH 1/4] Update src/app/about/page.tsx --- src/app/about/page.tsx | 68 +++++++++++++----------------------------- 1 file changed, 20 insertions(+), 48 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 918e66c..9da1483 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -11,17 +11,17 @@ import { CheckCircle } from "lucide-react"; export default function AboutPage() { const navItems = [ - { name: "Accueil", id: "home" }, - { name: "Services", id: "services" }, - { name: "Réalisations", id: "portfolio" }, - { name: "À propos", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Accueil", id: "/" }, + { name: "Services", id: "/services" }, + { name: "Produits", id: "/products" }, + { name: "Réalisations", id: "/portfolio" }, + { name: "À propos", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; const footerColumns = [ { - title: "Services", - items: [ + title: "Services", items: [ { label: "Rénovation", href: "/#services" }, { label: "Construction", href: "/#services" }, { label: "Maçonnerie", href: "/#services" }, @@ -29,8 +29,7 @@ export default function AboutPage() { ], }, { - title: "Entreprise", - items: [ + title: "Entreprise", items: [ { label: "À propos", href: "/about" }, { label: "Nos Réalisations", href: "/portfolio" }, { label: "Avis Clients", href: "/#testimonials" }, @@ -38,8 +37,7 @@ export default function AboutPage() { ], }, { - 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: "#" }, @@ -47,8 +45,7 @@ export default function AboutPage() { ], }, { - title: "Légal", - items: [ + title: "Légal", items: [ { label: "Politique de Confidentialité", href: "#" }, { label: "Conditions d'Utilisation", href: "#" }, { label: "Mentions Légales", href: "#" }, @@ -74,9 +71,7 @@ export default function AboutPage() { @@ -90,25 +85,17 @@ export default function AboutPage() { background={{ variant: "plain" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=3", - imageAlt: "Équipe professionnelle sur un chantier", - }, + imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=3", imageAlt: "Équipe professionnelle sur un chantier"}, { - imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=3", - imageAlt: "Construction de qualité en cours", - }, + imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=3", imageAlt: "Construction de qualité en cours"}, ]} rating={5} ratingText="Plus de 20 années de confiance" buttons={[ { - text: "Voir Nos Réalisations", - href: "/portfolio", - }, + text: "Voir Nos Réalisations", href: "/portfolio"}, { - text: "Nous Contacter", - href: "#contact", - }, + text: "Nous Contacter", href: "#contact"}, ]} tagAnimation="slide-up" buttonAnimation="slide-up" @@ -125,22 +112,11 @@ export default function AboutPage() { tagIcon={CheckCircle} negativeCard={{ items: [ - "Approche générique et impersonnelle", - "Manque de transparence", - "Travail précipité et sans qualité", - "Aucune responsabilité", - "Service client inexistant", - ], + "Approche générique et impersonnelle", "Manque de transparence", "Travail précipité et sans qualité", "Aucune responsabilité", "Service client inexistant"], }} positiveCard={{ items: [ - "✔ Approche personnalisée pour chaque client", - "✔ Transparence totale dans chaque démarche", - "✔ Excellence et soin dans chaque détail", - "✔ Responsabilité complète et garanties", - "✔ Service client réactif et professionnel", - "✔ Éthique professionnelle irréprochable", - ], + "✔ Approche personnalisée pour chaque client", "✔ Transparence totale dans chaque démarche", "✔ Excellence et soin dans chaque détail", "✔ Responsabilité complète et garanties", "✔ Service client réactif et professionnel", "✔ Éthique professionnelle irréprochable"], }} animationType="slide-up" textboxLayout="default" @@ -158,13 +134,9 @@ export default function AboutPage() { useInvertedBackground={false} buttons={[ { - text: "Demander un Devis", - href: "#", - }, + text: "Demander un Devis", href: "#"}, { - text: "Consultation Gratuite", - href: "tel:+32123456789", - }, + text: "Consultation Gratuite", href: "tel:+32123456789"}, ]} /> @@ -179,4 +151,4 @@ export default function AboutPage() { ); -} \ No newline at end of file +} -- 2.49.1 From b5c52fc95d03fd0899b261903015ced38372e586 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 12:44:44 +0000 Subject: [PATCH 2/4] Update src/app/contact/page.tsx --- src/app/contact/page.tsx | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index ac578eb..bed5dac 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -8,17 +8,17 @@ import Link from "next/link"; export default function ContactPage() { const navItems = [ - { name: "Accueil", id: "home" }, - { name: "Services", id: "services" }, - { name: "Réalisations", id: "portfolio" }, - { name: "À propos", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Accueil", id: "/" }, + { name: "Services", id: "/services" }, + { name: "Produits", id: "/products" }, + { name: "Réalisations", id: "/portfolio" }, + { name: "À propos", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; const footerColumns = [ { - title: "Services", - items: [ + title: "Services", items: [ { label: "Rénovation", href: "/services" }, { label: "Construction", href: "/services" }, { label: "Maçonnerie", href: "/services" }, @@ -26,8 +26,7 @@ export default function ContactPage() { ], }, { - title: "Entreprise", - items: [ + title: "Entreprise", items: [ { label: "À propos", href: "/about" }, { label: "Nos Réalisations", href: "/portfolio" }, { label: "Avis Clients", href: "/" }, @@ -35,8 +34,7 @@ export default function ContactPage() { ], }, { - 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: "#" }, @@ -44,8 +42,7 @@ export default function ContactPage() { ], }, { - title: "Légal", - items: [ + title: "Légal", items: [ { label: "Politique de Confidentialité", href: "#" }, { label: "Conditions d'Utilisation", href: "#" }, { label: "Mentions Légales", href: "#" }, @@ -96,4 +93,4 @@ export default function ContactPage() { ); -} \ No newline at end of file +} -- 2.49.1 From d19059e2b789b9db5fa4585a8dd9e8c31d448c34 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 12:44:45 +0000 Subject: [PATCH 3/4] Update src/app/page.tsx --- src/app/page.tsx | 148 +++++++++++++++++++++++++++++++++-------------- 1 file changed, 106 insertions(+), 42 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7d5257f..29587d3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,11 +21,12 @@ export default function HomePage() { testimonial: ""}); const navItems = [ - { name: "Accueil", id: "home" }, - { name: "Services", id: "services" }, - { name: "Réalisations", id: "portfolio" }, - { name: "À propos", id: "about" }, - { name: "Contact", id: "contact" }, + { name: "Accueil", id: "/" }, + { name: "Services", id: "/services" }, + { name: "Produits", id: "/products" }, + { name: "Réalisations", id: "/portfolio" }, + { name: "À propos", id: "/about" }, + { name: "Contact", id: "/contact" }, ]; const footerColumns = [ @@ -62,7 +63,11 @@ export default function HomePage() { }, ]; - const handleInputChange = (e: React.ChangeEvent) => { + const handleInputChange = ( + e: React.ChangeEvent< + HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement + > + ) => { const { name, value } = e.target; setFormData((prev) => ({ ...prev, @@ -74,13 +79,20 @@ export default function HomePage() { e.preventDefault(); setReviewError(""); - if (!formData.name.trim() || !formData.testimonial.trim() || !formData.role.trim() || !formData.company.trim()) { + if ( + !formData.name.trim() || + !formData.testimonial.trim() || + !formData.role.trim() || + !formData.company.trim() + ) { setReviewError("Tous les champs sont obligatoires."); return; } if (formData.testimonial.length < 10) { - setReviewError("Veuillez écrire au moins 10 caractères pour votre avis."); + setReviewError( + "Veuillez écrire au moins 10 caractères pour votre avis." + ); return; } @@ -124,9 +136,11 @@ 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" @@ -148,19 +162,26 @@ export default function HomePage() { tagIcon={Wrench} products={[ { - 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: "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" @@ -200,12 +221,14 @@ export default function HomePage() { 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" }, + 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" }, + 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"], }, @@ -227,16 +250,20 @@ export default function HomePage() { testimonials={[ { id: "1", name: "Rénovation Complète", handle: "Appartement - Bruxelles", testimonial: "Projet de rénovation complète intérieur", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1"}, + imageSrc: + "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg?_wi=1"}, { id: "2", name: "Extension Résidentielle", handle: "Addition 50m² - Liège", testimonial: "Extension moderne de 50 mètres carrés", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=1"}, + imageSrc: + "http://img.b2bpic.net/free-photo/unfinished-brick-structure-with-view-lush-greenery_632498-60860.jpg?_wi=1"}, { id: "3", name: "Terrasse Extérieure", handle: "Piscine & Terrasse - Namur", testimonial: "Création d'espace extérieur avec piscine", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2669.jpg?_wi=1"}, + imageSrc: + "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2669.jpg?_wi=1"}, { id: "4", name: "Construction Neuve", handle: "Maison moderne 150m² - Charleroi", testimonial: "Construction neuve maison individuelle", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=1"}, + imageSrc: + "http://img.b2bpic.net/free-photo/vintage-architecture-classical-facade-building_158595-6439.jpg?_wi=1"}, ]} showRating={true} animationType="slide-up" @@ -255,21 +282,29 @@ export default function HomePage() { Témoignages -

Avis de Nos Clients

+

Avis de Nos Clients

- Partagez votre expérience avec Webild Construction. Vos avis nous aident à continuer à améliorer nos services. + Partagez votre expérience avec Webild Construction. Vos avis nous aident à + continuer à améliorer nos services.

{/* Review Form */}
-

Soumettre un Avis

+

Soumettre un Avis

{reviewSubmitted ? (
-

✓ Merci pour votre avis!

-

Votre témoignage a été reçu avec succès. Nous l'examinerons avant de le publier.

+

+ ✓ Merci pour votre avis! +

+

+ Votre témoignage a été reçu avec succès. Nous l'examinerons avant de + le publier. +

) : (
@@ -371,45 +406,74 @@ export default function HomePage() { {/* Testimonials Display */}
-

Témoignages Récents

+

+ Témoignages Récents +

{[...Array(5)].map((_, i) => ( - + ))}

- "Excellent travail! L'équipe Webild a complètement transformé notre maison. Professionnels, à l'écoute et respectueux des délais." + "Excellent travail! L'équipe Webild a complètement transformé notre + maison. Professionnels, à l'écoute et respectueux des délais." +

+

+ Marc Dupont +

+

+ Propriétaire, Bruxelles

-

Marc Dupont

-

Propriétaire, Bruxelles

{[...Array(5)].map((_, i) => ( - + ))}

- "Nous recommandons vivement Webild Construction. Devis clair, communication excellente et résultat final impeccable." + "Nous recommandons vivement Webild Construction. Devis clair, + communication excellente et résultat final impeccable." +

+

+ Sophie Bernard +

+

+ Chef de projet, Liège

-

Sophie Bernard

-

Chef de projet, Liège

{[...Array(5)].map((_, i) => ( - + ))}

- "Service impeccable du début à la fin. L'équipe est très professionnelle et attentive au détail. Nous sommes très satisfaits." + "Service impeccable du début à la fin. L'équipe est très + professionnelle et attentive au détail. Nous sommes très satisfaits." +

+

+ Jean-Pierre Martin +

+

+ Propriétaire, Namur

-

Jean-Pierre Martin

-

Propriétaire, Namur

@@ -440,4 +504,4 @@ export default function HomePage() {
); -} \ No newline at end of file +} -- 2.49.1 From 3c9c30249bef751f99e3d2bd1e28ebf9a209892b Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 12:44:45 +0000 Subject: [PATCH 4/4] Add src/app/products/page.tsx --- src/app/products/page.tsx | 163 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 163 insertions(+) create mode 100644 src/app/products/page.tsx diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx new file mode 100644 index 0000000..c528afd --- /dev/null +++ b/src/app/products/page.tsx @@ -0,0 +1,163 @@ +"use client"; + +import Link from "next/link"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; +import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia"; +import ProductCardOne from "@/components/sections/product/ProductCardOne"; +import ContactText from "@/components/sections/contact/ContactText"; +import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; +import { Package, ShoppingCart } from "lucide-react"; + +export default function ProductsPage() { + const navItems = [ + { name: "Accueil", id: "/" }, + { name: "Services", id: "/services" }, + { name: "Produits", id: "/products" }, + { name: "Réalisations", id: "/portfolio" }, + { name: "À propos", id: "/about" }, + { name: "Contact", id: "/contact" }, + ]; + + const footerColumns = [ + { + title: "Services", items: [ + { label: "Rénovation", href: "/services" }, + { label: "Construction", href: "/services" }, + { label: "Maçonnerie", href: "/services" }, + { label: "Toiture", href: "/services" }, + ], + }, + { + title: "Entreprise", items: [ + { label: "À propos", href: "/about" }, + { label: "Nos Réalisations", href: "/portfolio" }, + { label: "Avis Clients", href: "/" }, + { label: "Contactez-nous", href: "/contact" }, + ], + }, + { + 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: "#" }, + { label: "WhatsApp", href: "https://wa.me/32212345678" }, + ], + }, + { + title: "Légal", items: [ + { label: "Politique de Confidentialité", href: "#" }, + { label: "Conditions d'Utilisation", href: "#" }, + { label: "Mentions Légales", href: "#" }, + ], + }, + ]; + + return ( + + {/* Navbar */} + + + {/* Products Hero Section */} +
+ +
+ + {/* Products Section */} +
+ +
+ + {/* CTA Section */} +
+ +
+ + {/* Footer */} + + + ); +} -- 2.49.1