Trav

Overview

Trav is a full-viewport travel app hero by SonoJS. Built as a single HTML page with Inter, Tailwind via a local vendor script, and a looping hero.mp4 stage. Centered map-pin mark, word-staggered Begin Your Next Big Adventure headline, trip-planning subcopy, and a glowing Download Now CTA. Desktop nav (Home / Our Story / FAQ / Policies) plus a mobile fullscreen menu. Demo travel chrome only - no app store backend. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

1. 01

   Full-bleed travel video

   Fixed looping hero.mp4 with a soft dark wash for readable type.

2. 02

   Word-stagger entrance

   Headline and subcopy animate word-by-word; pin and CTA fade in after.

3. 03

   Responsive chrome

   Desktop nav links plus a fullscreen mobile menu with open/close controls.

4. 04

   Zero-build static

   One index.html plus Inter fonts, hero video, and vendor/tailwindcss.js.

You get

• index.html (complete Trav hero)
• assets/video/hero.mp4
• assets/fonts (Inter + inter.css)
• vendor/tailwindcss.js
• Word stagger and mobile menu script