Hero 173

Pro

A component displaying text, images in overlapped layout with buttons for action & video modal. Uses 2-column grid, with a dynamic video pop-up.

Shadcn UI Hero Block

Hero173 is a functional component designed to create a visually captivating hero section, prominently featuring a call-to-action and a demonstration video. It is part of the shadcn ui collection and integrates interactive elements seamlessly into the page. The component is structured to grab attention with a heading, description, and visual media – essential for landing pages or promotional sections.

The component features a dual-column layout, with textual content and a call-to-action on one side, and a stacked series of image placeholders on the other, arranged within a flexible grid system. A notable feature includes a dialog-based video presentation that can be toggled from a button, enhancing user engagement. The design leverages shadcn block principles, using a mix of typography and interactive components to create a polished appearance that supports both informative and promotional purposes.

Dependencies

PackageType
lucide-reactNPM
reactNPM
aspect-ratio
@shadcn
Registry
button
@shadcn
Registry
dialog
@shadcn
Registry