Shadcn UI Hero Block
Hero152 is a versatile shadcn component designed to provide a striking introduction to a design system. It uses a combination of visual elements and interactive buttons to emphasize its reliability and effectiveness. The component highlights a key message, supported by imagery and optional interaction buttons that direct users to further engagement.
The component's layout focuses on showcasing a central message, "Design system that delivers," in a large, bold font, surrounded by trust indicators and call-to-action buttons. The shadcn block leverages well-designed image placeholders to create a dynamic visual background, adding depth and interest to the overall presentation. Its cohesive styling ensures the component integrates seamlessly into a broader user interface while maintaining emphasis on the key messaging.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |