Wandor

Overview

Wandor is a full-viewport travel-AI marketing hero by SonoJS. Built with Vite, React 19, TypeScript, Tailwind CSS 3, and Lucide. Full-bleed looping hero-bg.mp4 with soft top wash, wandor display mark, Discover / Pricing / FAQs + Login / Plan My Trip nav, Where will you go next? headline, personalized-itinerary copy, glass prompt card (Japan sample brief), upload chrome, and Plan My Trip CTA. Demo trip-planner chrome only - no AI backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Travel video stage

   Full-bleed /videos/hero-bg.mp4 with a soft white gradient wash at the top.

2. 02

   AI itinerary prompt

   Glass prompt card with Japan sample brief, upload control, and Plan My Trip.

3. 03

   Trip-planner chrome

   wandor mark, Discover / Pricing / FAQs, Login, and Plan My Trip nav CTAs.

4. 04

   Vite and fork-ready

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

You get

• Full Vite + React 19 + TypeScript source (Wandor)
• Hero.tsx with video stage, nav, and prompt card
• Tailwind CSS 3 + PostCSS
• public/videos/hero-bg.mp4
• public/fonts (Geist + Special Elite)
• lucide-react