Primer tabbed testimonials with lifestyle photo card

Primer tabbed testimonials with lifestyle photo card, light-mode, photographic, light

Preview image. Unlock full-res

An industry-tabbed testimonials section where a large lifestyle photo on the left pairs with a floating quote card crediting a named customer on the right.

Summary

A testimonials block filtered by an industry tab row, showing one large lifestyle photo beside a white quote card with the speaker's name, title, and a read-more action. The tab-switching plus photo-and-floating-card pairing is the defining pattern.

Visual description

A centered two-line black headline, "Hear what our customers say about us," sits above a horizontal tab row: Travel (active, in a pale pill), Fintech, Retail, Entertainment, Platforms, and Mobility. Below, a wide rounded panel holds a warm lifestyle photo on the left, a hand holding a phone that shows a kayak-tour app over a blurred yellow kayak, and on the right a white floating quote card. The card stacks a small round avatar with the name "Arjun Muralidharan, Director of Product, FinTech," a multi-line pull quote about localized payment experiences, the GetYourGuide logo, and an outlined "Read more" button with an arrow.

Key takeaway

Using an industry tab row to swap testimonials lets one component serve many verticals without stacking quotes. Floating the quote card over a real lifestyle photo makes the endorsement feel grounded in an actual product moment.

Reuse notes

Best when you have credible named quotes across several industries and want visitors to self-select the relevant one. Each tab needs strong supporting imagery, which is content-heavy to maintain. The active tab styling should stay obvious so the filter reads as interactive. Light, warm palette as shown.

More testimonials sections

See all

More like this