diff --git a/marketing/product-film/src/sequences/Pillar4Control.tsx b/marketing/product-film/src/sequences/Pillar4Control.tsx index 70dacff..6da85ff 100644 --- a/marketing/product-film/src/sequences/Pillar4Control.tsx +++ b/marketing/product-film/src/sequences/Pillar4Control.tsx @@ -1,5 +1,42 @@ +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 Pillar4Control: React.FC = () => ( - -); + +const D = DURATIONS.pillar4; +const TITLE = 75; + +export const Pillar4Control: React.FC = () => { + const afterTitle = D - TITLE; + const beat = Math.floor(afterTitle / 3); + const last = afterTitle - beat * 2; + return ( + + + + + + {/* Owner toggles a module permission */} + + + + + + + {/* Switch to the rep's view — Financials gone, only their leads */} + + + + + + {/* Sub sees only their jobs */} + + + + + + ); +};