From 90c7fb7bba2c3c11f7eddcd0c3fe999791a814de Mon Sep 17 00:00:00 2001
From: Satyam Rastogi <satyamrastogi302@gmail.com>
Date: Sat, 30 May 2026 03:24:42 +0530
Subject: [PATCH] feat(film): crane CTA close (swinging suspended card)

---
 .../product-film/src/sequences/CraneClose.tsx | 31 ++++++++++++++++---
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/marketing/product-film/src/sequences/CraneClose.tsx b/marketing/product-film/src/sequences/CraneClose.tsx
index c16bc59..9903cc0 100644
--- a/marketing/product-film/src/sequences/CraneClose.tsx
+++ b/marketing/product-film/src/sequences/CraneClose.tsx
@@ -1,5 +1,26 @@
-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} />
-);
+import { AbsoluteFill } from "remotion";
+import { BlueprintBg } from "../components/BlueprintBg";
+import { Crane } from "../components/Crane";
+import { CraneCard } from "../components/CraneCard";
+import { theme } from "../theme";
+
+export const CraneClose: React.FC = () => {
+  return (
+    <AbsoluteFill>
+      <BlueprintBg opacity={0.5} />
+      {/* crane anchored top; card hangs from its hoist cable */}
+      <AbsoluteFill style={{ alignItems: "center" }}>
+        <div style={{ marginTop: -10 }}>
+          <Crane width={1180} />
+        </div>
+      </AbsoluteFill>
+      <AbsoluteFill style={{ alignItems: "center", justifyContent: "flex-start", marginTop: 470 }}>
+        <CraneCard dropStartFrame={6} />
+      </AbsoluteFill>
+      {/* end plate */}
+      <div style={{ position: "absolute", bottom: 48, width: "100%", textAlign: "center", fontFamily: theme.mono, color: theme.textDim, fontSize: 24 }}>
+        LynkedUpPro.com · 866-259-6533
+      </div>
+    </AbsoluteFill>
+  );
+};