feat: Integrate Remotion for video generation, add video compositions, and adapt ContactForm for Remotion compatibility.

package.json

@@ -12,10 +12,20 @@
     "test:smoke": "tsx ./scripts/smoke-test.ts",
     "test:links": "tsx ./scripts/test-links.ts",
     "test:file-examples": "tsx ./scripts/test-file-examples-comprehensive.ts",
-    "clone-website": "tsx ./scripts/clone-recursive.ts"
+    "clone-website": "tsx ./scripts/clone-recursive.ts",
+    "video:preview": "remotion preview video/index.ts",
+    "video:render": "remotion render video/index.ts ButtonShowcase out/button-showcase.mp4",
+    "video:render:contact": "remotion render video/index.ts ContactFormShowcase out/contact-showcase.mp4 --concurrency=1 --codec=h264 --crf=16 --pixel-format=yuv420p --overwrite",
+    "video:render:button": "remotion render video/index.ts ButtonShowcase out/button-showcase.mp4 --concurrency=1 --codec=h264 --crf=16 --pixel-format=yuv420p --overwrite",
+    "video:render:all": "npm run video:render:contact && npm run video:render:button"
   },
   "dependencies": {
     "@react-pdf/renderer": "^4.3.2",
+    "@remotion/bundler": "^4.0.414",
+    "@remotion/cli": "^4.0.414",
+    "@remotion/lottie": "^4.0.414",
+    "@remotion/renderer": "^4.0.414",
+    "@remotion/tailwind": "^4.0.414",
     "@types/canvas-confetti": "^1.9.0",
     "@types/ioredis": "^4.28.10",
     "@types/react": "^19.2.8",
@@ -35,11 +45,13 @@
     "qrcode": "^1.5.4",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
+    "remotion": "^4.0.414",
     "shiki": "^1.24.2",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^3.4.0",
     "website-scraper": "^6.0.0",
-    "website-scraper-puppeteer": "^2.0.0"
+    "website-scraper-puppeteer": "^2.0.0",
+    "zod": "3.22.3"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
@@ -51,4 +63,4 @@
     "tsx": "^4.21.0",
     "typescript": "5.9.3"
   }
-}
+}