CTA Section With Centered Contact Avatars

Pro

Adaptive 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

More cta sections