{text}

); }; const AnimatedWord = ({ word, delay = 0, fontSize = 48, fontWeight = 'bold', color = '#ffffff' }) => { const frame = useCurrentFrame(); const opacity = interpolate( frame - delay, [0, 5], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); const y = interpolate( frame - delay, [0, 5], [10, 0], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); return ( {word} ); }; const AnimatedSentence = ({ text, startDelay = 0, wordDelay = 3, fontSize = 48, fontWeight = 'bold', color = '#ffffff', textAlign = 'center', style = {} }) => { const words = text.split(' '); return (

{words.map((word, i) => ( ))}

); }; const UIImage = ({ src, delay = 0, duration = 60, opacity = 1, style = {} }) => { const frame = useCurrentFrame(); const { fps } = useVideoConfig(); const imageOpacity = interpolate( frame - delay, [0, 8, duration - 8, duration], [0, opacity, opacity, 0], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); const scale = interpolate( frame - delay, [0, 8], [0.97, 1], { extrapolateRight: 'clamp' } ); return (

); }; const BlackWhiteSection = ({ isBlack = true, children }) => { return ( {children} ); }; const BounceLogo = ({ src, delay = 0, duration = 60 }) => { const frame = useCurrentFrame(); const opacity = interpolate( frame - delay, [0, 8], [0, 1], { extrapolateRight: 'clamp' } ); return (

); }; const AnimatedLogo = ({ src, delay = 0, duration = 60, width = 200, style = {} }) => { const frame = useCurrentFrame(); const opacity = interpolate( frame - delay, [0, 5], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); const scale = interpolate( frame - delay, [0, 5], [0.97, 1], { extrapolateRight: 'clamp' } ); return (

); }; const UIVideo = ({ src, delay = 0, duration = 60, opacity = 1, style = {} }) => { const frame = useCurrentFrame(); const { fps } = useVideoConfig(); const videoOpacity = interpolate( frame - delay, [0, 8, duration - 8, duration], [0, opacity, opacity, 0], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); const scale = interpolate( frame - delay, [0, 8], [0.97, 1], { extrapolateRight: 'clamp' } ); return (

); }; const VideoComposition = () => { const { fps } = useVideoConfig(); const templateGalleryImg = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/image-k1ESD1iFBIlSohjltZ209D5mggf6rK.png"; const promptBoxImg = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/image-k1ESD1iFBIlSohjltZ209D5mggf6rK.png"; const exportButtonImg = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/image-k1ESD1iFBIlSohjltZ209D5mggf6rK.png"; const logoPromptBoxVideo = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/Logo%20Prompt%20box-O15RHwkUUAP5GtueSXQADwuvfqlAZy.mov"; const promptDemoVideo = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/prompt-demo-nFW44G6aT1z3ErYGAc33TAETXsoEWq.mp4"; const remixDemoVideo = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/Remix%20demo-S3nbVJwykUGBYVcroukhgulUEspxZH.mov"; const remixButtonImg = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/image-k1ESD1iFBIlSohjltZ209D5mggf6rK.png"; const reerollLogo = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/logo-white%20%281%29-HlCXZd8VSzLYWNiJRjckgbq9H3bTwa.png"; const hawaiiSong = "https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/2d85fbcd-f0c2-4baf-929a-d993dc8f53d0/hawaii-song-5pGl2LRd95USN57TsckvxgCp9WoWJD.mp3"; const INTRO_DURATION = 120; const WHAT_IF_DURATION = 90; const LOGO_DURATION = 75; const REEROLL_DURATION = 90; const FEATURE_SEQ_DURATION = 180; const FEATURE_TRANSITION = 10; const FEATURES_DURATION = FEATURE_SEQ_DURATION * 4 + FEATURE_TRANSITION * 3; const OUTRO_DURATION = 120; const INTRO_START = 0; const WHAT_IF_START = INTRO_START + INTRO_DURATION; const LOGO_START = WHAT_IF_START + WHAT_IF_DURATION; const REEROLL_START = LOGO_START + LOGO_DURATION; const FEATURES_START = REEROLL_START + REEROLL_DURATION; const OUTRO_START = FEATURES_START + FEATURES_DURATION - 15; const TOTAL_DURATION = OUTRO_START + OUTRO_DURATION; return (

); }; return VideoComposition;