CTA Section With Overlapping Customer Avatars

Pro

Adaptive CTA with four overlapping customer avatars, a 35,000+ count, a 4.9 rating row, a collection headline, and Shop now plus View lookbook inside the cropped top of a phone.

When to use CTA Section With Overlapping Customer Avatars

Use this when the last band has to sell a catalog with proof that people already bought, not a trial collage. The object is the top of a phone, an inverted U docked to the bottom of the band and cut off at the bezel. Four faces overlap on the left of the row. A customer count sits beside them on one line. A rating row sits under that only when the score is real. The headline and two distinct actions finish the stack. Round all four corners and this becomes a card again, which is a different close.

Skip it if you cannot name a real count or show real faces. Four random avatars next to a fake number is a brochure with no job. The shipped demo uses 35,000+ customers, a 4.9 average rating, Explore our newest seasonal arrivals, a blue Shop now, and View lookbook. Replace the avatars, the count, the rating, the headline, the lede, both labels, and both hrefs before this ships. Pass rating as null if you do not have a real score. Keep the overlap, the cropped phone, and the pair of buttons. A Get started beside staggered portraits is a different block.

Block details

Category
CTA Sections
Renders
CSS only. Paints as soon as the stylesheet arrives
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxtailwind-merge
Source
144 lines, 6 KB in one file
Install
wensity add cta-section-with-overlapping-customer-avatars --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, cta, avatars, social-proof, shop, conversion
Last updated

More cta sections