Shadcn UI Hero Block
Hero91 is a two-column split-screen hero with the left side taking 50% width for text content and the right side displaying a looping video in a rounded pill-shaped container. The block includes an uppercase tagline, large headline, supporting paragraph, and two CTA buttons for primary action and demo booking.
Light background with dark text. The video container has a distinctive curved left edge creating a pill-shaped frame. Rounded buttons with generous padding. Spacious layout with large vertical gaps between text elements. Static, no animations.
Modern and polished with a clean, professional feel. The asymmetric video frame is the standout element, giving it a distinctive look compared to standard rectangular video heroes. This is a refined take on the classic split-screen pattern rather than something experimental.
On mobile, the video column hides completely for a single-column text layout. The content stays left-aligned with the same generous spacing.
Dependencies
| Package | Type |
|---|---|
button @shadcn | Registry |