Add back a few videos to archive

src/pages/archive/index.astro

@@ -3,6 +3,11 @@ import Layout from "@layouts/Layout.astro";
 import { Image } from "astro:assets";
 import { ARCHIVE } from "@consts";
 
+import lighting from "./assets/cinematic-lighting-in-blender-night-lighting-03-projection.webm";
+import pillows from "./assets/houdini-pillows.webm";
+import interior from "./assets/interior_test.webm";
+import particles from "./assets/houdini-abstract-particles.webm";
+
 const images = import.meta.glob<{ default: ImageMetadata }>(
   `./assets/*.{jpeg,jpg,png}`,
 );
@@ -28,6 +33,46 @@ const imageList = await Promise.all(
   </h1>
   <div
     class="animate-reveal grid grid-cols-2 gap-2 [animation-delay:0.1s] md:grid-cols-3"
+  >
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={lighting} type="video/webm" />
+    </video>
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={pillows} type="video/webm" />
+    </video>
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={interior} type="video/webm" />
+    </video>
+    <video
+      preload="metadata"
+      loop
+      muted
+      controls
+      class="aspect-square h-full w-full rounded-sm object-cover"
+    >
+      <source src={particles} type="video/webm" />
+    </video>
+  </div>
+  <div
+    class="animate-reveal grid grid-cols-2 gap-2 [animation-delay:0.2s] md:grid-cols-3"
   >
     {
       imageList.map((item) => (