Shadcn UI Hero Block
The Hero135 component is designed to captivate users by highlighting customer stories and presenting them with a dynamic video feature. It prominently displays a compelling title and subtitle, encouraging engagement with its eye-catching design elements and interactive video content.
Digging deeper, Hero135 combines visual storytelling and interactive media to enhance audience interaction. It employs shadcn UI elements, including a button overlay on a looping video segment that triggers a detailed presentation dialog. The component effectively uses the shadcn block design to balance textual content with media, providing a comprehensive user experience through its structured layout, immersive video display, and smooth transitions.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
aspect-ratio @shadcn | Registry |
button @shadcn | Registry |
dialog @shadcn | Registry |