# OpenClaw Promo Video Upgrade Spec

## Project Path
`/Users/jakeshore/.clawdbot/workspace/openclaw-gallery/video/openclaw-promo/`

## Shared Components Available (already built)
- `src/styles/theme.ts` — COLORS, GLASS_CARD, SPRING presets, FONT
- `src/components/ParticleField.tsx` — Floating particle background layer
- `src/components/MeshBackground.tsx` — Animated mesh gradient with grid overlay
- `src/components/GlassCard.tsx` — Glass morphism card + AnimatedGlowBorder
- `src/components/KineticText.tsx` — Word-by-word stagger reveal + FlipCounter
- `src/components/ChannelIcons.tsx` — SVG brand icons for Discord/Telegram/Slack/WhatsApp/iMessage/Web/SMS

## IMPORTANT Rules
- All animations MUST use useCurrentFrame() — NO CSS transitions or animations
- Import from remotion: useCurrentFrame, interpolate, spring, useVideoConfig, Sequence, staticFile
- Import from @remotion/transitions: TransitionSeries, linearTiming, springTiming for scene transitions
- Available transitions: fade, slide, wipe, flip, clockWipe from @remotion/transitions/*
- Canvas is 1920x1080 at 30fps
- Use SPRING presets from theme for varied motion (snappy, smooth, heavy, bouncy, gentle)
- Use GLASS_CARD style for premium card looks
- Every scene should include MeshBackground + ParticleField for depth
- Font: Inter (already loaded)

## Scene Timing (tightened from original)
Target total: ~2700 frames (90s) with transitions overlapping

## Funnel Screenshots
HTML funnel pages exist at: `/Users/jakeshore/.clawdbot/workspace/mcpengine-repo/landing-pages/`
30+ funnels: acuity.html, bamboohr.html, closecrm.html, servicetitan.html, jobber.html, etc.
These need to be screenshotted and saved to `public/funnels/` for use in Scene7 BatchGeneration.
