Wanderful

Overview

Wanderful is a full-viewport travel / itinerary marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 3, GSAP, and Lucide. Looping hero.mp4 with mouse-parallax scale stage, Wanderful™ mark, JOURNEY / BENEFITS / JOURNAL / GUIDEBOOK glass pill nav, GET ROAMING CTA, Venture without edges. / Uncover with keen instinct. headline, Plan my escape today button, and SECURE BY DESIGN lock note. Demo travel chrome only - no booking backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Parallax video stage

   hero.mp4 loops at 1.25× with GSAP mouse-parallax on a scaled background layer.

2. 02

   Venture without edges

   Two-tone Inter headline plus itinerary pitch and Plan my escape today CTA.

3. 03

   Liquid-glass chrome

   Wanderful™ mark, JOURNEY–GUIDEBOOK pill nav, GET ROAMING, and secure lock note.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + TypeScript + Tailwind 3 + GSAP + Lucide - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Wanderful)
• App.tsx parallax hero shell
• Tailwind CSS 3 + PostCSS
• public/videos/hero.mp4
• gsap + lucide-react