Shadcn UI Hero Block
The Hero149 component is a visually striking shadcn block designed to highlight and market a service. With a focus on clean, modern design, it combines impactful typography with a compelling call-to-action structure that directs users to engage with the service offering. This component is perfect for catching visitors' attention while providing key information succinctly.
Diving deeper, the Hero149 component is organized to display a central message and supporting details effectively. It features a bold, attention-grabbing headline and a concise description, flanked by actionable buttons that invite user interaction. The component includes a visual representation, displayed through an image with a specific aspect ratio, and interactive elements like a dialog-triggered video presentation. These elements make the Hero149 not just a static display but an engaging entry point for users to learn more about what is offered.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
aspect-ratio @shadcn | Registry |
button @shadcn | Registry |
dialog @shadcn | Registry |