Hero231

1.0.0

Split marketing hero with left-aligned copy and dual CTAs, a faded logo marquee, and a 3D coverflow of portrait cards.

npx jabkit add hero231

Component Data

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

heromarketingcarouselmarqueectaportraits

Dependencies

clsx
tailwind-merge

Examples

Default

<Hero231
      kicker={hero231Mocks.kicker}
      title={hero231Mocks.title}
      description={hero231Mocks.description}
    />

Variants

<Hero231
      kicker={hero231EditorialMocks.kicker}
      title={hero231EditorialMocks.title}
      description={hero231EditorialMocks.description}
      primaryAction={hero231EditorialMocks.primaryAction}
      secondaryAction={hero231EditorialMocks.secondaryAction}
    />