feat: add marketing video mode and Remotion marketing video project

Add debug-only Marketing Video Mode toggle that enables hands-free
screen recording across the app: auto-scrolling Featured Trips carousel,
auto-filling trip wizard, smooth trip detail scrolling via CADisplayLink,
and trip options auto-sort with scroll.

Add Remotion marketing video project with 6 scene compositions using
image sequences extracted from screen recordings, varied phone entrance
animations, and deduped frames for smooth playback.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-02-13 12:07:35 -06:00
parent 67965cbac6
commit 5f5b137e64
655 changed files with 4008 additions and 63 deletions

View File

@@ -0,0 +1,40 @@
export const THEME = {
colors: {
hero: "#2D6A4F",
search: "#F97316",
searchDark: "#1a1a2e",
customize: "#EAB308",
group: "#3B82F6",
itinerary: "#FFF8E7",
cta: "#DC2626",
white: "#FFFFFF",
black: "#000000",
textDark: "#1a1a2e",
},
spring: {
damping: 12,
mass: 0.5,
stiffness: 120,
},
textShadow: "0 4px 20px rgba(0, 0, 0, 0.4)",
textShadowLight: "0 2px 10px rgba(0, 0, 0, 0.15)",
font: {
heading: "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
body: "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
},
} as const;
export const SCENES = {
hero: { durationInFrames: 80 },
search: { durationInFrames: 80 },
customize: { durationInFrames: 80 },
group: { durationInFrames: 80 },
itinerary: { durationInFrames: 80 },
cta: { durationInFrames: 95 },
} as const;
export const TRANSITION_DURATION = 9;
export const FPS = 30;
export const WIDTH = 1080;
export const HEIGHT = 1920;
export const TOTAL_DURATION = 450;