From 1891b515cb5ccebe571ba7defb92cf53df48998f Mon Sep 17 00:00:00 2001
From: Satyam Rastogi <satyamrastogi302@gmail.com>
Date: Sat, 30 May 2026 02:54:59 +0530
Subject: [PATCH] feat(film): assemble 8-sequence series skeleton

---
 marketing/product-film/src/Film.tsx           | 27 ++++++++++++++++---
 .../product-film/src/sequences/ColdOpen.tsx   |  5 ++++
 .../product-film/src/sequences/CraneClose.tsx |  5 ++++
 .../src/sequences/Pillar1Storms.tsx           |  5 ++++
 .../src/sequences/Pillar2Dispatch.tsx         |  5 ++++
 .../src/sequences/Pillar3Rails.tsx            |  5 ++++
 .../src/sequences/Pillar4Control.tsx          |  5 ++++
 .../src/sequences/Pillar5Profit.tsx           |  5 ++++
 .../product-film/src/sequences/Promise.tsx    |  5 ++++
 9 files changed, 64 insertions(+), 3 deletions(-)
 create mode 100644 marketing/product-film/src/sequences/ColdOpen.tsx
 create mode 100644 marketing/product-film/src/sequences/CraneClose.tsx
 create mode 100644 marketing/product-film/src/sequences/Pillar1Storms.tsx
 create mode 100644 marketing/product-film/src/sequences/Pillar2Dispatch.tsx
 create mode 100644 marketing/product-film/src/sequences/Pillar3Rails.tsx
 create mode 100644 marketing/product-film/src/sequences/Pillar4Control.tsx
 create mode 100644 marketing/product-film/src/sequences/Pillar5Profit.tsx
 create mode 100644 marketing/product-film/src/sequences/Promise.tsx

diff --git a/marketing/product-film/src/Film.tsx b/marketing/product-film/src/Film.tsx
index 4e29820..5ab884e 100644
--- a/marketing/product-film/src/Film.tsx
+++ b/marketing/product-film/src/Film.tsx
@@ -1,9 +1,30 @@
-import { AbsoluteFill } from "remotion";
+import { AbsoluteFill, Series } from "remotion";
+import { DURATIONS } from "./timing";
+import { theme } from "./theme";
+import { AudioTrack } from "./components/AudioTrack";
+import { ColdOpen } from "./sequences/ColdOpen";
+import { Promise as PromiseSeq } from "./sequences/Promise";
+import { Pillar1Storms } from "./sequences/Pillar1Storms";
+import { Pillar2Dispatch } from "./sequences/Pillar2Dispatch";
+import { Pillar3Rails } from "./sequences/Pillar3Rails";
+import { Pillar4Control } from "./sequences/Pillar4Control";
+import { Pillar5Profit } from "./sequences/Pillar5Profit";
+import { CraneClose } from "./sequences/CraneClose";
 
 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 style={{ backgroundColor: theme.bg }}>
+      <Series>
+        <Series.Sequence durationInFrames={DURATIONS.coldOpen}><ColdOpen /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.promise}><PromiseSeq /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.pillar1}><Pillar1Storms /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.pillar2}><Pillar2Dispatch /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.pillar3}><Pillar3Rails /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.pillar4}><Pillar4Control /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.pillar5}><Pillar5Profit /></Series.Sequence>
+        <Series.Sequence durationInFrames={DURATIONS.craneClose}><CraneClose /></Series.Sequence>
+      </Series>
+      <AudioTrack />
     </AbsoluteFill>
   );
 };
diff --git a/marketing/product-film/src/sequences/ColdOpen.tsx b/marketing/product-film/src/sequences/ColdOpen.tsx
new file mode 100644
index 0000000..b7d7c84
--- /dev/null
+++ b/marketing/product-film/src/sequences/ColdOpen.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const ColdOpen: React.FC = () => (
+  <PillarTitle index="" title="Cold Open" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.coldOpen} />
+);
diff --git a/marketing/product-film/src/sequences/CraneClose.tsx b/marketing/product-film/src/sequences/CraneClose.tsx
new file mode 100644
index 0000000..c16bc59
--- /dev/null
+++ b/marketing/product-film/src/sequences/CraneClose.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const CraneClose: React.FC = () => (
+  <PillarTitle index="" title="Crane Close" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.craneClose} />
+);
diff --git a/marketing/product-film/src/sequences/Pillar1Storms.tsx b/marketing/product-film/src/sequences/Pillar1Storms.tsx
new file mode 100644
index 0000000..1f6a65a
--- /dev/null
+++ b/marketing/product-film/src/sequences/Pillar1Storms.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const Pillar1Storms: React.FC = () => (
+  <PillarTitle index="①" title="Pillar 1" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar1} />
+);
diff --git a/marketing/product-film/src/sequences/Pillar2Dispatch.tsx b/marketing/product-film/src/sequences/Pillar2Dispatch.tsx
new file mode 100644
index 0000000..207a75e
--- /dev/null
+++ b/marketing/product-film/src/sequences/Pillar2Dispatch.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const Pillar2Dispatch: React.FC = () => (
+  <PillarTitle index="②" title="Pillar 2" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar2} />
+);
diff --git a/marketing/product-film/src/sequences/Pillar3Rails.tsx b/marketing/product-film/src/sequences/Pillar3Rails.tsx
new file mode 100644
index 0000000..17273ea
--- /dev/null
+++ b/marketing/product-film/src/sequences/Pillar3Rails.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const Pillar3Rails: React.FC = () => (
+  <PillarTitle index="③" title="Pillar 3" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar3} />
+);
diff --git a/marketing/product-film/src/sequences/Pillar4Control.tsx b/marketing/product-film/src/sequences/Pillar4Control.tsx
new file mode 100644
index 0000000..70dacff
--- /dev/null
+++ b/marketing/product-film/src/sequences/Pillar4Control.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const Pillar4Control: React.FC = () => (
+  <PillarTitle index="④" title="Pillar 4" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar4} />
+);
diff --git a/marketing/product-film/src/sequences/Pillar5Profit.tsx b/marketing/product-film/src/sequences/Pillar5Profit.tsx
new file mode 100644
index 0000000..3d1576e
--- /dev/null
+++ b/marketing/product-film/src/sequences/Pillar5Profit.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const Pillar5Profit: React.FC = () => (
+  <PillarTitle index="⑤" title="Pillar 5" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar5} />
+);
diff --git a/marketing/product-film/src/sequences/Promise.tsx b/marketing/product-film/src/sequences/Promise.tsx
new file mode 100644
index 0000000..b5e3111
--- /dev/null
+++ b/marketing/product-film/src/sequences/Promise.tsx
@@ -0,0 +1,5 @@
+import { PillarTitle } from "../components/PillarTitle";
+import { DURATIONS } from "../timing";
+export const Promise: React.FC = () => (
+  <PillarTitle index="" title="Promise" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.promise} />
+);