Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
Hero Block Travel Video
Hero with travel video background, glass card signup, and social proof elements
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
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.
Discover the world together
Plan unforgettable journeys with curated travel experiences. From hidden gems to iconic destinations, your adventure starts here.
Join 50,000+ travelers. Start exploring today.
Installation
Related blocks you will also like
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