feat: refonte UI éditoriale — toutes les pages secondaires

Contact :
- Redesign complet split dark/light identique à la homepage
- Infos gauche (dark navy) : téléphone animé, email, adresse, zones, stats
- Formulaire droit (stone-bg) avec labels uppercase et champs squarés

Services :
- Liste éditoriale sur dark navy — layout grid 12 cols numéroté
- Keywords en pills squared, arrow animée, border-top orange

Réalisations :
- Filtres squared (suppression rounded-full)
- Cards avec overlay slide-from-bottom rouge brique
- Badge catégorie orange + CTA bottom dark navy

Partenaires :
- Hero dark + diagonal panel
- Bloc stats 2-col avec border-l orange
- Grid 4-col squared, grayscale → couleur au hover
- CTA dark avec texture

ServicePageLayout (composant partagé) :
- Composant réutilisable pour toutes les pages de service
- Hero dark + diagonal + back link
- Stats border-l-2 orange
- Items grid dark avec service-card-dark
- SEO text 2-col
- Contact split dark/light

Pages mises à jour avec ServicePageLayout :
- renovation/page.tsx
- assainissement/page.tsx
- creation-acces/page.tsx
- demolition/page.tsx

construction-maison/page.tsx :
- Redesign complet en standalone avec le même pattern éditorial

https://claude.ai/code/session_01Uec4iHjcPwB1pU41idWEdF

app/partenaires/page.tsx

@@ -22,39 +22,78 @@ export default async function PartenairesPage() {
     <main id="main-content" className="min-h-screen">
       <Navbar />
 
-      <section className="bg-navy py-16 md:py-20">
-        <div className="max-w-4xl mx-auto px-4 sm:px-6 text-center">
+      {/* Hero */}
+      <section className="bg-navy texture-dark py-16 md:py-20 relative overflow-hidden">
+        <div className="hero-diagonal-panel" />
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <ScrollReveal direction="up">
-            <span className="text-orange text-sm font-semibold uppercase tracking-widest">Notre force collective</span>
-            <h1 className="text-3xl md:text-5xl font-bold text-white mt-2 mb-4">
-              Notre réseau de partenaires
+            <span className="text-orange text-xs font-bold uppercase tracking-[0.25em] block mb-4">
+              Un réseau de confiance
+            </span>
+            <h1 className="text-4xl md:text-6xl font-black text-white uppercase leading-none tracking-tight">
+              Nos<br />partenaires
             </h1>
-            <p className="text-white/70 text-lg max-w-2xl mx-auto">
-              Seul on va vite, ensemble on va plus loin. Grâce à notre réseau d&apos;artisans de confiance, OBC Maçonnerie coordonne l&apos;ensemble des corps de métier pour que votre maison prenne forme de A à Z.
+            <p className="text-white/50 text-base mt-5 max-w-2xl">
+              Seul on va vite, ensemble on va plus loin. Benoît coordonne un réseau d&apos;artisans sélectionnés pour que votre maison prenne forme de A à Z.
             </p>
           </ScrollReveal>
         </div>
       </section>
 
-      <section className="py-16 md:py-20 bg-bg">
-        <div className="max-w-5xl mx-auto px-4 sm:px-6">
+      {/* Message interlocuteur unique */}
+      <section className="bg-stone-bg border-b border-border py-12 md:py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <ScrollReveal direction="up">
-            <div className="bg-stone-bg border border-border rounded-2xl p-6 md:p-8 mb-12 text-center">
-              <h2 className="text-xl md:text-2xl font-bold text-navy mb-3">
-                Un seul interlocuteur pour tout votre projet
-              </h2>
-              <p className="text-text-light text-sm leading-relaxed max-w-xl mx-auto">
-                Benoît Colin sélectionne et coordonne des artisans partenaires avec lesquels il travaille depuis des années. Vous n&apos;avez qu&apos;un seul contact — lui — pour piloter l&apos;intégralité de votre chantier.
-              </p>
+            <div className="grid md:grid-cols-2 gap-8 md:gap-16 items-center">
+              <div>
+                <span className="text-orange text-xs font-bold uppercase tracking-[0.25em] block mb-4">
+                  Notre approche
+                </span>
+                <h2 className="text-navy font-black text-2xl md:text-3xl uppercase leading-tight tracking-tight mb-4">
+                  Un seul interlocuteur<br />pour tout votre projet
+                </h2>
+                <p className="text-text-light text-sm leading-relaxed">
+                  Benoît Colin sélectionne et coordonne des artisans avec lesquels il travaille depuis des années. Vous n&apos;avez qu&apos;un seul contact pour piloter l&apos;intégralité de votre chantier — dans les délais et le budget convenus.
+                </p>
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                {[
+                  { val: "10+", label: "Corps de métier" },
+                  { val: "15+", label: "Ans de partenariat" },
+                  { val: "100%", label: "Artisans qualifiés" },
+                  { val: "1 seul", label: "Interlocuteur" },
+                ].map((s) => (
+                  <div key={s.label} className="border-l-2 border-orange pl-4">
+                    <div className="text-2xl font-black text-orange">{s.val}</div>
+                    <div className="text-text-muted text-xs uppercase tracking-wider mt-0.5">{s.label}</div>
+                  </div>
+                ))}
+              </div>
             </div>
           </ScrollReveal>
+        </div>
+      </section>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5">
+      {/* Grille partenaires */}
+      <section className="py-16 md:py-20 bg-bg">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <ScrollReveal direction="up">
+            <span className="text-orange text-xs font-bold uppercase tracking-[0.25em] block mb-3">
+              Corps de métier
+            </span>
+            <h2 className="text-navy font-black text-2xl md:text-3xl uppercase tracking-tight mb-10">
+              Nos domaines d&apos;expertise
+            </h2>
+          </ScrollReveal>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
             {partenaires.map((p, i) => (
-              <ScrollReveal key={p.label} direction="up" delay={i * 70}>
-                <div className="bg-bg-white border border-border rounded-2xl p-5 text-center h-full hover:border-orange hover:shadow-md transition-all">
-                  <div className="text-4xl mb-3">{p.icon}</div>
-                  <h3 className="text-navy font-bold text-base mb-2">{p.label}</h3>
+              <ScrollReveal key={p.label} direction="up" delay={i * 60}>
+                <div className="group bg-bg-white border border-border hover:border-orange p-6 h-full transition-all duration-200 cursor-default">
+                  <div className="text-3xl mb-4 grayscale group-hover:grayscale-0 transition-all">{p.icon}</div>
+                  <h3 className="text-navy font-black text-base uppercase tracking-wide mb-2 group-hover:text-orange transition-colors">
+                    {p.label}
+                  </h3>
                   <p className="text-text-light text-xs leading-relaxed">{p.desc}</p>
                 </div>
               </ScrollReveal>
@@ -63,20 +102,25 @@ export default async function PartenairesPage() {
         </div>
       </section>
 
-      <section className="py-14 bg-navy">
-        <div className="max-w-3xl mx-auto px-4 sm:px-6 text-center">
+      {/* CTA dark */}
+      <section className="bg-navy texture-dark py-16 md:py-20 relative overflow-hidden">
+        <div className="hero-diagonal-panel" />
+        <div className="relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
           <ScrollReveal direction="up">
-            <h2 className="text-2xl md:text-3xl font-bold text-white mb-4">
-              Un projet de A à Z
+            <span className="text-orange text-xs font-bold uppercase tracking-[0.25em] block mb-4">
+              Projet de A à Z
+            </span>
+            <h2 className="text-white font-black text-3xl md:text-4xl uppercase leading-tight tracking-tight mb-8">
+              Que vous construisiez ou rénowiez,<br />
+              OBC orchestre chaque corps de métier
             </h2>
-            <p className="text-white/70 mb-8 max-w-xl mx-auto">
-              Que vous construisiez une maison neuve ou rénoviez l&apos;existant, OBC Maçonnerie orchestre chaque corps de métier dans le bon ordre, au bon moment.
-            </p>
-            <Link
-              href="/contact"
-              className="inline-flex items-center gap-2 bg-orange hover:bg-orange-hover text-white font-bold px-8 py-4 rounded-xl transition-colors"
-            >
-              Parler de mon projet à Benoît
+            <Link href="/contact" className="btn btn-fill px-8 py-4 text-xs uppercase tracking-[0.2em]">
+              <span>Parler de mon projet à Benoît</span>
+              <span>
+                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
+                </svg>
+              </span>
             </Link>
           </ScrollReveal>
         </div>