Chatbase split hero with animated AI Actions card

Chatbase split hero with animated AI Actions card, light-mode, minimal, light

Preview image. Unlock full-res

Light split hero with an oversized left headline and a right product card of toggleable AI actions over a warm gradient, above a trust logo row.

Summary

A light split hero pairing a big black left-aligned headline with a right-side product card showing toggleable "AI Actions" on a magenta-to-orange gradient, closed by a worldwide trust logo row.

Visual description

A thin top navbar carries the black Chatbase logo at left, center links (Affiliates, Pricing, Resources), and "Sign in" plus a black "Try for Free" button at right. The left column holds an oversized three-line black headline "AI Agents for magical customer experiences", a grey paragraph, and a black "Build your agent" button with a gradient underline beside a "No credit card required" note. The right column is a rounded panel filled with a grainy magenta-pink-to-orange gradient containing a floating white "AI Actions" card; inside are two list rows ("Book a meeting" with a Cal icon, "Update subscription" with a purple webhook icon), each with a green toggle, plus a small play/pause control implying animation. A bottom strip reads "Trusted by 9000+ business worldwide" followed by greyscale logos (Siemens, Postman, PwC, Alpian, Opal, alBaraka).

Key takeaway

The product card sits on a vivid gradient panel so it pops without a screenshot of the full app, and the green toggles plus the play control make the feature feel live. Pairing one calm CTA with an immediate trust-logo row keeps the hero both clean and credible.

Reuse notes

A reliable hero for an AI agent or automation SaaS that wants to demo an interaction without a heavy product shot. The gradient panel only works if the brand owns a warm palette; swap the logo wall for client names you can actually cite.

More hero sections

See all

More like this