Shadcn UI Hero Block
The Hero35 component is a visually striking shadcn component designed to be the introductory or hero section of a webpage. It serves to capture the user's attention immediately by combining bold typography with a call-to-action featuring a prominent button layout. Its dual-column design adjusts to screen sizes, providing a consistent user experience across devices.
This component highlights its functionality by offering a clear message alongside a structured button arrangement that guides user interaction. On one side of the design, it prominently displays introductory text and headline, set in large, visually appealing fonts. The opposing side creatively showcases an artistic background block, enhancing the section's visual interest. This creative shadcn block design is intended to convey a modern and engaging feel, utilizing layered layouts and borders to create depth and dynamics.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |