Hero 115

Free

A component featuring a centered section with an icon, heading, description, button with an icon, optional trust text, and a large image. Includes a decorative, layered circular backdrop.

Figma

Shadcn UI Hero Block

Hero115 is a versatile and visually appealing component designed to effectively highlight core messages and actions. It serves as a comprehensive introductory section that combines concise information delivery with strong visual components provided by the shadcn block architecture. This component is crafted to attract attention through a simplistic yet powerful design, ensuring that fundamental details like headings, descriptions, and call-to-action elements are prominently featured.

In detail, Hero115 boasts a structured layout that showcases a primary icon, a bold heading, a descriptive paragraph, and a call-to-action button, all designed to captivate the viewer's attention. The background features an intricate placement of gradient-style circular elements, subtly enhancing the component's visual depth without overwhelming the central content. Included is a customizable image section to display relevant visuals, reinforcing the message. This shadcn UI-powered block ensures all these elements are cohesively brought together to form a balanced, aesthetically pleasing hero section.

Dependencies

PackageType
lucide-reactNPM
button
@shadcn
Registry