Shadcn UI Hero Block
The Hero170 component is a distinct block designed to captivate users with its visually appealing layout and clear call-to-actions. It prominently features a header and supporting paragraph that collectively convey the value proposition of a product or service. With its dual-button setup, it encourages users to either download an application or engage on GitHub, showcasing its versatility.
This shadcn block is an elegant solution for displaying a hero section on a web page, tailored to highlight the power and potential of your product or service. It supports showcasing integral aspects like topping icons for integration options and a large visual placeholder for media content. The component's design subtly guides the user's attention from a compelling headline to secondary actions, using a combination of textual content and strategically placed icons. The styling ensures a polished look across devices, with seamless transitions and clear, accessible typography.
Dependencies
| Package | Type |
|---|---|
| react-icons | NPM |
button @shadcn | Registry |