Hero 37

Pro

A component featuring a center-aligned text block with a "New Release" announcement, headline, and descriptive text, followed by primary and secondary buttons. Includes a decorative background of spiraled dots and three angled, overlapping blocks beneath.

Figma

Shadcn UI Hero Block

Hero37 is a dynamic shadcn block designed to present a welcoming message on a website's homepage. It encapsulates an eye-catching header and subheader, cleverly integrating two interactive buttons for primary user actions. The component emphasizes aesthetic design with layered visual elements creating depth and interest on the page.

In detail, Hero37 comprises a centrally aligned text section with attention-grabbing typography, making it ideal for announcing new releases or features. The structured layout includes a visually stimulating SVG graphic with a spiraling dot pattern that adds a subtle, elegant motion effect. This shadcn component utilizes layered background panels to enhance perceptual depth, fostering a compelling visual narrative without compromising on functionality.

Dependencies

PackageType
lucide-reactNPM
button
@shadcn
Registry