diff --git a/images/IMG_20250930_182212.jpg b/images/IMG_20250930_182212.jpg
new file mode 100644
index 0000000..bcfb516
Binary files /dev/null and b/images/IMG_20250930_182212.jpg differ
diff --git a/images/IMG_20250930_182217.jpg b/images/IMG_20250930_182217.jpg
new file mode 100644
index 0000000..e38edf6
Binary files /dev/null and b/images/IMG_20250930_182217.jpg differ
diff --git a/images/IMG_20250930_182227.jpg b/images/IMG_20250930_182227.jpg
new file mode 100644
index 0000000..dbd0f7b
Binary files /dev/null and b/images/IMG_20250930_182227.jpg differ
diff --git a/images/IMG_20250930_182236.jpg b/images/IMG_20250930_182236.jpg
new file mode 100644
index 0000000..180ffdb
Binary files /dev/null and b/images/IMG_20250930_182236.jpg differ
diff --git a/images/IMG_20250930_182505.jpg b/images/IMG_20250930_182505.jpg
new file mode 100644
index 0000000..93f6bc7
Binary files /dev/null and b/images/IMG_20250930_182505.jpg differ
diff --git a/images/hy300.jpg b/images/hy300.jpg
new file mode 100644
index 0000000..70ee21e
Binary files /dev/null and b/images/hy300.jpg differ
diff --git a/presentation_no_iframe.html b/presentation_no_iframe.html
index c4594c6..d53e887 100644
--- a/presentation_no_iframe.html
+++ b/presentation_no_iframe.html
@@ -483,8 +483,48 @@
             <img src="images/drawing-1.svg" alt="Harmany concept">
         </div>
 
-        <!-- Slide 15: AI Research -->
+        <!-- Slide 15: Physical Game Photo 1 -->
         <div class="slide content-slide" id="slide-15">
+            <h2>Physical Game in Action</h2>
+            <div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
+                <img src="images/IMG_20250930_182212.jpg" alt="Harmony game setup" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
+            </div>
+        </div>
+
+        <!-- Slide 16: Physical Game Photo 2 -->
+        <div class="slide content-slide" id="slide-16">
+            <h2>Game Board Detail</h2>
+            <div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
+                <img src="images/IMG_20250930_182217.jpg" alt="Game board close-up" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
+            </div>
+        </div>
+
+        <!-- Slide 17: Physical Game Photo 3 -->
+        <div class="slide content-slide" id="slide-17">
+            <h2>Game Pieces & Elements</h2>
+            <div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
+                <img src="images/IMG_20250930_182227.jpg" alt="Game pieces detail" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
+            </div>
+        </div>
+
+        <!-- Slide 18: Physical Game Photo 4 -->
+        <div class="slide content-slide" id="slide-18">
+            <h2>Gameplay in Progress</h2>
+            <div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
+                <img src="images/IMG_20250930_182236.jpg" alt="Game in progress" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
+            </div>
+        </div>
+
+        <!-- Slide 19: Physical Game Photo 5 -->
+        <div class="slide content-slide" id="slide-19">
+            <h2>Complete Game Setup</h2>
+            <div style="display: flex; justify-content: center; align-items: center; height: 70vh;">
+                <img src="images/IMG_20250930_182505.jpg" alt="Complete game setup" style="max-width: 90%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,255,255,0.3);">
+            </div>
+        </div>
+
+        <!-- Slide 20: AI Research -->
+        <div class="slide content-slide" id="slide-20">
             <h2>More AI Bollocks?</h2>
             <p style="font-size: 1.8em; margin-bottom: 30px;">Want to see what AI agents can actually do?</p>
             <p style="font-size: 1.4em; margin-bottom: 20px;"><strong>HY300 Linux Porting Project</strong></p>
@@ -494,8 +534,8 @@
             <p style="font-size: 1.2em; margin-top: 30px; color: #0ff;"><strong>github.com/shift/sun50iw12p1-research</strong></p>
         </div>
 
-        <!-- Slide 16: Play Harmony -->
-        <div class="slide content-slide" id="slide-16">
+        <!-- Slide 21: Play Harmony -->
+        <div class="slide content-slide" id="slide-21">
             <h2>Ready to Play?</h2>
             <p style="font-size: 2em; margin-bottom: 30px;">Let's play some Harmony!</p>
             
@@ -526,7 +566,7 @@
                 </div>
             </div>
             
-            <p style="font-size: 1.8em; color: #fff; margin-top: 20px; font-weight: bold;">Play on your device or scan the QR code for mobile access</p>
+            <p style="font-size: 1.8em; color: #fff; margin-top: 20px; font-weight: bold;">Scan the QR code for the slides &amp; code.</p>
         </div>
     </div>
 
@@ -538,7 +578,7 @@
     <script>
         // Slide navigation code
         let currentSlideIndex = 0;
-        const totalSlides = 16;
+        const totalSlides = 21;
         let isTransitioning = false;
 
         function showSlide(index) {