From 7a33eeeaff8b7309a2b3360a2dc929e471cfc91d Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Wed, 25 Mar 2026 11:52:08 -0400
Subject: [PATCH] Add Spotify podcast embed to home page

---
 src/App.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/App.tsx b/src/App.tsx
index 7da52ef..692eeb6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1115,6 +1115,24 @@ function HomePage({
         </div>
       </section>
 
+      <section className="podcast home-block" aria-label="Podcast embed">
+        <h2>Podcast</h2>
+        <div className="embed-frame" style={{ margin: '0 auto', maxWidth: '760px' }}>
+          <iframe
+            data-testid="embed-iframe"
+            title="Titus Study Podcast"
+            style={{ borderRadius: '12px' }}
+            src="https://open.spotify.com/embed/show/0Gq1TzoJOdReSZ1gYQi8Xl?utm_source=generator"
+            width="100%"
+            height="352"
+            frameBorder="0"
+            allowFullScreen
+            allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
+            loading="lazy"
+          />
+        </div>
+      </section>
+
       {siteContent.showSidebar ? (
         <div className="home-layout">
           <div className="home-main">{mainSections.map((section) => renderHomeSection(section.id))}</div>