Hero 2

Pro

Component Data

  • ID:hero2
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block
  • Release:Aug 2024

Shadcn UI Hero Block

The Hero2 component serves as a visually engaging section of a webpage, specifically designed to capture the user's attention with a striking combination of images, text, and interactive elements. It leverages the aesthetic and layout techniques common to shadcn UI components, embedding a sophisticated yet modern style with the use of consistent design patterns.

The Hero2 component integrates a full-width image coupled with a text block that offers a headline, descriptive text, and a call-to-action using buttons. The layout is divided into two main sections: a visually captivating image and a well-structured text area aligned for maximum engagement. The inclusion of a descriptive badge adds context and draws focus, while the buttons encourage user interaction, directly correlating to the primary goals of most hero sections.

Dependencies

PackageType
lucide-reactNPM
badge
@shadcn
Registry
button
@shadcn
Registry

Screenshots

hero2 thumbnail