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:
40
marketing-videos/src/theme.ts
Normal file
40
marketing-videos/src/theme.ts
Normal 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;
|
||||
Reference in New Issue
Block a user