Replace landing page video with typed buffers animation (#271)

apps/typegpu-docs/src/pages/index.astro

@@ -58,7 +58,7 @@ import SwmLogoSvg from '../assets/swm-logo.svg';
           alt="TypeGPU Logo"
           class="w-[14.5rem] md:w-[20rem] lg:w-[24rem]"
         />
-        <h1 class="text-center text-pretty">
+        <h1 class="text-center text-pretty mb-4">
           TypeScript library that enhances the WebGPU <br
             class="hidden sm:block"
           /> API, allowing resource management in <br class="hidden sm:block" />
@@ -80,14 +80,14 @@ import SwmLogoSvg from '../assets/swm-logo.svg';
       </div>
 
       <div
-        class="md:absolute overflow-hidden bg-grayscale-0 lg:max-w-[75rem] md:max-w-[53.5rem] lg:p-14 md:p-10 p-6 md:rounded-[3.75rem] lg:rounded-[5rem] rounded-[2rem] relative md:top-[100%] md:-translate-y-[50%] max-w-[34.5rem] sm:mb-[2.5rem]">
-        <div class="absolute inset-0 mix-blend-overlay bg-[#A1A1E0]"></div>
+        class="md:absolute overflow-hidden bg-grayscale-0 lg:max-w-[85rem] md:max-w-[58.5rem] lg:p-14 md:p-10 p-6 md:rounded-[3.75rem] lg:rounded-[5rem] rounded-[2rem] relative md:top-[100%] md:-translate-y-[50%] max-w-[34.5rem] sm:mb-[2.5rem]">
         <video
-          src="/typegpu/assets/example.mp4"
+          src="/typegpu/assets/migration.mp4"
           autoplay="true"
           loop="true"
           muted="true"
-          class="lg:rounded-[2.5rem] md:rounded-[1.875rem] rounded-2xl"></video>
+          controls="true"
+          class="lg:rounded-[2.5rem] md:rounded-[1.875rem] rounded-2xl shadow-tameplum-800/50 shadow-lg"></video>
       </div>
     </section>