Quote Card Grid
A two column grid of testimonial cards, each pairing a customer quote with an avatar, name, and role.
A two column grid of testimonial cards, each pairing a customer quote with an avatar, name, and role.
The Modern SaaS Collection unlocks the source for every Modern SaaS block. All Access unlocks every Collection.
Already purchased? Log in
Quote Card Grid leads with a short headline and lede, then lays your testimonials out as a tidy two-column grid of cards. Each card carries the customer's words and closes with a gradient avatar, name, and role.
The header and the cards are independent, so you can rewrite the headline, swap the quotes, or add and remove cards without touching the rest. Avatars are built from theme tokens, so the whole block adapts to light and dark with no external images.
Reach for this block when you have a handful of strong, evenly weighted quotes and want them to read as a set rather than one hero voice. It sits well in the middle of a Modern SaaS landing page, after the product is on screen but before pricing, where a wall of proof points builds confidence ahead of the ask.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is four customer quotes that each make a distinct point. A few other ways to use the frame:
Tip: keep each quote to two or three sentences so the cards stay balanced. When quotes run long, drop to two cards so nothing feels cramped.