Hero 50

Pro

A component with a call-to-action link, centered title, description text, and two buttons. Features images with overlapping effects.

Figma

Shadcn UI Hero Block

The Hero50 component is a dynamic and visually engaging section designed to capture user interest and convey a snapshot of community-business data integration. It features a compelling call-to-action and provides users with the opportunity to engage through a survey. This component artfully combines textual content with interactive elements, promoting an accessible and direct way for users to delve deeper into community involvement and business collaboration opportunities.

Delving into the specifics, the Hero50 component is strategically structured to guide users through key messages and actions. At the top, a prominently placed interactive link invites users to participate in a community collaboration survey, underlined with a commitment to supporting community causes. The core message is reinforced by a large, bold heading, paired with a supporting paragraph that concisely outlines the component's purpose—highlighting how community efforts contribute to business success. The design layout employs a visually balanced mix of text, buttons, and graphical elements, using shadcn components and thoughtful typography to maintain user focus and engagement.

Dependencies

PackageType
lucide-reactNPM
button
@shadcn
Registry