Shadcn UI Hero Block
The Hero2 component serves as a visually engaging section of a webpage, specifically designed to capture the user's attention with a striking combination of images, text, and interactive elements. It leverages the aesthetic and layout techniques common to shadcn UI components, embedding a sophisticated yet modern style with the use of consistent design patterns.
The Hero2 component integrates a full-width image coupled with a text block that offers a headline, descriptive text, and a call-to-action using buttons. The layout is divided into two main sections: a visually captivating image and a well-structured text area aligned for maximum engagement. The inclusion of a descriptive badge adds context and draws focus, while the buttons encourage user interaction, directly correlating to the primary goals of most hero sections.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
badge @shadcn | Registry |
button @shadcn | Registry |