Shadcn.io is not affiliated with official shadcn/ui
Hero Split Video
A split-layout hero with a 16:9 video player mockup for React and Next.js featuring an announcement pill, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS
Build a split-layout hero with a 16:9 video player mockup using this React and Next.js block. Features an announcement pill, bold two-line headline, a three-item emerald feature checklist with CheckIcon, and dual ShadcnioButton CTAs with a sliding arrow effect on hover alongside a video player mockup with window chrome, centered play button, duration badge, and progress bar. Built with TypeScript, ShadcnioButton, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for product demo pages, brand storytelling, SaaS landing pages, and any marketing site where showing motion conveys value better than static imagery.
Related Components
React Split Image Hero Block
Split-layout hero with full-height image placeholder using React and Tailwind CSS
React Split Signup Hero Block
Split-layout hero with inline registration form using shadcn/ui Input and Label
React Split Testimonial Hero Block
Split-layout hero with customer testimonial card using shadcn/ui components
React Video Modal Hero Block
Hero with click-to-play video modal built with React and shadcn/ui Dialog
React Video Player Hero Block
Hero with inline video player controls using React state and shadcn/ui Button
React Travel Video Hero Block
Full-width hero with immersive video background using Tailwind CSS and React
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Testimonial
A split-layout hero with marketing copy on the left and a prominent testimonial card with star rating, quote, and result metrics on the right for React and Next.js built with ShadcnioButton, shadcn/ui, and Tailwind CSS
Split Video Player
A split-layout hero with a 16:9 video player mockup for React and Next.js featuring an announcement pill, headline, emerald feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS