From 41cc7a5cebfc1a087716950cb5594a309566bb20 Mon Sep 17 00:00:00 2001
From: Satyam Rastogi <satyamrastogi302@gmail.com>
Date: Sat, 30 May 2026 03:02:28 +0530
Subject: [PATCH] =?UTF-8?q?feat(film):=20pillar=201=20=E2=80=94=20storms?=
 =?UTF-8?q?=20into=20pipeline?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sequences/Pillar1Storms.tsx           | 37 +++++++++++++++++--
 1 file changed, 34 insertions(+), 3 deletions(-)

diff --git a/marketing/product-film/src/sequences/Pillar1Storms.tsx b/marketing/product-film/src/sequences/Pillar1Storms.tsx
index 1f6a65a..7b523fe 100644
--- a/marketing/product-film/src/sequences/Pillar1Storms.tsx
+++ b/marketing/product-film/src/sequences/Pillar1Storms.tsx
@@ -1,5 +1,36 @@
+import { AbsoluteFill, Sequence } from "remotion";
 import { PillarTitle } from "../components/PillarTitle";
+import { ScreenFrame } from "../components/ScreenFrame";
+import { KenBurns } from "../components/KenBurns";
+import { Cursor } from "../components/Cursor";
+import { Caption } from "../components/Caption";
 import { DURATIONS } from "../timing";
-export const Pillar1Storms: React.FC = () => (
-  <PillarTitle index="①" title="Pillar 1" subtitle="(stub)" startFrame={0} durationInFrames={DURATIONS.pillar1} />
-);
+
+const D = DURATIONS.pillar1;
+const TITLE = 75; // 2.5s
+
+export const Pillar1Storms: React.FC = () => {
+  const afterTitle = D - TITLE;
+  const half = Math.floor(afterTitle / 2);
+  return (
+    <AbsoluteFill>
+      <Sequence durationInFrames={TITLE}>
+        <PillarTitle index="①" title="Turn storms into pipeline" subtitle="See the storm before your competition" startFrame={0} durationInFrames={TITLE} />
+      </Sequence>
+
+      {/* Beat A: Storm Intel — zones light up; cursor assigns a zone */}
+      <Sequence from={TITLE} durationInFrames={half}>
+        <KenBurns durationInFrames={half}><ScreenFrame captureId="storm-intel" /></KenBurns>
+        <Cursor from={{ x: 1400, y: 300 }} to={{ x: 1480, y: 520 }} moveStartFrame={20} clickAtFrame={44} />
+        <Caption text="Storm Intel maps the damage the moment it lands." startFrame={10} durationInFrames={half - 20} />
+      </Sequence>
+
+      {/* Beat B: Lead Verification — verify a lead */}
+      <Sequence from={TITLE + half} durationInFrames={afterTitle - half}>
+        <KenBurns durationInFrames={afterTitle - half}><ScreenFrame captureId="lead-verification" /></KenBurns>
+        <Cursor from={{ x: 900, y: 400 }} to={{ x: 1500, y: 500 }} moveStartFrame={18} clickAtFrame={40} />
+        <Caption text="Every lead is verified before it reaches your pipeline." startFrame={10} durationInFrames={afterTitle - half - 20} />
+      </Sequence>
+    </AbsoluteFill>
+  );
+};