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
- 01
Travel video stage
Full-bleed /videos/hero-bg.mp4 with a soft white gradient wash at the top.
- 02
AI itinerary prompt
Glass prompt card with Japan sample brief, upload control, and Plan My Trip.
- 03
Trip-planner chrome
wandor mark, Discover / Pricing / FAQs, Login, and Plan My Trip nav CTAs.
- 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
