Overview
Selene is a concept lunar-expedition marketing landing by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 4, and Lenis smooth scroll. SELENE wordmark, EARTHRISE parallax hero (sky / earth / moonscape / astronaut / ground / frame layers for desktop and mobile), Mission log (Launch → First steps), scroll-drawn 384,400 km Trajectory, Orbiter / Lander / Resident mission cards, and Reserve countdown to a concept launch window. Demo expedition chrome only - no booking backend. Vite build ready for Cloudflare Workers.
Highlights
- 01
EARTHRISE parallax
Layered WebP scene (sky, earth, moonscape, astronaut, ground, frame) for d/m.
- 02
Mission log + trajectory
Launch-to-first-steps cards and a scroll-drawn 384,400 km path.
- 03
Missions + reserve
Orbiter / Lander / Resident packages and a concept launch-window countdown.
- 04
Vite and fork-ready
Vite 6 + React 19 + TypeScript + Tailwind 4 + Lenis - npm run build to dist/.
You get
- Full Vite + React 19 + TypeScript source (Selene)
- Earthrise, MissionLog, Trajectory, Missions, Reserve, Chrome
- Tailwind CSS 4 via @tailwindcss/vite + Lenis
- public/layers (desktop + mobile WebP stacks)
- public/media mission cards + og.jpg
