Airlines
Hero & InteractionNew

Airlines

Travel the World Without Any Stress - airline hero with video stage and CTAs.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

Made with

  • HTML
  • CSS
  • JavaScript
  • Tailwind CSS

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

  1. 01

    Full-bleed travel video

    Looping hero.mp4 with a soft black gradient wash for readable white type.

  2. 02

    Fade-in hero stack

    Staggered Travel the World Without Any Stress headline, subcopy, and Start Exploring.

  3. 03

    Responsive chrome

    Desktop nav + Start Travel chip; mobile hamburger opens a blurred menu panel.

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

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.