Shadcn UI Hero Block
The Hero159 component creates a visually compelling hero section designed to engage users from the first interaction. This shadcn ui block is particularly focused on promoting financial solutions, capturing user attention with a bold heading and a succinct call-to-action. It uses a harmonious blend of typography, imagery, and interactive elements to support this focus, ensuring that users are drawn into the narrative presented.
The component features a carefully structured layout, utilizing a split-screen design that balances a text section with a visually appealing image area. On one side, there's a clear, impactful message written in large, striking typography, accompanied by a supporting paragraph that highlights the platform's financial tools and resources. Alongside this, a call-to-action button invites users to get started, emphasizing accessibility with a no-cost entry point. The adjacent image area displays well-chosen visuals adapted to fit gracefully within the section's design, featuring multiple layers of imagery to add depth and detail in a way that's cohesive with the shadcn component style.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
aspect-ratio @shadcn | Registry |
button @shadcn | Registry |