enguerrandbusiness/obc-terrassement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix French accents and special characters in page.tsx

Browse Source 
Corrected French accents and special characters in metadata, titles, and descriptions for better readability and accuracy.
This commit is contained in:
enguebusiness
2026-02-16 20:20:28 +01:00
committed by GitHub
parent ed9109564b
commit b6158a2653
1 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
app/paysagiste/page.tsx
View File

@@ -4,20 +4,20 @@ import Button from "@/components/ui/Button";
import PaysagisteClient from "./PaysagisteClient"; import PaysagisteClient from "./PaysagisteClient";
export const metadata: Metadata = { export const metadata: Metadata = {
title: "D\u00e9mo Site Paysagiste / Peintre - L'Artisan Cr\u00e9ateur | HookLab", title: "Démo Site Paysagiste / Peintre - L'Artisan Créateur | HookLab",
description: description:
"Mod\u00e8le de site HookLab pour paysagistes, peintres et d\u00e9corateurs. Galerie filtrable, saisonnalit\u00e9 intelligente, bouton WhatsApp flottant.", "Modèle de site HookLab pour paysagistes, peintres et décorateurs. Galerie filtrable, saisonnalité intelligente, bouton WhatsApp flottant.",
}; };
const realisations = [ const realisations = [
{ titre: "Jardin contemporain avec terrasse composite", type: "Terrasses", lieu: "Orchies", saison: "printemps", image: "https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=600&q=80" }, { titre: "Jardin contemporain avec terrasse composite", type: "Terrasses", lieu: "Orchies", saison: "printemps", image: "https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=600&q=80" },
{ titre: "Am\u00e9nagement complet piscine + cl\u00f4ture", type: "Terrasses", lieu: "Douai", saison: "printemps", image: "https://images.unsplash.com/photo-1572120360610-d971b9d7767c?auto=format&fit=crop&w=600&q=80" }, { titre: "Aménagement complet piscine + clôture", type: "Terrasses", lieu: "Douai", saison: "printemps", image: "https://images.unsplash.com/photo-1572120360610-d971b9d7767c?auto=format&fit=crop&w=600&q=80" },
{ titre: "Cr\u00e9ation massif fleuri 4 saisons", type: "Plantations", lieu: "Valenciennes", saison: "printemps", image: "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=600&q=80" }, { titre: "Création massif fleuri 4 saisons", type: "Plantations", lieu: "Valenciennes", saison: "printemps", image: "https://images.unsplash.com/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=600&q=80" },
{ titre: "Haie brise-vue naturelle en bambou", type: "Plantations", lieu: "Arleux", saison: "automne", image: "https://images.unsplash.com/photo-1558171813-4c088753af8f?auto=format&fit=crop&w=600&q=80" }, { titre: "Haie brise-vue naturelle en bambou", type: "Plantations", lieu: "Arleux", saison: "automne", image: "https://images.unsplash.com/photo-1558171813-4c088753af8f?auto=format&fit=crop&w=600&q=80" },
{ titre: "All\u00e9e carrossable en pav\u00e9s anciens", type: "All\u00e9es", lieu: "Saint-Amand", saison: "automne", image: "https://images.unsplash.com/photo-1598902108854-d1446c81e20e?auto=format&fit=crop&w=600&q=80" }, { titre: "Allée carrossable en pavés anciens", type: "Allées", lieu: "Saint-Amand", saison: "automne", image: "https://images.unsplash.com/photo-1598902108854-d1446c81e20e?auto=format&fit=crop&w=600&q=80" },
{ titre: "Jardin japonais zen avec bassin", type: "Plantations", lieu: "Flines-lez-Raches", saison: "printemps", image: "https://images.unsplash.com/photo-1582547403609-4244e80be657?auto=format&fit=crop&w=600&q=80" }, { titre: "Jardin japonais zen avec bassin", type: "Plantations", lieu: "Flines-lez-Raches", saison: "printemps", image: "https://images.unsplash.com/photo-1582547403609-4244e80be657?auto=format&fit=crop&w=600&q=80" },
{ titre: "Taille architecturale haies buis", type: "Entretien", lieu: "Denain", saison: "automne", image: "https://images.unsplash.com/photo-1416879595882-3373a0480b5b?auto=format&fit=crop&w=600&q=80" }, { titre: "Taille architecturale haies buis", type: "Entretien", lieu: "Denain", saison: "automne", image: "https://images.unsplash.com/photo-1416879595882-3373a0480b5b?auto=format&fit=crop&w=600&q=80" },
{ titre: "Entretien annuel parc 3000m\u00b2", type: "Entretien", lieu: "Douai", saison: "automne", image: "https://images.unsplash.com/photo-1557429287-b2e26467fc2b?auto=format&fit=crop&w=600&q=80" }, { 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() { export default function PaysagisteDemo() {
@@ -26,7 +26,7 @@ export default function PaysagisteDemo() {
return ( return (
<main className="min-h-screen bg-white"> <main className="min-h-screen bg-white">
{/* Nav \u00e9pur\u00e9e */} {/* Nav épurée */}
<nav className="sticky top-0 z-50 bg-white/90 backdrop-blur-md border-b border-gray-100"> <nav className="sticky top-0 z-50 bg-white/90 backdrop-blur-md border-b border-gray-100">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between h-16"> <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between h-16">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -47,36 +47,36 @@ export default function PaysagisteDemo() {
</div> </div>
</nav> </nav>
{/* Banni\u00e8re saisonni\u00e8re */} {/* Bannière saisonnière */}
<div className={`text-center py-2 text-xs font-semibold ${isSpringSummer ? "bg-green-50 text-green-700" : "bg-amber-50 text-amber-700"}`}> <div className={`text-center py-2 text-xs font-semibold ${isSpringSummer ? "bg-green-50 text-green-700" : "bg-amber-50 text-amber-700"}`}>
{isSpringSummer {isSpringSummer
? "C\u2019est la saison ! Cr\u00e9ation de terrasses & plantations \u2014 Demandez votre devis maintenant" ? "C’est la saison ! Création de terrasses & plantations — Demandez votre devis maintenant"
: "Pr\u00e9parez le printemps ! Taille, \u00e9lagage & entretien d\u2019automne \u2014 Planifiez vos travaux" : "Préparez le printemps ! Taille, élagage & entretien d’automne — Planifiez vos travaux"
} }
</div> </div>
{/* Hero \u00e9pur\u00e9 */} {/* Hero épuré */}
<section className="py-24 md:py-36 bg-[#f0f5ed] text-center relative overflow-hidden"> <section className="py-24 md:py-36 bg-[#f0f5ed] text-center relative overflow-hidden">
<div className="absolute inset-0 bg-[radial-gradient(circle_at_50%_80%,rgba(34,139,34,0.08),transparent_70%)]" /> <div className="absolute inset-0 bg-[radial-gradient(circle_at_50%_80%,rgba(34,139,34,0.08),transparent_70%)]" />
<div className="relative max-w-4xl mx-auto px-4"> <div className="relative max-w-4xl mx-auto px-4">
<span className="inline-block px-3 py-1.5 bg-green-100 border border-green-200 rounded-full text-green-700 text-xs font-semibold mb-6"> <span className="inline-block px-3 py-1.5 bg-green-100 border border-green-200 rounded-full text-green-700 text-xs font-semibold mb-6">
Paysagisme &middot; Espaces Verts &middot; D\u00e9coration Paysagisme &middot; Espaces Verts &middot; Décoration
</span> </span>
<h1 className="text-3xl sm:text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight mb-4"> <h1 className="text-3xl sm:text-4xl md:text-5xl font-extrabold text-gray-900 leading-tight mb-4">
Transformez votre ext&eacute;rieur en un{" "} Transformez votre extérieur en un{" "}
<span className="text-green-600">espace de vie unique.</span> <span className="text-green-600">espace de vie unique.</span>
</h1> </h1>
<p className="text-gray-500 text-lg max-w-2xl mx-auto mb-4"> <p className="text-gray-500 text-lg max-w-2xl mx-auto mb-4">
Cr&eacute;ation de jardins, terrasses et am&eacute;nagements paysagers sur-mesure. Création de jardins, terrasses et aménagements paysagers sur-mesure.
Chaque projet est con&ccedil;u pour sublimer votre environnement et valoriser votre bien. Chaque projet est conçu pour sublimer votre environnement et valoriser votre bien.
</p> </p>
<p className="text-gray-400 text-sm mb-8"> <p className="text-gray-400 text-sm mb-8">
Cr\u00e9ations &agrave; Douai, Orchies, Valenciennes, Saint-Amand et environs. Créations à Douai, Orchies, Valenciennes, Saint-Amand et environs.
</p> </p>
<div className="flex flex-col sm:flex-row gap-4 justify-center"> <div className="flex flex-col sm:flex-row gap-4 justify-center">
<a href="#devis"> <a href="#devis">
<Button size="lg" className="bg-green-600 hover:bg-green-700 border-green-600"> <Button size="lg" className="bg-green-600 hover:bg-green-700 border-green-600">
Demander un Devis Cr\u00e9ation Demander un Devis Création
</Button> </Button>
</a> </a>
<a href="#devis"> <a href="#devis">
@@ -88,15 +88,15 @@ export default function PaysagisteDemo() {
</div> </div>
</section> </section>
{/* R\u00e9alisations filtrables */} {/* Réalisations filtrables */}
<section className="py-16 md:py-24 bg-white"> <section className="py-16 md:py-24 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center mb-12"> <div className="text-center mb-12">
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-3"> <h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-3">
Nos <span className="text-green-600">r\u00e9alisations</span> Nos <span className="text-green-600">réalisations</span>
</h2> </h2>
<p className="text-gray-500 mb-2"> <p className="text-gray-500 mb-2">
Des cr\u00e9ations dans des lieux que vous connaissez. Projetez-vous. Des créations dans des lieux que vous connaissez. Projetez-vous.
</p> </p>
</div> </div>
<PaysagisteClient realisations={realisations} /> <PaysagisteClient realisations={realisations} />
@@ -107,7 +107,7 @@ export default function PaysagisteDemo() {
<section className="py-16 md:py-24 bg-[#f0f5ed]"> <section className="py-16 md:py-24 bg-[#f0f5ed]">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-10"> <h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-10">
Des jardins pr\u00e8s de <span className="text-green-600">chez vous</span> Des jardins près de <span className="text-green-600">chez vous</span>
</h2> </h2>
<div className="grid grid-cols-2 md:grid-cols-3 gap-4"> <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
{["Douai", "Orchies", "Valenciennes", "Arleux", "Saint-Amand", "Denain"].map((ville) => ( {["Douai", "Orchies", "Valenciennes", "Arleux", "Saint-Amand", "Denain"].map((ville) => (
@@ -118,7 +118,7 @@ export default function PaysagisteDemo() {
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg> </svg>
</div> </div>
<p className="text-gray-800 font-semibold text-sm">Jardin \u00e0 {ville}</p> <p className="text-gray-800 font-semibold text-sm">Jardin à {ville}</p>
</div> </div>
))} ))}
</div> </div>
@@ -132,19 +132,19 @@ export default function PaysagisteDemo() {
<h2 className="text-2xl md:text-3xl font-bold text-white mb-3"> <h2 className="text-2xl md:text-3xl font-bold text-white mb-3">
Demander un <span className="text-green-400">devis gratuit</span> Demander un <span className="text-green-400">devis gratuit</span>
</h2> </h2>
<p className="text-white/60">D\u00e9crivez votre projet, on vous recontacte sous 24h.</p> <p className="text-white/60">Décrivez votre projet, on vous recontacte sous 24h.</p>
</div> </div>
<div className="bg-white rounded-2xl p-6 sm:p-8"> <div className="bg-white rounded-2xl p-6 sm:p-8">
<div className="space-y-4"> <div className="space-y-4">
<div> <div>
<label className="block text-sm font-medium text-gray-700 mb-1.5">Type de projet</label> <label className="block text-sm font-medium text-gray-700 mb-1.5">Type de projet</label>
<select className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none"> <select className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none">
<option>Cr\u00e9ation de jardin complet</option> <option>Création de jardin complet</option>
<option>Terrasse / Am\u00e9nagement</option> <option>Terrasse / Aménagement</option>
<option>Plantation / Massifs</option> <option>Plantation / Massifs</option>
<option>Entretien r\u00e9gulier</option> <option>Entretien régulier</option>
<option>Taille / \u00c9lagage</option> <option>Taille / Élagage</option>
<option>Cl\u00f4ture / Brise-vue</option> <option>Clôture / Brise-vue</option>
</select> </select>
</div> </div>
<div> <div>
@@ -152,12 +152,12 @@ export default function PaysagisteDemo() {
<input type="text" placeholder="Votre nom" className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm placeholder:text-gray-400 focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none" /> <input type="text" placeholder="Votre nom" className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm placeholder:text-gray-400 focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none" />
</div> </div>
<div> <div>
<label className="block text-sm font-medium text-gray-700 mb-1.5">T\u00e9l\u00e9phone</label> <label className="block text-sm font-medium text-gray-700 mb-1.5">Téléphone</label>
<input type="tel" placeholder="06 12 34 56 78" className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm placeholder:text-gray-400 focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none" /> <input type="tel" placeholder="06 12 34 56 78" className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm placeholder:text-gray-400 focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none" />
</div> </div>
<div> <div>
<label className="block text-sm font-medium text-gray-700 mb-1.5">D\u00e9crivez votre projet</label> <label className="block text-sm font-medium text-gray-700 mb-1.5">Décrivez votre projet</label>
<textarea rows={3} placeholder="Surface, style souhait\u00e9, budget approximatif..." className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm placeholder:text-gray-400 focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none resize-none" /> <textarea rows={3} placeholder="Surface, style souhaité, budget approximatif..." className="w-full px-4 py-3 bg-gray-50 border border-gray-200 rounded-xl text-gray-800 text-sm placeholder:text-gray-400 focus:border-green-500 focus:ring-1 focus:ring-green-500 outline-none resize-none" />
</div> </div>
<Button size="lg" className="w-full bg-green-600 hover:bg-green-700 border-green-600"> <Button size="lg" className="w-full bg-green-600 hover:bg-green-700 border-green-600">
Envoyer ma demande Envoyer ma demande
@@ -173,12 +173,12 @@ export default function PaysagisteDemo() {
{/* CTA HookLab */} {/* CTA HookLab */}
<section className="py-16 bg-green-600 text-center"> <section className="py-16 bg-green-600 text-center">
<div className="max-w-2xl mx-auto px-4"> <div className="max-w-2xl mx-auto px-4">
<p className="text-white/80 text-xs font-semibold uppercase tracking-wider mb-3">Ceci est une d\u00e9mo HookLab</p> <p className="text-white/80 text-xs font-semibold uppercase tracking-wider mb-3">Ceci est une démo HookLab</p>
<h2 className="text-2xl md:text-3xl font-bold text-white mb-4"> <h2 className="text-2xl md:text-3xl font-bold text-white mb-4">
Ce design vous pla\u00eet ? Il peut \u00eatre \u00e0 vous. Ce design vous plaît ? Il peut être à vous.
</h2> </h2>
<p className="text-white/80 mb-6"> <p className="text-white/80 mb-6">
Imaginez vos plus beaux jardins mis en valeur comme \u00e7a. C&rsquo;est ce que je cr\u00e9e pour les paysagistes du Nord. Imaginez vos plus beaux jardins mis en valeur comme ça. C&rsquo;est ce que je crée pour les paysagistes du Nord.
</p> </p>
<Link href="/#contact"> <Link href="/#contact">
<Button size="lg" className="bg-gray-900 hover:bg-gray-800 border-gray-900"> <Button size="lg" className="bg-gray-900 hover:bg-gray-800 border-gray-900">