chore(film): scaffold remotion product-film project

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);