HeroSection5

1.0.0

Cinematic marketing hero with a framed looping video panel, bottom-left offer, a light header, and a logo marquee.

npx jabkit add hero-section-5

Component Data

ID: hero-section-5
Category: marketing
Version: 1.0.0
Added: 2026-09-01
Type: block
Keyboard nav: Yes
Reduced motion: Yes

heromarketingvideomarqueectalanding

Dependencies

clsx
tailwind-merge

Examples

Default

<HeroSection5
      kicker={heroSection5Mocks.kicker}
      title={heroSection5Mocks.title}
      description={heroSection5Mocks.description}
    />

Variants

<HeroSection5
      brand={heroSection5EditorialMocks.brand}
      navItems={heroSection5EditorialMocks.navItems}
      headerAction={heroSection5EditorialMocks.headerAction}
      kicker={heroSection5EditorialMocks.kicker}
      title={heroSection5EditorialMocks.title}
      description={heroSection5EditorialMocks.description}
      primaryAction={heroSection5EditorialMocks.primaryAction}
      secondaryAction={heroSection5EditorialMocks.secondaryAction}
      video={heroSection5EditorialMocks.video}
    />