CTA Section With Scattered Avatars

Pro

Adaptive rounded CTA card with ten scattered circular portraits, a ready to start headline, a short lede, and an inverted Get Started pill with an arrow mark.

When to use CTA Section With Scattered Avatars

Use this when the last band has to feel like a room full of people, not a feed or a count. A card sits on a wash. Copy and a Get Started pill sit in the middle. Ten faces float around them at mixed sizes so the field feels occupied. The scatter is the design. Line the portraits up and this becomes a contact sheet with a button in the hole, which is a weaker close for a community pitch.

Skip it if you cannot show ten real faces, or if the page is already a gallery. Random logos in circles will look like decoration with no job. The shipped copy uses Ready to get started, a join thousands of customers lede, and Get Started with a corner arrow. Replace the avatars, the headline, the lede, the button label, and the href before this ships on a live domain. Keep the scatter, the card, and the arrow mark. A single Instagram row is a different close.

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
140 lines, 5 KB in one file
Install
wensity add cta-section-with-scattered-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, community, conversion
Last updated

More cta sections