Add Remotion promo video project with 7-scene App Store flow

- Create feels-promo Remotion project for promotional videos
- Implement FeelsPromoV1 with scenes matching App Store screenshots:
  - Hero scene with mood tracking
  - Widget + Apple Watch scene
  - Journal notes with photos
  - AI-powered insights with badge
  - Privacy & security features
  - Theme customization
  - Notification styles
- Add screens folder with source assets and flow reference
- Include phone frames, widget, and watch frame assets

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-01-25 12:47:06 -06:00
parent de994d4d52
commit bf2555f360
39 changed files with 5641 additions and 0 deletions

27
feels-promo/src/Root.tsx Normal file
View File

@@ -0,0 +1,27 @@
import { Composition } from "remotion";
import { FeelsPromoV1 } from "./FeelsPromo";
export const RemotionRoot: React.FC = () => {
const fps = 30;
const sceneDuration = 3.5 * fps; // 3.5 seconds per scene
const transitionDuration = Math.round(0.6 * fps); // 0.6 second transitions
const outroDuration = Math.round(2.5 * fps);
// Calculate total duration accounting for transition overlaps
// 7 scenes + outro - 7 transitions
const totalDuration =
sceneDuration * 7 + outroDuration - transitionDuration * 7;
return (
<>
<Composition
id="FeelsPromoV1"
component={FeelsPromoV1}
durationInFrames={totalDuration}
fps={fps}
width={1080}
height={1920}
/>
</>
);
};