Shadcn.io is not affiliated with official shadcn/ui
Hero Block Travel Video
Hero with travel video background, glass card signup, and social proof elements
Transport visitors to their dream destination. This React hero block features a stunning travel video background with a dark gradient overlay, glass-morphism email signup card, and social proof elements. Built with shadcn/ui Button, Badge, Card, and Input components. The video uses object-cover for full viewport coverage, autoPlay and loop for seamless playback, and muted to comply with browser autoplay policies. The floating card uses backdrop-blur for an elegant frosted glass effect. Perfect for travel agencies, tourism sites, adventure platforms, or any brand wanting to inspire wanderlust and capture leads.
Hero Block Travel Video preview
Installation
Related Components
Hero Block Centered Gradient
Minimal centered hero
Hero Block with Stats
Hero with key metrics
Hero Block Gradient Orbs
Hero with gradient orbs
Hero Block Video Modal
Hero with video in modal