added video demo

Author: hexxt-git

website/public/anime-sdk-test.mp4

@@ -27,8 +27,8 @@ const megaplayCode = `<code><span class="kw">import</span> <span class="pun">{</
     </p>
   </div>
 
-  <div class="hline">
-    <div class="cell no-right no-bottom show-dots px-10 py-9">
+  <div class="hline grid grid-cols-2">
+    <div class="cell no-bottom show-dots px-10 py-9">
       <div class="mb-5 flex items-center gap-3">
         <span class="badge badge-muted">Install</span>
         <span class="font-mono text-[11px]" style="color: var(--muted);">terminal</span>
@@ -50,5 +50,22 @@ const megaplayCode = `<code><span class="kw">import</span> <span class="pun">{</
         . Need a different source? Swap the provider; same three calls.
       </p>
     </div>
+    <div class="cell no-right no-bottom" style="padding:0; position:relative; overflow:hidden;">
+      <video
+        autoplay
+        loop
+        controls
+        playsinline
+        style="position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center;"
+        src="/anime-sdk-test.mp4"></video>
+      <a
+        href="https://github.com/hexxt-git/anime-sdk/tree/master/examples/website"
+        target="_blank"
+        rel="noopener noreferrer"
+        style="position:absolute; top:12px; right:12px; z-index:10; background:var(--bg); color:var(--muted); font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:600; letter-spacing:0.06em; padding:4px 10px; text-decoration:none; transition:color 0.15s;"
+        onmouseover="this.style.color='#fff'"
+        onmouseout="this.style.color='var(--muted)'">demo website ↗</a
+      >
+    </div>
   </div>
 </section>