From 97744fe3d3694d2238bfb1a7fb511bc7a40e29bf Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 17 Feb 2026 06:13:50 +0000 Subject: [PATCH] feat: redesign paysagiste demo page inspired by AL Concept MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Full-screen hero with background photo, dark overlay, centered text - Two large service cards (Création / Entretien) with bg images and green "En savoir +" buttons - Services description section with checklist and side image - "Qui sommes-nous" section with team photo and stats (150+ jardins, 10+ ans) - Values section on dark forest green (#1a3c1a) with arch-shaped cards - Contact form section with full-width background image and overlay - Dark green footer with 3 columns (logo, prestations, contact) - Transparent nav overlay on hero with glass-morphism logo - Subtle HookLab CTA badge in bottom-left corner - Removed old light-bg hero, seasonal banner, and flat card layout https://claude.ai/code/session_01V8YAjpqRQ3bfBYsABYsEgo --- app/paysagiste/page.tsx | 523 ++++++++++++++++++++++++++++++++-------- 1 file changed, 419 insertions(+), 104 deletions(-) diff --git a/app/paysagiste/page.tsx b/app/paysagiste/page.tsx index 145bea9..265f7db 100644 --- a/app/paysagiste/page.tsx +++ b/app/paysagiste/page.tsx @@ -4,9 +4,9 @@ import Button from "@/components/ui/Button"; import PaysagisteClient from "./PaysagisteClient"; export const metadata: Metadata = { - title: "Démo Site Paysagiste / Peintre - L'Artisan Créateur", + title: "Démo Site Paysagiste - Conception & Entretien Espaces Verts", description: - "Modèle de site HookLab pour paysagistes, peintres et décorateurs. Galerie filtrable, saisonnalité intelligente, bouton WhatsApp flottant.", + "Modèle de site HookLab pour paysagistes. Design inspiré des meilleurs sites du secteur : hero immersif, services, valeurs métier, formulaire de contact.", alternates: { canonical: "https://hooklab.eu/paysagiste", }, @@ -23,82 +23,268 @@ const realisations = [ { titre: "Entretien annuel parc 3000m²", type: "Entretien", lieu: "Douai", saison: "automne", image: "https://images.unsplash.com/photo-1557429287-b2e26467fc2b?auto=format&fit=crop&w=600&q=80" }, ]; -export default function PaysagisteDemo() { - const currentMonth = new Date().getMonth(); - const isSpringSummer = currentMonth >= 2 && currentMonth <= 8; +const valeurs = [ + { + titre: "Écoute & conseil", + description: "Un accompagnement personnalisé du premier rendez-vous à la réception du chantier.", + icon: "chat", + }, + { + titre: "Créativité sur-mesure", + description: "Chaque jardin est unique. Nous concevons des espaces qui vous ressemblent.", + icon: "paint", + }, + { + titre: "Plantes & matériaux choisis", + description: "Sélection rigoureuse de végétaux adaptés au climat et de matériaux durables.", + icon: "leaf", + }, + { + titre: "Expertise & savoir-faire", + description: "Des années d'expérience au service de vos projets d'aménagement extérieur.", + icon: "star", + }, +]; +function ValeurIcon({ type }: { type: string }) { + const cls = "w-8 h-8"; + switch (type) { + case "chat": + return ( + + + + ); + case "paint": + return ( + + + + ); + case "leaf": + return ( + + + + ); + case "star": + return ( + + + + ); + default: + return null; + } +} + +export default function PaysagisteDemo() { return (
- {/* Nav épurée */} -