feat: create video example use

Author: byandrev

index.html

@@ -137,8 +137,8 @@ <h1 class="select-none">Automata Simulation</h1>
       </div>
     </div>
 
-    <main class="leading-7">
-      <div class="container mx-auto my-10">
+    <main class="leading-7 container mx-auto">
+      <div class="my-10">
         <h2 class="text-2xl font-bold mb-2">About</h2>
 
         <p>
@@ -154,7 +154,20 @@ <h2 class="text-2xl font-bold mb-2">About</h2>
         </p>
       </div>
 
-      <div class="container mx-auto my-10">
+      <div class="max-w-[800px] mx-auto">
+        <video
+          autoplay="true"
+          src="/example-use.mp4"
+          class="border-2 rounded"
+          alt="create, modify, and simulate automata"
+        ></video>
+
+        <p class="text-center text-sm font-bold underline">
+          Rename states and transitions with double click
+        </p>
+      </div>
+
+      <div class="my-10">
         <h2 class="text-2xl font-bold mb-2">Collaborate</h2>
 
         <p class="mb-4">