Shadcn.io is not affiliated with official shadcn/ui
React Travel Video Hero Block
A React and Next.js travel video hero section built with shadcn/ui Card, Button, Badge, and Input components plus Tailwind CSS. Features glassmorphism signup card and social proof over a looping video background.
Transport visitors to their dream destination with this React travel video hero block for Next.js. Built with TypeScript, shadcn/ui Card, Button, Badge, and Input components, and Tailwind CSS backdrop-blur utilities, it features a full-viewport looping video background with a gradient overlay, a glassmorphism email signup card, star ratings, and avatar social proof. The Framer Motion entrance animation adds polish while the frosted-glass card captures leads elegantly. Perfect for travel agencies, tourism platforms, adventure startups, and hospitality brands that want to inspire wanderlust and drive email signups.
React Travel Video Hero Block preview
Installation
Related Components
React Split Video Hero Block
A React hero section with side-by-side video and content for product demos
React Email Signup Hero Block
A React hero block with a prominent email capture form and social proof
React Gradient Orbs Hero Block
A React hero section featuring animated gradient orb backgrounds
React Social Proof Bar Hero Block
A React hero block with a trust bar showing ratings, logos, and user counts
React Dark App Download Hero Block
A React dark-themed hero section with app store download buttons
React Animated Gradient Hero Block
A React hero block with a smoothly animated gradient background effect
FAQ
Was this page helpful?
Sign in to leave feedback.
React Timeline Hero Block
A React and Next.js timeline hero section built with shadcn/ui Badge and Button components plus Tailwind CSS. Features animated milestone cards with alternating layout and progress indicators.
React Trusted By Hero Block
A React and Next.js trusted-by hero section built with shadcn/ui Button components and Tailwind CSS. Features grayscale company logos, trust indicators, and a bold CTA with Framer Motion animations.