add functionalityhttps://i.iheart.com/v3/re/new_assets/62e940364ce9eac698d022f0?ops=contain(1480,0) - Follow Up Deployment

index.html

@@ -506,6 +506,34 @@
         </div>
     </section>
 
+    <!-- Image Modal Section -->
+    <section class="py-16 bg-gray-800">
+        <div class="container mx-auto px-4">
+            <h2 class="title-font text-3xl md:text-4xl text-center mb-12 glow">GAMEPLAY PREVIEW</h2>
+            <div class="flex justify-center">
+                <div class="relative group">
+                    <img src="https://i.iheart.com/v3/re/new_assets/62e940364ce9eac698d022f0?ops=contain(1480,0)" 
+                         alt="Gameplay Preview" 
+                         class="rounded-lg border-2 border-green-500 max-w-full h-auto cursor-pointer transition-opacity group-hover:opacity-80"
+                         id="preview-image">
+                    <div class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity">
+                        <i class="fas fa-search-plus text-4xl text-white"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Image Modal -->
+    <div id="image-modal" class="fixed inset-0 bg-black bg-opacity-90 z-50 hidden flex items-center justify-center p-4">
+        <div class="relative max-w-6xl max-h-full">
+            <button id="close-modal" class="absolute -top-10 right-0 text-white text-3xl hover:text-green-400">
+                <i class="fas fa-times"></i>
+            </button>
+            <img id="modal-image" src="" alt="Gameplay Preview" class="max-h-screen max-w-full">
+        </div>
+    </div>
+
     <!-- Footer -->
     <footer class="bg-black bg-opacity-90 py-8 border-t border-green-900">
         <div class="container mx-auto px-4">