Hero146

1.0.0

Centered AI-agents hero on a square grid wash, with a gradient headline, metallic get-started pill, and a framed video teaser that exposes a play bar and optional presentation embed.

npx jabkit add hero146

Component Data

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

heromarketingvideoctaagentslandinggrid

Dependencies

clsx
tailwind-merge

Examples

Default

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

Variants

<div className="bg-background text-foreground">
      <Hero146 {...hero146Mocks.alternate} />
    </div>