Hero 230

Pro

A marketing component with customizable buttons, a title, a descriptive paragraph, a dual-carousel display for logos and images, and fading edges for carousel overflow.

Figma

Shadcn UI Hero Block

The Hero230 component is a dynamic and visually appealing block designed to showcase images and logos in a carousel format. It seamlessly integrates a dual-carousel feature, allowing users to display a combination of imagery and branding in a sleek, animation-enhanced presentation. As a part of the shadcn UI library, this component serves as an excellent example of utilizing shadcn blocks for enhanced user interfaces.

Delving deeper into its structure, Hero230 is composed of two primary carousel sections. The first carousel displays a series of company logos, utilizing an auto-scrolling effect to maintain user engagement. The second carousel focuses on a collection of variant imagery, employing subtle animation transitions to highlight visual content. The component leverages the power of its underlying libraries to create an engaging user experience, complete with gradient overlays for a polished finish. Highlights such as tailored autoplay settings and curated transitions ensure the Hero230 continues to provide value in diverse applications.

Dependencies

PackageType
embla-carousel-auto-scrollNPM
embla-carousel-autoplayNPM
lucide-reactNPM
reactNPM
button
@shadcn
Registry
carousel
@shadcn
Registry