Quote Carousel
A looping carousel of three large centered pull quotes with avatars, customer wordmarks, and rounded previous and next controls below.
A looping carousel of three large centered pull quotes with avatars, customer wordmarks, and rounded previous and next controls below.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
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.
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
After
The obvious fit is three flagship customer stories, one per slide. A few other ways to use the frame:
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.