From f53dcdec4f1f0003dfca530a894a8819c3bf61c9 Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Wed, 5 Aug 2026 11:18:49 -0400
Subject: [PATCH] Add admin control for hero podcast art image; v1.1.28

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 package.json      | 2 +-
 src/AdminPage.tsx | 3 +++
 src/App.tsx       | 2 +-
 src/content.ts    | 2 ++
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f8cbff0..c6ba3f4 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "1.1.27",
+  "version": "1.1.28",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/AdminPage.tsx b/src/AdminPage.tsx
index bf5bdd9..c3cb049 100644
--- a/src/AdminPage.tsx
+++ b/src/AdminPage.tsx
@@ -850,6 +850,7 @@ const BRAND_KIT_VERIFICATION = [
 ] as const
 
 const FIELDS: Array<{ key: StringField; label: string; multiline?: boolean; section: MainContentSection }> = [
+  { key: 'podcastArtUrl', label: 'Hero — Podcast Art Image URL', section: 'hero' },
   { key: 'eyebrow', label: 'Hero Eyebrow Text', section: 'hero' },
   { key: 'heroTagline', label: 'Hero Tagline', section: 'hero' },
   { key: 'heroBtnSpotify', label: 'Hero — Spotify Button Label', section: 'hero' },
@@ -3187,6 +3188,8 @@ export default function AdminPage({ content, onSave, onLogout }: Props) {
                   {multiline
                     ? <textarea id={`field-${key}`} value={form[key] as string} onChange={e => handleChange(key, e.target.value)} rows={4} />
                     : <input id={`field-${key}`} type="text" value={form[key] as string} onChange={e => handleChange(key, e.target.value)} />}
+                  {(key.includes('ArtUrl') || key.includes('ImageUrl')) && renderImageAssetSelector(form[key] as string, value => handleChange(key, value), `field-${key}-asset`)}
+                  {(key.includes('ArtUrl') || key.includes('ImageUrl')) && renderImagePreview(form[key] as string, `${label} preview`)}
                 </div>
               ))}
 
diff --git a/src/App.tsx b/src/App.tsx
index b98c286..9e791bc 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1119,7 +1119,7 @@ function LandingPage({ content }: { content: SiteContent }) {
         <div className="hero-art">
           <div className="art-glow" aria-hidden="true" />
           <img
-            src="/images/podcast-art.jpeg"
+            src={content.podcastArtUrl || '/images/podcast-art.jpeg'}
             alt="Verse by Verse with Nate podcast artwork"
             className="podcast-art"
           />
diff --git a/src/content.ts b/src/content.ts
index 3d394dd..8d1cf69 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -101,6 +101,7 @@ export interface LegalSettings {
 
 export interface SiteContent {
   // ── Hero ──
+  podcastArtUrl: string
   eyebrow: string
   heroTagline: string
   heroBtnSpotify: string
@@ -275,6 +276,7 @@ export interface SiteContent {
 }
 
 export const DEFAULTS: SiteContent = {
+  podcastArtUrl: '/images/podcast-art.jpeg',
   eyebrow: 'A Journey Through Scripture',
   heroTagline: "Exploring God's Word one verse at a time",
   heroBtnSpotify: 'Listen on Spotify',