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