Hero 4

Pro

A two-column component featuring an image and a text section with avatars, star ratings, and buttons.

Figma

Shadcn UI Hero Block

Hero4 provides an engaging and visually appealing entry point for web pages with its design focused on capturing user interest through a combination of images and concise text. This shadcn ui block is aimed at developers looking for ready-made and well-structured components to enhance the visual aspect of their applications, without the need for extensive customization or design from scratch.

At its core, Hero4 integrates a dynamic hero section split into image and text areas, encouraging effective storytelling through visuals and narrative. It features a responsive layout where one side emphasizes a vivid image illustration and the other side offers a custom title, description, and interactive buttons for calls to action. This component also accommodates user testimonials portrayed by Avatar elements and a visual star rating, effectively conveying social proof to engage users further.

Dependencies

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