Shadcn UI Hero Block
The Hero111 component represents a visually engaging section designed to showcase HR management capabilities with a focus on advanced hiring processes. It incorporates a central form for capturing user email addresses, facilitating engagement and connectivity with the platform. Composed using various shadcn UI elements, this component aims to provide an intuitive and comprehensive experience that appeals to both users and administrators.
In more detail, the Hero111 component is built with a structured layout that includes a headline, supporting text, and a registration form leveraging shadcn block patterns. The form utilizes validation powered by zod and react-hook-form, ensuring robust input handling. Additionally, the component displays visual cues like CircleCheck icons to highlight benefits such as "No Credit Card Required" and "Cancel Anytime," further enhancing the user experience. The design effectively combines informative content with aesthetic appeal, reinforced by an array of company logos to build trust and credibility.
Dependencies
| Package | Type |
|---|---|
| @hookform/resolvers | NPM |
| lucide-react | NPM |
| react-hook-form | NPM |
| zod | NPM |
aspect-ratio @shadcn | Registry |
button @shadcn | Registry |
form @shadcn | Registry |
input @shadcn | Registry |