Added video clip for GameSnap

Author: ProCO-RPHopkins

frontend/assets/gamesnap-hero.mp4

@@ -272,12 +272,13 @@ <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover
         <!-- GameSnap X-Ray -->
         <article class="group bg-white dark:bg-slate-800 rounded-2xl p-6 ring-1 ring-gray-200 dark:ring-white/15 shadow-lg transition-all duration-500 hover:shadow-teal-500/20 dark:hover:shadow-teal-500/30 hover:-translate-y-2">
           <a href="#gamesnap-xray" class="block">
-            <img
-              src="assets/gamesnap-hero.png"
-              alt="GameSnap X-Ray — upload to poster preview"
-              class="w-full aspect-[16/9] object-contain rounded-xl mb-4 ring-1 ring-gray-200 dark:ring-white/10 bg-gray-50 dark:bg-slate-800"
-              loading="lazy"
-            />
+            <!-- Video thumbnail -->
+            <video autoplay loop muted playsinline
+              class="w-full aspect-[16/9] object-cover rounded-xl mb-4 ring-1 ring-gray-200 dark:ring-white/10 bg-gray-50 dark:bg-slate-800">
+              <source src="assets/gamesnap-hero.mp4" type="video/mp4" />
+              Your browser does not support the video tag.
+            </video>
+
             <h3 class="text-xl font-semibold mb-2 group-hover:text-teal-600 dark:group-hover:text-teal-300 transition">
               GameSnap X-Ray — One Image → Instant Sports Context
             </h3>