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

feat: ajouter la photo de Cyprien dans l'admin et la page maçon

Browse Source 
- 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
This commit is contained in:
Claude
2026-02-19 11:34:42 +00:00
parent eb0c2150e5
commit c18bc4f6fd
2 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/macon/page.tsx
View File

@@ -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

4
lib/site-images.ts
View File

@@ -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",