Overview
Airlines is a full-viewport travel hero by SonoJS. Built as a single HTML page with Inter, Tailwind via a local script, and a looping hero.mp4 stage. Fade-in Travel the World Without Any Stress headline, planning subcopy, Start Exploring CTA, desktop nav (About / Services / Locations / Places / Support) with Start Travel chip, and a mobile menu. Demo airline chrome only - no booking backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Full-bleed travel video
Looping hero.mp4 with a soft black gradient wash for readable white type.
- 02
Fade-in hero stack
Staggered Travel the World Without Any Stress headline, subcopy, and Start Exploring.
- 03
Responsive chrome
Desktop nav + Start Travel chip; mobile hamburger opens a blurred menu panel.
- 04
Zero-build static
One index.html plus Inter fonts, hero video, and assets/js/tailwindcss.js.
You get
- index.html (complete Airlines hero)
- assets/video/hero.mp4
- assets/css/inter.css + Inter fonts
- assets/js/tailwindcss.js
- Mobile menu toggle script
Details
- Version
- v1.0.0
- Last update
- Nov 8, 2026
- Pages
- 1
- Category
- Hero & Interaction
You need
- Modern browser (video autoplay muted, CSS animations)
- No build step - open index.html or static-host the folder
- Optional: Cloudflare Workers / Pages for hosting


