Home page: add Ko-fi as a third card beside newsletter and share; v2.32.1

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

src/App.tsx

@@ -1473,6 +1473,21 @@ function LandingPage({ content }: { content: SiteContent }) {
               <img src={content.shareQrImageUrl || '/images/qr-code.jpg'} alt="QR code to share the show" className="share-qr" />
             </div>
           </div>
+          {(content.platformKofiUrl || content.platformKofiQrUrl) && (
+            <div className="home-connect-card home-connect-card--kofi">
+              <p className="eyebrow">Support the Ministry</p>
+              <h2 className="section-heading" style={{ textAlign: 'left', marginBottom: '0.75rem' }}>Help keep the Word going</h2>
+              <p className="share-p">This show is listener-supported. Your gift keeps the teaching free for everyone.</p>
+              <div className="home-connect-share-row">
+                {content.platformKofiUrl && (
+                  <a href={content.platformKofiUrl} target="_blank" rel="noreferrer" className="kofi-btn">☕ Support on Ko-fi</a>
+                )}
+                {content.platformKofiQrUrl && (
+                  <img src={content.platformKofiQrUrl} alt="Ko-fi donation QR code" className="share-qr" onError={e => { e.currentTarget.style.display = 'none' }} />
+                )}
+              </div>
+            </div>
+          )}
         </div>
       </section>