The Hero55 component is a versatile shadcn block designed to serve as a dynamic introduction section, often at the top of a webpage. It features a visually engaging layout that combines interactive elements with prominent call-to-actions, making it an ideal choice for highlighting significant updates or promotions. This component seamlessly integrates a clickable badge link that leads to additional information or features, positioned alongside eye-catching text and action buttons that direct user interaction effectively.
In detail, the Hero55 component focuses on creating a compelling first impression with its centered design and interactive elements. A key feature is the integration of the "ArrowRight" icon next to the badge, providing a smooth visual cue for onward navigation. The large, prominent heading communicates the primary message clearly, while the underlying buttons cater to different call-to-action needs, such as starting a free session or booking a demo. The background image enhances visual appeal, subtly incorporating the shadcn ui aesthetic to reinforce brand recognition or thematic continuity across platforms.
| Package | Type |
|---|---|
| lucide-react | NPM |
badge @shadcn | Registry |
button @shadcn | Registry |