Add Ko-fi support section with QR code to About page; v1.1.47

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/App.tsx

@@ -557,6 +557,35 @@ function PlatformButtons({ content }: { content: SiteContent }) {
   )
 }
 
+function KofiSupportSection({ content }: { content: SiteContent }) {
+  const kofiUrl = content.platformKofiUrl
+  const qrUrl = content.platformKofiQrUrl
+  if (!kofiUrl && !qrUrl) return null
+  return (
+    <section className="section-kofi-support" aria-label="Support the show">
+      <div className="section-inner kofi-support-inner">
+        <p className="eyebrow">Support the Ministry</p>
+        <h2>Help Keep the Word Going</h2>
+        <p className="kofi-support-desc">
+          This podcast and study resources are listener-supported. If God has used this ministry in your life,
+          consider buying me a coffee — it goes directly toward keeping the teaching free for everyone.
+        </p>
+        {qrUrl && (
+          <div className="kofi-qr-wrap">
+            <img src={qrUrl} alt="Ko-fi donation QR code" className="kofi-qr-img" />
+            <p className="kofi-qr-caption">Scan to give on Ko-fi</p>
+          </div>
+        )}
+        {kofiUrl && (
+          <a href={kofiUrl} target="_blank" rel="noreferrer" className="kofi-btn">
+            ☕ Support on Ko-fi
+          </a>
+        )}
+      </div>
+    </section>
+  )
+}
+
 function AboutSection({ content }: { content: SiteContent }) {
   return (
     <section className="section-about" aria-label="About the show">
@@ -1894,6 +1923,7 @@ function AboutPage({ content }: { content: SiteContent }) {
       <SiteSearchBar content={content} />
       <PageBanner eyebrow="About" title="About the Show" />
       <AboutSection content={content} />
+      <KofiSupportSection content={content} />
       <TestimonialsSection testimonials={content.testimonials ?? []} />
       <CustomBlocksSection content={content} page="about" />
       <SiteFooter content={content} />