SpaceEdu

Overview

SpaceEdu is a full-viewport planet education hero by SonoJS. Built as a single HTML page with local fonts, stills, cutouts, and looping sky videos. Click the side planets to feature EARTH, VENUS, or MARS - the sky video crossfades, title and copy update, and GET STARTED drives enrollment. Nav covers Planets, Tuition, Tutorials, Blog, and Enroll. prefers-reduced-motion falls back to still skies. Demo UI only - no backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

1. 01

   Clickable side planets

   Swap the featured world between Earth, Venus, and Mars - title, copy, and sky update together.

2. 02

   Video sky stage

   Looping planet sky videos with still fallbacks and reduced-motion support.

3. 03

   Course enrollment chrome

   PLANET eyebrow, serif headline, enrollment blurb, and GET STARTED CTA.

4. 04

   Zero-build static

   One index.html plus fonts, stills, cutouts, and sky videos - deploy anywhere static.

You get

• index.html (complete SpaceEdu hero)
• assets/video (earth / mars / venus sky loops)
• assets/still and assets/cutout planet art
• assets/fonts (Prata, Hanken Grotesk, Poppins)
• CREDITS.txt