diff --git a/apps/website/src/components/models/ModelsHeroSection.vue b/apps/website/src/components/models/ModelsHeroSection.vue
index fffccdb945..71082b2965 100644
--- a/apps/website/src/components/models/ModelsHeroSection.vue
+++ b/apps/website/src/components/models/ModelsHeroSection.vue
@@ -8,14 +8,14 @@ const {
   locale = 'en',
   modelName,
   ctaHref,
-  mediaSrc,
-  mediaAlt = ''
+  videoSrc,
+  videoAriaLabel = ''
 } = defineProps<{
   locale?: Locale
   modelName: string
   ctaHref: string
-  mediaSrc: string
-  mediaAlt?: string
+  videoSrc: string
+  videoAriaLabel?: string
 }>()
 </script>
 
@@ -40,9 +40,14 @@ const {
       {{ t('models.list.heroCta', locale).replace('{name}', modelName) }}
     </BrandButton>
     <div class="mt-16 w-full max-w-5xl">
-      <img
-        :src="mediaSrc"
-        :alt="mediaAlt"
+      <video
+        :src="videoSrc"
+        :aria-label="videoAriaLabel"
+        autoplay
+        loop
+        muted
+        playsinline
+        preload="metadata"
         class="rounded-4.5xl size-full object-cover"
       />
     </div>
diff --git a/apps/website/src/pages/models.astro b/apps/website/src/pages/models.astro
index f63931f4f5..21eacf7ab9 100644
--- a/apps/website/src/pages/models.astro
+++ b/apps/website/src/pages/models.astro
@@ -13,8 +13,8 @@ import ProductShowcaseSection from '../components/home/ProductShowcaseSection.vu
   <ModelsHeroSection
     modelName="Grok Imagine"
     ctaHref="/p/supported-models/grok-image"
-    mediaSrc="https://media.comfy.org/website/gallery/gallery.webp"
-    mediaAlt="Grok Imagine output created with ComfyUI"
+    videoSrc="https://media.comfy.org/website/models/video_ComfdyUI_00001_.mp4"
+    videoAriaLabel="Grok Imagine output created with ComfyUI"
   />
   <ModelCreationsSection client:load />
   <AIModelsSection client:load />
diff --git a/apps/website/src/pages/zh-CN/models.astro b/apps/website/src/pages/zh-CN/models.astro
index 821b9bab95..9d7190ad2c 100644
--- a/apps/website/src/pages/zh-CN/models.astro
+++ b/apps/website/src/pages/zh-CN/models.astro
@@ -14,8 +14,8 @@ import ProductShowcaseSection from '../../components/home/ProductShowcaseSection
     locale="zh-CN"
     modelName="Grok Imagine"
     ctaHref="/zh-CN/p/supported-models/grok-image"
-    mediaSrc="https://media.comfy.org/website/gallery/gallery.webp"
-    mediaAlt="使用 ComfyUI 创建的 Grok Imagine 作品"
+    videoSrc="https://media.comfy.org/website/models/video_ComfdyUI_00001_.mp4"
+    videoAriaLabel="使用 ComfyUI 创建的 Grok Imagine 作品"
   />
   <ModelCreationsSection client:load locale="zh-CN" />
   <AIModelsSection client:load locale="zh-CN" />