Shadcn UI Hero Block
The Hero244 component serves as an engaging, interactive hero section designed to draw attention to various featured items. It showcases a creative layout where images, accompanied by titles, can be displayed prominently across the screen, inviting users to explore more through a visually appealing grid layout and draggable card interface.
The component stands out with its dual-column structure, combining descriptive text with a set of draggable image cards. These cards can be interacted with, enhancing the user experience by creating a sense of playfulness and discovery. The bold headings and call-to-action buttons within the component encourage user engagement, making it an ideal choice for sections that aim to showcase exclusive offerings or limited-time items. The design employs the shadcn ui philosophy, focusing on modern, clean aesthetics.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
draggable-card.json @aceternity | Registry |
button @shadcn | Registry |