REMOTION VIDEO COMPONENT: PRODUCT DEMO

VIDEO STRUCTURE (30 seconds = 900 frames @ 30fps)

SEGMENT 1: PROBLEM STATEMENT (0-5s)
• Visual → Gray screen with text fading in
• Text animation → "Manual process taking 8 hours"
• Sound → Subtle tension chord
• Frames → 150 (fade in 1s, hold 4s)

SEGMENT 2: PRODUCT INTRO (5-12s)
• Visual → Logo slide with product icon scaling up
• Text → "Say hello to Dashboard Pro"
• Animation → Scale 0.8 → 1.0 over 3s
• Sound → Uplifting transition

SEGMENT 3: FEATURE DEMONSTRATION (12-25s)
• Visual → Screen recording of app (or simulated UI)
• Text overlays → "Automate", "Visualize", "Export"
• Animation → Each overlay fades, appears for 4s
• Timing → Pan effect across screenshot, highlight sections
• Sound → Keyboard clicks (subtle, 0.3 volume)

SEGMENT 4: CTA (25-30s)
• Visual → Brand background color, centered button
• Text → "Get 14-day free trial"
• Button animation → Subtle pulse, 2x per second
• Sound → Brief upbeat sting

REMOTION REACT CODE STRUCTURE
const Demo = () => {
  const durationFrames = 900;
  return (
    <Composition fps={30} durationInFrames={durationFrames}>
      <ProblemScene frame={0} />
      <LogoIntro frame={150} />
      <FeatureDemo frame={360} />
      <CallToAction frame={750} />
    </Composition>
  );
}

EXPORT CHECKLIST
Resolution → 1920x1080 (HD)
Codec → H.264, 5 Mbps bitrate
Format → MP4 for YouTube upload
Render time → ~2 min per revision (watch CPU usage)