CTA Section With Centered Contact Avatars
ProAdaptive nested CTA card with three overlapping team avatars, a support headline, a short lede, and a blue Contact us button.
When to use CTA Section With Centered Contact Avatars
Use this when the catalog close has already happened and the leftover job is to offer a person, not another product. An outer panel holds a nested inner card. Three faces sit in the middle with the centre portrait on top of the stack. The headline asks if the list was enough. A blue Contact us button is the only action. Drop the nest and this becomes a blank support strip with nowhere for the eye to land on the page.
Skip it as the first close on a landing page, or if you cannot show real people on the team. Three generic faces under a fake invite is a brochure. The shipped copy uses Still have questions we haven't answered, a reply within a business day or two, and Contact us. Replace the avatars, the headline, the lede, the button label, and the href before this ships. Keep the nest, the centre overlap, and the blue rectangle. A Shop now pill on a catalog card 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
- 77 lines, 3 KB in one file
- Install
wensity add cta-section-with-centered-contact-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, contact, support, conversion
- Last updated

