Fix French text accents and improve readability
Updated text for better readability and corrected accents in French phrases.
This commit is contained in:
@@ -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 d’appel sticky, diagnostic en ligne, zone d’intervention, 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é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’eau, panne de chauffe-eau, canalisation bouchée ?
|
||||
Fuite d’eau, 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 · Orchies · Valenciennes · Denain · Saint-Amand · Arleux
|
||||
Dépannage Douai · Orchies · Valenciennes · Denain · Saint-Amand · 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’on se d\u00e9place.</p>
|
||||
<p className="text-gray-500">Pas de surprise. Vous savez ce que vous payez avant qu’on 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">“{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>
|
||||
<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’intervention</span>
|
||||
Zone <span className="text-[#3b82f6]">d’intervention</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’est ce que je construis pour les plombiers et \u00e9lectriciens du Nord.
|
||||
C’est 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]">
|
||||
|
||||
Reference in New Issue
Block a user