Add interface Zorn demo

src/pages/index.astro

@@ -7,14 +7,14 @@ import Hero from "@components/Hero.astro";
 import Heading from "@components/Heading.astro";
 import Posts from "@components/blog/posts.astro";
 import LargeCard from "@components/Feature.astro";
+import {Zorn} from "@minpluto/zorn"
 
 // List Posts
 import { getCollection } from "astro:content";
 const posts = await getCollection("posts");
 
-
 // Icons
-import { BookmarkBook, ReportColumns } from "iconoir-react";
+import { BookmarkBook, ReportColumns } from "@iconoir/vue";
 ---
 
 <Default MobileTitle="SudoVanilla" NoSubHeader>
@@ -22,9 +22,9 @@ import { BookmarkBook, ReportColumns } from "iconoir-react";
     <Hero
       Title="SudoVanilla"
       Description="Counting on the Open Web"
-      VideoSrc="https://md.sudovanilla.org/videos/mp4/hero.mp4"
-      VideoPoster="https://md.sudovanilla.org/images/hero-poster.png"
-      VideoCredit="Drone Footage of Limmernsee in Switzerland by SwissHumanity Stories on Pexels"
+      UseImage
+      Image="https://images.pexels.com/photos/2026454/pexels-photo-2026454.jpeg"
+      Credit="Spiez, BE, Switzerland. Shot by Tanathip Rattanatum on Pexels."
     />
     <Heading Title="Blog" Description="Tips, Tricks, and Updates">
       <slot slot="icon">
@@ -46,11 +46,21 @@ import { BookmarkBook, ReportColumns } from "iconoir-react";
     />
     <LargeCard
       Title="Zorn Player"
-      Description="HTML5 Web Player"
-      Image="https://md.sudovanilla.org/images/pl.png"
+      Description="Video Player for Astro"
+      Image="https://md.sudovanilla.org/images/Screenshot%20from%202024-08-27%2001-41-34.png"
       CTA_Primary="Documentation"
       CTA_Primary_Link="/docs/zorn/introduction/"
-    />
+      Custom
+    >
+    <Zorn
+      Title="Ennie and Yoyki: Non-Girly Games"
+      Poster="https://md.sudovanilla.org/images/eay-p-v.jpg"
+      Video="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm"
+      CustomControlsWithMenu
+      Milieu
+      SettingsMenu
+    ></Zorn>
+    </LargeCard>
     <LargeCard
       Title="Init Privacy"
       Description="Taking Back Control"