Shadcn UI Hero Block
The Hero123 component is a visually captivating section designed to highlight a significant message or feature prominently. It includes a compelling headline and supporting text to engage users effectively, coupled with a call-to-action button to drive interactions. Its design is both modern and functional, suitable for showcasing content that demands immediate attention and action.
Delving deeper, the Hero123 component integrates a structured layout with a combination of text and imagery. It utilizes a two-column grid format where the text content and call-to-action reside on one side and a visual component, an aspect ratio image, is placed on the other. The color scheme and typography contribute to a professional and sleek appearance, making it ideal for landing pages or promotional sections. This shadcn block effectively leverages space and contrast, drawing users' focus to key information and enabling quick engagement.
Dependencies
| Package | Type |
|---|---|
aspect-ratio @shadcn | Registry |
button @shadcn | Registry |