Quote Carousel

About this block

Quote Carousel gives each testimonial the whole stage. A centered headline and lede introduce the section, then a swipeable carousel presents three oversized pull quotes one at a time, each attributed with an illustrated avatar, a name, a role, and the customer's wordmark. Rounded previous and next buttons sit below the quote beside a row of dots, so the controls never cover the words.

Slides live in one typed array, so swapping quotes, people, or companies is a single edit. Wordmarks pair each company name with a small inline SVG mark, avatars come from the shared inline art, and the carousel loops so readers can keep flipping in either direction. Everything uses theme tokens and ships with no external images.

When to use

Reach for this block when each quote deserves full attention and a grid would dilute them. It works well near the end of a landing page for a sales platform or an analytics product, after features and pricing have made the rational case, where one strong voice at a time makes the emotional close before the final ask.

A natural flow around it on a Marketing Pro page:

Before

• Feature sections to make the rational case before a single voice makes the emotional one
• Pricing so the quotes reassure a visitor who has just seen the cost

After

• FAQs to clear the last objections once trust is established
• CTAs to capture the decision while the story is fresh

What you can display

The obvious fit is three flagship customer stories, one per slide. A few other ways to use the frame:

• One persona per slide. Rotate a founder, an operator, and an engineer so every visitor hears from someone in their own seat.
• Quotes by outcome. Dedicate each slide to a different win, such as speed, adoption, and reporting, so the set builds a complete argument.
• A single case study in steps. Let one customer tell the before, the switch, and the result across three consecutive slides.

Tip: keep the quotes close in length so the carousel holds a steady height as readers flip through. The track sizes itself to the tallest slide, and a short quote inside a tall frame looks unfinished.