Fix French text accents and improve readability

Updated text for better readability and corrected accents in French phrases.
This commit is contained in:
2026-02-16 20:21:36 +01:00
committed by GitHub
parent b6158a2653
commit 76fe4eb1ae

View File

@@ -4,30 +4,30 @@ import Button from "@/components/ui/Button";
import PlombierClient from "./PlombierClient";
export const metadata: Metadata = {
title: "D\u00e9mo Site Plombier / \u00c9lectricien - L'Intervention \u00c9clair | HookLab",
title: "Démo Site Plombier / Électricien - L'Intervention Éclair | HookLab",
description:
"Mod\u00e8le de site HookLab pour plombiers, \u00e9lectriciens et serruriers. Bouton d\u2019appel sticky, diagnostic en ligne, zone d\u2019intervention, tarifs clairs.",
"Modèle de site HookLab pour plombiers, électriciens et serruriers. Bouton dappel sticky, diagnostic en ligne, zone dintervention, tarifs clairs.",
};
const tarifs = [
{ service: "D\u00e9pannage fuite", prix: "\u00c0 partir de 89\u20ac", urgence: true },
{ service: "D\u00e9bouchage canalisation", prix: "\u00c0 partir de 120\u20ac", urgence: true },
{ service: "Remplacement chauffe-eau", prix: "\u00c0 partir de 350\u20ac", urgence: false },
{ service: "Installation sanitaire compl\u00e8te", prix: "Sur devis", urgence: false },
{ service: "Recherche de fuite", prix: "\u00c0 partir de 150\u20ac", urgence: true },
{ service: "R\u00e9novation salle de bain", prix: "Sur devis", urgence: false },
{ service: "Dépannage fuite", prix: "À partir de 89", urgence: true },
{ service: "Débouchage canalisation", prix: "À partir de 120", urgence: true },
{ service: "Remplacement chauffe-eau", prix: "À partir de 350", urgence: false },
{ service: "Installation sanitaire complète", prix: "Sur devis", urgence: false },
{ service: "Recherche de fuite", prix: "À partir de 150", urgence: true },
{ service: "Rénovation salle de bain", prix: "Sur devis", urgence: false },
];
const avis = [
{ name: "Laurent P.", ville: "Douai", text: "Fuite \u00e0 22h un samedi. Intervention en 45 min. Prix correct, travail pro. Merci !", note: 5 },
{ name: "Marie C.", ville: "Orchies", text: "Chauffe-eau en panne en plein hiver. Remplac\u00e9 le lendemain matin. Service impeccable.", note: 5 },
{ name: "Jean-Marc B.", ville: "Valenciennes", text: "Canalisation bouch\u00e9e, devis clair au t\u00e9l\u00e9phone, pas de surprise \u00e0 la facture. Rare !", note: 5 },
{ name: "Laurent P.", ville: "Douai", text: "Fuite à 22h un samedi. Intervention en 45 min. Prix correct, travail pro. Merci !", note: 5 },
{ name: "Marie C.", ville: "Orchies", text: "Chauffe-eau en panne en plein hiver. Remplacé le lendemain matin. Service impeccable.", note: 5 },
{ name: "Jean-Marc B.", ville: "Valenciennes", text: "Canalisation bouchée, devis clair au téléphone, pas de surprise à la facture. Rare !", note: 5 },
];
export default function PlombierDemo() {
return (
<main className="min-h-screen bg-[#0a1628]">
{/* Nav avec avis + t\u00e9l */}
{/* Nav avec avis + tél */}
<nav className="sticky top-0 z-50 bg-[#0a1628] border-b border-white/10">
<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">
@@ -73,14 +73,14 @@ export default function PlombierDemo() {
</div>
<h1 className="text-3xl sm:text-4xl md:text-5xl font-extrabold text-white leading-tight mb-4">
Votre plombier{" "}
<span className="text-[#facc15]">r&eacute;actif et transparent.</span>
<span className="text-[#facc15]">réactif et transparent.</span>
</h1>
<p className="text-white/50 text-lg max-w-2xl mx-auto mb-4">
Fuite d&rsquo;eau, panne de chauffe-eau, canalisation bouch&eacute;e ?
Fuite deau, panne de chauffe-eau, canalisation bouchée ?
Intervention rapide avec devis gratuit. Disponible 7j/7 dans le Douaisis.
</p>
<p className="text-white/30 text-sm mb-8">
D\u00e9pannage Douai &middot; Orchies &middot; Valenciennes &middot; Denain &middot; Saint-Amand &middot; Arleux
Dépannage Douai &middot; Orchies &middot; Valenciennes &middot; Denain &middot; Saint-Amand &middot; Arleux
</p>
<a
href="tel:+33604408157"
@@ -102,7 +102,7 @@ export default function PlombierDemo() {
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-3">
Tarifs <span className="text-[#3b82f6]">transparents</span>
</h2>
<p className="text-gray-500">Pas de surprise. Vous savez ce que vous payez avant qu&rsquo;on se d\u00e9place.</p>
<p className="text-gray-500">Pas de surprise. Vous savez ce que vous payez avant quon se déplace.</p>
</div>
<div className="space-y-3">
@@ -127,7 +127,7 @@ export default function PlombierDemo() {
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-3">
Diagnostic <span className="text-[#3b82f6]">en ligne</span>
</h2>
<p className="text-gray-500">3 questions simples. On qualifie la panne avant de d\u00e9crocher.</p>
<p className="text-gray-500">3 questions simples. On qualifie la panne avant de décrocher.</p>
</div>
<PlombierClient type="diagnostic" />
</div>
@@ -137,20 +137,20 @@ export default function PlombierDemo() {
<section className="py-16 md:py-24 bg-white">
<div className="max-w-4xl mx-auto px-4 text-center">
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-10">
Avis <span className="text-[#facc15]">Google</span> v\u00e9rifi\u00e9s
Avis <span className="text-[#facc15]">Google</span> vérifiés
</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
{avis.map((a, i) => (
<div key={i} className="bg-gray-50 border border-gray-200 rounded-xl p-6 text-left">
<div className="flex gap-0.5 mb-3">
{[...Array(a.note)].map((_, j) => (
{[...Array(5)].map((_, j) => (
<svg key={j} className="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
</svg>
))}
</div>
<p className="text-gray-600 text-sm leading-relaxed mb-3">&ldquo;{a.text}&rdquo;</p>
<p className="text-gray-900 font-semibold text-sm">{a.name} &mdash; <span className="text-gray-400 font-normal">{a.ville}</span></p>
<p className="text-gray-600 text-sm leading-relaxed mb-3">{a.text}</p>
<p className="text-gray-900 font-semibold text-sm">{a.name} <span className="text-gray-400 font-normal">{a.ville}</span></p>
</div>
))}
</div>
@@ -162,9 +162,9 @@ export default function PlombierDemo() {
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center mb-10">
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-3">
Zone <span className="text-[#3b82f6]">d&rsquo;intervention</span>
Zone <span className="text-[#3b82f6]">dintervention</span>
</h2>
<p className="text-gray-500">Douai + 25km. D\u00e9pannage rapide dans tout le secteur.</p>
<p className="text-gray-500">Douai + 25km. Dépannage rapide dans tout le secteur.</p>
</div>
<div className="bg-white border border-gray-200 rounded-2xl overflow-hidden">
<div className="relative h-64 sm:h-80">
@@ -184,7 +184,7 @@ export default function PlombierDemo() {
</div>
</div>
<p className="text-gray-400 text-xs text-center mt-4">
Vous \u00eates hors zone ? Contactez-nous, on trouvera une solution.
Vous êtes hors zone ? Contactez-nous, on trouvera une solution.
</p>
</div>
</section>
@@ -195,13 +195,13 @@ export default function PlombierDemo() {
{/* CTA HookLab */}
<section className="py-16 bg-[#3b82f6] text-center">
<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">
Ce site peut \u00eatre le v\u00f4tre demain.
Ce site peut être le vôtre demain.
</h2>
<p className="text-white/80 mb-6">
Un site qui rassure, qui qualifie les urgences, et qui vous fait gagner du temps.
C&rsquo;est ce que je construis pour les plombiers et \u00e9lectriciens du Nord.
Cest ce que je construis pour les plombiers et électriciens du Nord.
</p>
<Link href="/#contact">
<Button size="lg" className="bg-[#0a1628] hover:bg-[#0a1628]/90 border-[#0a1628]">