Hero Section With Radial Glow

Pro

Centered AI-company hero with a blue radial glow overlay, letter-spaced headline, solid CTA pair, and an RTL-scrolling trust logo strip. Adapts to light and dark mode.

When to use Hero Section With Radial Glow

The safest starting point in this set, and the one to default to when nobody has strong opinions yet. A centred headline, one supporting line, two buttons, and a strip of customer logos directly beneath them. That last part is the reason to choose it over the others: proof lands above the fold, where a visitor deciding whether to keep reading can actually see it.

The blue radial glow is a CSS overlay, not a canvas, so it paints as soon as the stylesheet arrives and adds nothing to the time your largest element takes to show up. That makes it a sensible choice for an AI or developer tool page where the claim is doing the selling and the artwork is only setting a mood. If you have no logos worth showing yet, delete the strip rather than filling it with placeholders, which readers spot immediately.

Block details

Renders
JavaScript animation. Paints first, then animates
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxframer-motiontailwind-merge
Source
343 lines, 16 KB in one file
Install
wensity add hero-section-with-radial-glow --type block
Stack
React, Next.js, TypeScript and Tailwind CSS v4
Licence
Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
Tags
light, dark, ai, centered, trust-strip
Last updated

More hero sections