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

feat: refonte complète landing page - nouveau copywriting + 3 démos

Browse Source 
- SEO: nouveau title/description optimisé artisans BTP Nord (59)
- Navbar: CTA téléphone cliquable + menu simplifié
- Hero: fond sombre, H1 percutant "aussi solide que vos ouvrages"
- Nouvelle section Problématique (identification pain points)
- System: redesign sombre "Dossier de Confiance" avec 3 piliers tech
- Démos Live: 3 cards vers /macon, /paysagiste, /plombier
- FAQ: nouvelles questions orientées objections (Facebook, site gratuit)
- Footer: SEO avec expertises + zone d'intervention étendue
- /macon: galerie Avant/Après + bouton Urgence Fuite
- /paysagiste: design épuré + filtrage Création vs Entretien
- /plombier: tarifs clairs + formulaire diagnostic rapide

https://claude.ai/code/session_01H2aRGDaKgarPvhay2HxN6Y
This commit is contained in:
Claude
2026-02-15 19:14:01 +00:00
parent 45f5cc0e9e
commit a845b47316
12 changed files with 760 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/marketing/Navbar.tsx
View File

@@ -2,7 +2,6 @@
import { useState } from "react";
import Link from "next/link";
import Button from "@/components/ui/Button";
export default function Navbar() {
const [open, setOpen] = useState(false);
@@ -26,23 +25,24 @@ export default function Navbar() {
<a href="#systeme" className="text-text-light hover:text-navy text-sm font-medium transition-colors">
Le Syst&egrave;me
</a>
<a href="#portfolio" className="text-text-light hover:text-navy text-sm font-medium transition-colors">
<a href="#demos" className="text-text-light hover:text-navy text-sm font-medium transition-colors">
R&eacute;alisations
</a>
<a href="#qui-suis-je" className="text-text-light hover:text-navy text-sm font-medium transition-colors">
Qui suis-je
</a>
<a href="#faq" className="text-text-light hover:text-navy text-sm font-medium transition-colors">
FAQ
</a>
</div>
{/* CTA desktop */}
{/* CTA desktop - Phone */}
<div className="hidden md:block">
<a href="#contact">
<Button size="sm" className="pulse-glow">
R&eacute;server mon Audit
</Button>
<a
href="tel:+33600000000"
className="inline-flex items-center gap-2 bg-orange text-white font-bold text-sm px-5 py-2.5 rounded-xl hover:bg-orange/90 transition-colors"
>
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
06 XX XX XX XX
</a>
</div>
@@ -71,19 +71,21 @@ export default function Navbar() {
<a href="#systeme" onClick={() => setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors">
Le Syst&egrave;me
</a>
<a href="#portfolio" onClick={() => setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors">
<a href="#demos" onClick={() => setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors">
R&eacute;alisations
</a>
<a href="#qui-suis-je" onClick={() => setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors">
Qui suis-je
</a>
<a href="#faq" onClick={() => setOpen(false)} className="block text-text-light hover:text-navy text-sm font-medium py-2 transition-colors">
FAQ
</a>
<a href="#contact" onClick={() => setOpen(false)}>
<Button size="sm" className="w-full mt-2">
R&eacute;server mon Audit
</Button>
<a
href="tel:+33600000000"
onClick={() => setOpen(false)}
className="flex items-center justify-center gap-2 bg-orange text-white font-bold text-sm px-5 py-3 rounded-xl mt-2"
>
<svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
06 XX XX XX XX
</a>
</div>
)}