Halloween only 🎃 Get Hero Sections
Modern hero sections that stand out, with gradient meshes, shaders, and split layouts on Next.js and Framer Motion.
Every hero section here is included with Wensity Pro.
How to choose a hero section
Which hero section should I use?
Start here
- Hero Section With Radial Glow
- Nobody has strong opinions yet. A centred headline, one supporting line, two buttons, and a customer logo strip directly beneath.
The layout does the work
- Hero Section With Spotlight Beam
- You have a product shot to place. The headline anchors to the bottom left and the upper two thirds stay deliberately empty.
- Hero Section With Rotating Words
- The warm one, on a bone coloured surface. Navigation is built into the hero itself, which saves you choosing a navbar to sit above it.
- Hero Section With Eclipse Glow
- An AI product launch page. Wordmark, badge, headline and a trusted-by row of real logos all ship in one centred block over a dimmed eclipse-arc background.
The visual does the work
These cost more than the rest. Check the first paint before committing.
- Hero Section With Morphing Photo Arc
- The product is a set of pictures. Cards scatter into a ring, then scroll inside the section fans them into an arc. Skip it if the claim has to be readable in the first second.
- Hero Section With 3D Monolith
- A single product with a strong identity, where art beats a screenshot. Transformed layers with glowing edges rather than a loaded model.
- Hero Section With Animated Clouds
- Weather on a canvas. A shader compiles before the first cloud appears, which is a visible pause on a mid range phone.
- Hero Section With Black Hole
- A live Schwarzschild disc. The halo and the thin ring are the same gas, seen through bent light. Skip it if the claim has to land before a GPU boots.