DesignLayer
Japan Travel Hero
Back to components
What is this?
A full-screen travel hero that starts on a night convenience store. Scroll to reveal a cut-out Mount Fuji, then the oversized wordmark rises from behind the mountain. Swap the copy and the two stills, then drop it onto a travel landing page.
ComponentLive Preview
Japan Travel Hero
A full-screen travel hero that starts on a night convenience store. Scroll to reveal a cut-out Mount Fuji, then the oversized wordmark rises from behind the mountain. Swap the copy and the two stills, then drop it onto a travel landing page.
Free: 5 component copies/month & 1 video prompt/month · Unlimited on the 30-Day Pass and Lifetime
Included
- Copy source into Cursor or Claude for agent install
- Responsive on phone, tablet, and desktop
- Finished React · TypeScript · Tailwind CSS UI
Dependencies
- React 19.0.0
- Typescript 5.7.2
- Tailwindcss 3.4.16
Tech Stack
- React
- TypeScript
- Tailwind CSS
Version 1.0.0