Merge pull request #29 from code4policy/feature/update-index

feat: update index page

Author: Junyu0707

index.html

@@ -179,28 +179,20 @@ <h2>Mini game (2-minute intuition demo)</h2>
         </div>
 
         <div class="card">
-          <h2>Animated explanation (video embed placeholder)</h2>
+          <h2>What is Zero-Sum Thinking? (Video Introduction)</h2>
           <p class="muted">
-            Add a ~3-minute YouTube explainer here (optional, non-blocking).
+            Watch this short explanation to understand the core concept and why it matters.
           </p>
 
-          <!-- Replace src with an actual YouTube embed when ready:
           <iframe
             class="video"
-            src="https://www.youtube.com/embed/VIDEO_ID"
+            src="https://www.youtube.com/embed/jILgxeNBK_8"
             title="Zero-sum thinking explainer"
             frameborder="0"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
             allowfullscreen
+            style="width: 100%; height: 400px; border-radius: 12px; border: 1px solid var(--border);"
           ></iframe>
-          -->
-
-          <div class="video video--placeholder">
-            <div>
-              <div class="video__title">Video Placeholder</div>
-              <div class="muted">Paste a YouTube embed iframe here later.</div>
-            </div>
-          </div>
         </div>
       </section>