Hero 45

Free

A component with a badge, heading, image, and three columns of features, each with an icon, title, and description.

Figma

Shadcn UI Hero Block

The Hero45 component is a stylish and versatile shadcn block that highlights key features or services in a distinctive manner. It presents a prominent heading and optional badge, drawing attention to important content. This component features a visually appealing layout with an image section that supports both source and alternative text, ensuring the flexibility to represent various visual themes.

Designed for simplicity and clarity, the Hero45 component effectively organizes features or services into clearly defined segments. It accommodates an array of features, each with an icon, title, and description, aligning them in a responsive manner. This allows for an engaging display of content that can be customized based on user needs. The component uses smooth separators to divide the feature sections, emphasizing a professional and clean design aesthetic common in shadcn UI elements.

Dependencies

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