feat(website): replace models hero image with autoplay video

Swap the static gallery.webp image in ModelsHeroSection for a muted,
looping, playsinline video so the hero better reflects the generative
nature of the supported models. Rename mediaSrc/mediaAlt to
videoSrc/videoAriaLabel and update both en and zh-CN models pages.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

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>

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 />

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" />