feat: video

.gitignore

@@ -4,3 +4,4 @@ out/
 .DS_Store
 *.tsbuildinfo
 next-env.d.ts
+.vercel

components/hero.tsx

@@ -42,9 +42,25 @@ export function Hero() {
 
         <p className="text-lg text-muted-foreground leading-relaxed max-w-2xl mx-auto mb-10 font-serif">
           OS-native, default-deny sandboxing with real-time visibility into every
-          file access and network call. No containers. One command.
+          file access and network call.
         </p>
 
+        {/* Demo video */}
+        <div className="mx-auto max-w-4xl mb-10">
+          <div className="rounded-lg border border-border/40 overflow-hidden glow-orange">
+            <video
+              autoPlay
+              loop
+              muted
+              playsInline
+              controls
+              className="w-full h-auto"
+            >
+              <source src="/videos/demo.mp4" type="video/mp4" />
+            </video>
+          </div>
+        </div>
+
         {/* Install command */}
         <div className="mx-auto max-w-5xl">
           <div className="code-block glow-orange px-5 py-3.5 flex items-center justify-between gap-4">
@@ -65,38 +81,6 @@ export function Hero() {
             </button>
           </div>
         </div>
-
-        {/* Quick proof */}
-        <div className="mt-12 mx-auto max-w-2xl">
-          <div className="code-block p-5 text-left">
-            <div className="text-xs text-muted-foreground mb-3 font-sans uppercase tracking-wider">
-              Kernel-enforced isolation
-            </div>
-            <div className="space-y-2 font-mono text-sm">
-              <div>
-                <span className="text-muted-foreground">$ </span>
-                <span className="text-greyhaven-offwhite">greywall -- cat ~/.ssh/id_ed25519</span>
-              </div>
-              <div className="text-red-400/90">
-                cat: /home/user/.ssh/id_ed25519: Operation not permitted
-              </div>
-              <div className="mt-3">
-                <span className="text-muted-foreground">$ </span>
-                <span className="text-greyhaven-offwhite">greywall -- curl https://exfil.attacker.com</span>
-              </div>
-              <div className="text-red-400/90">
-                curl: (7) Failed to connect: Connection refused
-              </div>
-              <div className="mt-3">
-                <span className="text-muted-foreground">$ </span>
-                <span className="text-greyhaven-offwhite">greywall -- ls ./my-project/</span>
-              </div>
-              <div className="text-green-400/80">
-                src/  package.json  README.md  tsconfig.json
-              </div>
-            </div>
-          </div>
-        </div>
       </div>
     </section>
   )