From c18bc4f6fd0d0193dfe698535329127fdbdea906 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 19 Feb 2026 11:34:42 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20ajouter=20la=20photo=20de=20Cyprien=20d?=
 =?UTF-8?q?ans=20l'admin=20et=20la=20page=20ma=C3=A7on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- lib/site-images.ts : nouvelle clé macon_photo_cyprien (url vide par
  défaut, l'admin upload la vraie photo)
- app/macon/page.tsx : remplace le placeholder SVG par un <img> conditionnel
  — affiche l'image quand la clé est renseignée, conserve le placeholder
  texte "Photo de Cyprien (sur le chantier)" tant qu'aucune photo n'est
  uploadée

https://claude.ai/code/session_01PzA98VhLMmsHpzs7gnLHGs
---
 app/macon/page.tsx | 27 ++++++++++++++++++---------
 lib/site-images.ts |  4 ++++
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/app/macon/page.tsx b/app/macon/page.tsx
index fc1626d..5afa8da 100644
--- a/app/macon/page.tsx
+++ b/app/macon/page.tsx
@@ -382,17 +382,26 @@ export default async function MaconPage() {
               <div className="relative">
                 <div className="absolute -inset-3 bg-orange/20 rounded-3xl blur-xl" />
                 <div className="relative w-72 h-80 sm:w-80 sm:h-96 rounded-2xl overflow-hidden border-2 border-white/10">
-                  <div className="w-full h-full bg-navy-light flex items-center justify-center">
-                    <div className="text-center">
-                      <div className="w-20 h-20 bg-orange/20 rounded-full flex items-center justify-center mx-auto mb-3">
-                        <svg className="w-10 h-10 text-orange/60" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
-                        </svg>
+                  {images.macon_photo_cyprien ? (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    <img
+                      src={images.macon_photo_cyprien}
+                      alt="Cyprien, artisan maçon"
+                      className="w-full h-full object-cover"
+                    />
+                  ) : (
+                    <div className="w-full h-full bg-navy-light flex items-center justify-center">
+                      <div className="text-center">
+                        <div className="w-20 h-20 bg-orange/20 rounded-full flex items-center justify-center mx-auto mb-3">
+                          <svg className="w-10 h-10 text-orange/60" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
+                          </svg>
+                        </div>
+                        <p className="text-white/30 text-sm">Photo de Cyprien</p>
+                        <p className="text-white/20 text-xs mt-1">(sur le chantier)</p>
                       </div>
-                      <p className="text-white/30 text-sm">Photo de Cyprien</p>
-                      <p className="text-white/20 text-xs mt-1">(sur le chantier)</p>
                     </div>
-                  </div>
+                  )}
                 </div>
                 <div className="absolute -bottom-3 -right-3 bg-orange text-white text-xs font-bold px-4 py-2 rounded-xl shadow-lg">
                   Artisan depuis 10 ans
diff --git a/lib/site-images.ts b/lib/site-images.ts
index c0a6461..b6d9496 100644
--- a/lib/site-images.ts
+++ b/lib/site-images.ts
@@ -44,6 +44,10 @@ export const DEFAULT_IMAGES: Record<string, { url: string; label: string }> = {
   },
 
   // ── Démo Maçon ─────────────────────────────────────────────────────────────
+  macon_photo_cyprien: {
+    url: "",
+    label: "Maçon — Photo de Cyprien (sur le chantier)",
+  },
   macon_hero: {
     url: "https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1920&q=80",
     label: "Maçon — Photo fond Hero",