Hero228

1.0.0

Centered marketing hero with a mixed serif headline, muted supporting copy, and an autoplay fan carousel of portraits with animated tick bars and name crossfades.

npx jabkit add hero228

Component Data

ID: hero228
Category: marketing
Version: 1.0.0
Added: 2026-08-30
Type: block
Keyboard nav: Yes
Reduced motion: Yes

heromarketingcarouselportraitsautoplaylandingeditorial

Dependencies

clsx
tailwind-merge

Examples

Default

<div className="bg-background text-foreground">
      <Hero228 {...hero228Mocks.default} />
    </div>

Variants

<div className="bg-background text-foreground">
      <Hero228 {...hero228Mocks.studio} />
    </div>