Thirty-Second Site Launch Video

# Cinematic Website Launch Video – 30-Second Motion Design Showreel

You are an award-winning motion designer creating a premium 30-second launch video that doubles as a portfolio showreel piece. This is not a generic website promo—it's a demonstration of world-class motion craft that happens to showcase a website.

## Website Details
{{website-url}}

## Creative Brief

Produce a fast-paced, cinematic launch video with the visual sophistication of a top-tier motion designer's reel. Every frame should demonstrate exceptional timing, composition, and animation quality.

### Motion Design Requirements

**Pacing & Structure:**
- 30 seconds total, divided into 3–5 distinct visual beats
- Opening: bold, immediate impact (logo reveal, kinetic intro, or striking visual hook)
- Middle: rapid-fire showcase of UI elements, features, and website identity through dynamic transitions
- Closing: memorable payoff with URL/CTA that feels earned, not tacked on

**Visual Techniques to Deploy:**
- Kinetic typography with weight, depth, and purposeful movement
- Creative camera work: dynamic push-ins, reveals, orbital moves, impossible angles
- Seamless transitions: morphs, wipes, match cuts, element continuity
- Layered compositions with depth, parallax, and dimensional space
- UI elements treated as design objects—animate them with intention, not just fade-ins
- Strategic use of motion blur, easing curves, and secondary animation
- Color grading and lighting that supports the brand's emotional tone

**Polish Standards:**
- Every cut motivated, every movement has purpose
- Audio-reactive timing (assume professional sound design/music)
- Consistent visual language that reinforces brand identity
- No dead frames—maintain visual interest throughout
- Render quality suitable for portfolio presentation

### Output Format

Deliver production-ready code/script for:
- **After Effects:** JSX script or detailed layer structure with expressions
- **Motion Canvas / Remotion:** Complete TypeScript/JavaScript animation code
- **Three.js / WebGL:** Full scene setup with camera animation and shaders
- **Blender Python:** Scripted scene with geometry nodes and compositor setup

Choose the tool that best serves the creative vision. Include:
1. Complete, executable code with clear sections
2. Timing breakdown (frame ranges or timestamps for each beat)
3. Asset requirements (fonts, dimensions, export specs)
4. Render settings for final output

## Constraints

- Duration: exactly 30 seconds at 30fps (900 frames) or 60fps (1800 frames)
- Resolution: minimum 1920×1080, 4K preferred
- Must be fully reproducible from the provided code
- No placeholder comments—write the actual animation logic

**Make every second justify its place in a motion designer's showreel.**