Shadcn UI Hero Block
The Hero167 component serves as a visually impactful hero section designed for showcasing key messages or highlights on a webpage. It includes a prominent heading, descriptive text, and buttons that lead to further information or actions, making it suitable for marketing and promotional purposes. This shadcn ui component effectively enhances the user's engagement by providing clear calls to action coupled with detailed visual cues.
More specifically, the Hero167 component is laid out in a two-column design, with text and interactive elements on one side and visual content on the other. The component features two call-to-action buttons that are styled to change dynamically on hover, providing an interactive user experience. A distinctive aspect of this shadcn block is its use of a background design that supports various resolutions without compromising on aesthetic appeal. The component blends text, image, and interaction smoothly into one cohesive unit, perfect for directing user attention to central themes or offerings.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
aspect-ratio @shadcn | Registry |
button @shadcn | Registry |