const frame = useCurrentFrame(); const { fps, width, height } = useVideoConfig(); const audioUrl = "https://galexia-ai-bucket-01.s3.us-east-1.amazonaws.com/renders/9b75743a-c734-4c91-9f6b-ee3c94e54836.mp3"; // Theme colors const theme = { bg: "#0d1b2a", card: "#1b263b", accent: "#4cc9f0", text: "#ffffff", highlight: "#f72585", muted: "#6c757d" }; // Animation helpers const fadeIn = (start, end) => interpolate(frame, [start, end], [0, 1], { extrapolateRight: 'clamp' }); const slideUp = (start, end, dist = 50) => interpolate(frame, [start, end], [dist, 0], { extrapolateRight: 'clamp' }); const scaleIn = (start, end) => interpolate(frame, [start, end], [0.8, 1], { extrapolateRight: 'clamp' }); // Scene timing (at 30fps) const scenes = [ { start: 0, end: 60, label: "intro" }, // 0-2s: Title { start: 60, end: 180, label: "step1" }, // 2-6s: Insert fingers { start: 180, end: 300, label: "step2" }, // 6-10s: Apply pressure { start: 300, end: 420, label: "step3" }, // 10-14s: Flexion reflex { start: 420, end: 540, label: "step4" }, // 14-18s: Grasp ankle { start: 540, end: 720, label: "step5" }, // 18-24s: Repeat other side { start: 720, end: 900, label: "summary" }, // 24-30s: Summary { start: 900, end: 1050, label: "outro" }, // 30-35s: Outro ]; // Progress bar const progress = interpolate(frame, [0, 1050], [0, 100], { extrapolateRight: 'clamp' }); return (