Hero 36

Pro

A component showcasing 3 cards in a row, highlighting features like "Product Design," "Development," and "Marketing," with images, descriptions, and "See more" links. Includes a title, a badge stating "New Release," and a description above the cards.

Figma

Shadcn UI Hero Block

The Hero36 component presents a visually striking promotional section designed to highlight the key offerings or capabilities of a business. Positioned as a hero element, it uses an appealing mix of gradient backgrounds and strategic text placement to capture user attention. The primary goal of this shadcn block is to convey important messages succinctly while inviting further exploration of various topics or services.

Building upon a flexible card layout, the Hero36 component organizes information into three distinct content blocks, each representing a different aspect of a business. The section begins with a prominent badge indicating a new feature, followed by a compelling headline and a supportive tagline detailing the component's overarching purpose. Each content block combines an engaging image, a concise title, and a brief description, making it easier for users to quickly understand the highlights. Additionally, an interactive call to action encourages users to delve deeper into each topic.

Dependencies

PackageType
lucide-reactNPM
badge
@shadcn
Registry