CTA Section With Overlapping Customer Avatars
ProAdaptive 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
