const scenes = [ { image: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/generated/8392031d-90bc-4369-9c4e-fa0d8de5bffc.png", text: "We are made of starstuff.", subtext: "The cosmos within us, dreaming itself awake.", audio: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/renders/6b13f69b-8b20-49b5-ab64-21fd99dd731f.mpeg", startFrame: 0, durationFrames: 144 }, { image: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/generated/c3416fa2-397e-4d08-9953-26fdea2d30c6.png", text: "To love and be loved.", subtext: "Connection is our deepest truth.", audio: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/renders/720bfaf0-6e1d-442e-99e4-4f737c454a45.mpeg", startFrame: 144, durationFrames: 164 }, { image: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/generated/66285e11-0fc0-49a2-ad16-560546e561d3.png", text: "To grow, to become.", subtext: "Every seed holds a forest.", audio: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/renders/e3c7d4b2-9f1e-414a-8add-8fc5033a4a78.mpeg", startFrame: 308, durationFrames: 156 }, { image: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/generated/df10c7f4-5861-438f-b1a5-1adecd7fde18.png", text: "To create, to express.", subtext: "Our hands shape meaning from nothing.", audio: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/renders/a73c2b66-0161-4ab7-b475-1309daacb65f.mpeg", startFrame: 464, durationFrames: 164 }, { image: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/generated/a708b366-f7eb-495f-abf4-a1c8265d66c1.png", text: "To wonder, to seek.", subtext: "The question is the answer.", audio: "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/renders/150317b3-093b-477c-82b5-8289d53fc16b.mpeg", startFrame: 628, durationFrames: 151 } ]; return ( {scenes.map((scene, i) => ( {scene.audio &&

))} ); function Scene({ scene }) { const { fps } = useVideoConfig(); const frame = useCurrentFrame(); const localFrame = frame - scene.startFrame; const progress = localFrame / scene.durationFrames; // Fade in/out const fadeIn = interpolate(localFrame, [0, 12], [0, 1], { extrapolateRight: "clamp" }); const fadeOut = interpolate(localFrame, [scene.durationFrames - 12, scene.durationFrames], [1, 0], { extrapolateLeft: "clamp" }); const opacity = Math.min(fadeIn, fadeOut); // Subtle zoom const scale = interpolate(progress, [0, 1], [1, 1.08]); // Text fade (delayed) const textOpacity = interpolate(localFrame, [8, 18], [0, 1], { extrapolateRight: "clamp", extrapolateLeft: "clamp" }); const textOpacityOut = interpolate(localFrame, [scene.durationFrames - 18, scene.durationFrames - 8], [1, 0], { extrapolateLeft: "clamp" }); const finalTextOpacity = Math.min(textOpacity, textOpacityOut); // Subtext fade (more delayed) const subtextOpacity = interpolate(localFrame, [14, 22], [0, 0.7], { extrapolateRight: "clamp", extrapolateLeft: "clamp" }); const subtextOpacityOut = interpolate(localFrame, [scene.durationFrames - 16, scene.durationFrames - 10], [0.7, 0], { extrapolateLeft: "clamp" }); const finalSubtextOpacity = Math.min(subtextOpacity, subtextOpacityOut); return ( {/* Background image */}

{/* Dark gradient overlay for text readability */} {/* Main text */}

{scene.text}

{scene.subtext}

); }