chore(film): scaffold remotion product-film project

marketing/product-film/.gitignore

@@ -0,0 +1,4 @@
+node_modules/
+out/
+public/captures/
+.remotion/

marketing/product-film/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "lynkedup-product-film",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "remotion studio",
+    "render": "remotion render LynkedUpProFilm out/lynkedup-pro-film.mp4",
+    "still": "remotion still LynkedUpProFilm out/still.png",
+    "capture": "node scripts/capture.mjs",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@remotion/cli": "4.0.286",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "remotion": "4.0.286"
+  },
+  "devDependencies": {
+    "@types/react": "19.0.0",
+    "playwright": "1.49.1",
+    "typescript": "5.7.2",
+    "vitest": "2.1.8"
+  }
+}

marketing/product-film/remotion.config.ts

@@ -0,0 +1,5 @@
+import { Config } from "@remotion/cli/config";
+
+Config.setVideoImageFormat("jpeg");
+Config.setOverwriteOutput(true);
+Config.setConcurrency(4);

marketing/product-film/src/Film.tsx

@@ -0,0 +1,9 @@
+import { AbsoluteFill } from "remotion";
+
+export const Film: React.FC = () => {
+  return (
+    <AbsoluteFill style={{ backgroundColor: "#09090b", alignItems: "center", justifyContent: "center" }}>
+      <h1 style={{ color: "white", fontFamily: "sans-serif" }}>LynkedUp Pro Film</h1>
+    </AbsoluteFill>
+  );
+};

marketing/product-film/src/Root.tsx

@@ -0,0 +1,15 @@
+import { Composition } from "remotion";
+import { Film } from "./Film";
+
+export const Root: React.FC = () => {
+  return (
+    <Composition
+      id="LynkedUpProFilm"
+      component={Film}
+      durationInFrames={150}
+      fps={30}
+      width={1920}
+      height={1080}
+    />
+  );
+};

marketing/product-film/src/index.ts

@@ -0,0 +1,4 @@
+import { registerRoot } from "remotion";
+import { Root } from "./Root";
+
+registerRoot(Root);

marketing/product-film/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "lib": ["ES2020", "DOM"]
+  },
+  "include": ["src"]
+}