Hero 34

Basic

A component featuring a 2-column layout, with a text section including a title, paragraph, and buttons on one side, and a full-width image on the other.

Figma

Shadcn UI Hero Block

The Hero34 component is a visually appealing shadcn block designed to serve as a prominent introductory section on a website. It effectively captures the attention of visitors with a bold, headline-driven layout. Featuring a graphical element alongside compelling text, this component provides a striking and dynamic way to welcome users, making it ideal for showcasing new releases or announcements.

Hero34 is meticulously laid out with a two-column design that dynamically adapts to different screen sizes. It integrates concise messaging with a strong visual presence, supported by a bold headline and subtext. The inclusion of primary and secondary call-to-action buttons, complemented by an illustrative image, enhances user engagement. This shadcn component is crafted for easy integration, enabling immediate deployment as a welcoming hero section on any site.

Dependencies

PackageType
lucide-reactNPM
button
@shadcn
Registry