Space Voyage — Cinematic Experience — Référence de design web et prompt

# Astra — Cinematic Space-Travel Landing Page

## Overview

Build a single-page space-travel landing site with two full-height sections — a hero and a capabilities showcase — both layered over looping background videos that crossfade via a custom rAF-driven JavaScript routine (no CSS transitions). The page shares a "liquid glass" design system for all chrome (nav, chips, cards, CTAs) and uses Motion (Framer Motion) for entrance animations, including a word-by-word blur-in headline. All text is white over full-bleed video with no dark overlay; contrast comes entirely from the liquid-glass chrome.

## Tech Stack

- **Runtime / framework:** React 18.3.1 (UMD development build, loaded from CDN — no bundler).
- **JSX compilation:** in-browser via Babel Standalone 7.29.0; every component is a `<script type="text/babel">` file that exports itself onto `window.X = X`.
- **Animation:** Framer Motion 11.11.17 (UMD build, exposed as `window.Motion`).
- **Styling:** Tailwind CSS via the CDN `<script>` (`https://cdn.tailwindcss.com`) with an inline `tailwind.config`, plus a hand-written `<style>` block for the liquid-glass utilities.