Selene

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

1. 01

   EARTHRISE parallax

   Layered WebP scene (sky, earth, moonscape, astronaut, ground, frame) for d/m.

2. 02

   Mission log + trajectory

   Launch-to-first-steps cards and a scroll-drawn 384,400 km path.

3. 03

   Missions + reserve

   Orbiter / Lander / Resident packages and a concept launch-window countdown.

4. 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