Hero Section With Radial Glow
ProCentered 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
- Category
- Hero Sections
- 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

