Shadcn UI Hero Block
Hero157 is a visually impactful component designed to emphasize the prominence and achievements of an organization or project. Utilizing a full-width background image and overlay, it brings attention to key messages and calls to action. The design is centered around a compelling headline and supporting texts, creating a bold statement for use in landing pages or major sections of a web application.
In detail, Hero157 offers a unified layout that integrates a background image with a dark overlay, making the text elements stand out clearly. The component consists of multiple sections, each contributing to its main message. It includes a headline and subheadline, styled to capture attention with varying text sizes across screen breakpoints. An emphasized call to action, paired with an icon, encourages user interaction, providing a visually striking approach to guide users towards further engagement with "Our projects."
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |