Testimonial 2 - Inline avatar CTA headline

Pro

Large centered headline with overlapping avatars woven into the text and a primary action button below.

Vue
Shadcn Testimonial 2 block

Component Data

  • ID:testimonial2
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block

Testimonial 2 block design & features

Testimonial2 is a centered CTA block built with Shadcn UI that embeds avatar images directly inside a bold headline. The text wraps across the page, and between the first and second phrase a cluster of three overlapping circular avatars appears inline with the words. A large primary button sits below the headline.

The avatars use the shadcn Avatar component with border rings and negative horizontal spacing so they overlap. They scale from a smaller size on mobile to a larger one on desktop. The headline itself moves through three responsive type sizes, reaching a very large scale on wide screens. The button uses the large size variant in the default primary style.

The overall feel is playful and social, using the inline avatar cluster to imply a community or user base within the headline itself. Complexity is low; the block is a single centered text element with hardcoded avatars and a button, requiring no props or state.