Social Proof Section With Company Story Tabs
ProTabbed social proof section with company pills, a portrait, a blue quote panel, and a read more action that swaps the featured customer story.
When to use Social Proof Section With Company Story Tabs
Reach for this when one quote has to stand for the whole page, and the visitor still needs to pick whose story they hear. Company pills sit above a two column stage. The left column is a portrait with the name on the photo. The right column is a blue quote with a read more action. Switching a pill crossfades the story. The quote stays in the DOM, not in a screenshot.
Skip it when you need four quotes on screen at once, or when you cannot name a person for each company. Empty pills are a carousel with extra chrome. The shipped copy is a fictional studio floor, so replace the companies, the portraits, the quotes, and the marks before this goes to production. The section follows light and dark. The quote panel takes the active company mark, red for Wensity, orange for Stellarix, green for Voltaro, blue for Aetherion, so the color still reads as the featured object.
Block details
- Category
- Social Proof Sections
- Renders
- JavaScript animation. Paints first, then animates
- Theme
- Follows the site theme in light and dark
- Responsive
- Mobile, tablet and desktop breakpoints are already set
- Dependencies
clsxframer-motiontailwind-merge- Source
- 398 lines, 14 KB in one file
- Install
wensity add social-proof-section-with-company-story-tabs --type block- Stack
- React, Next.js, TypeScript and Tailwind CSS v4
- Licence
- Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
- Tags
- light, dark, testimonials, tabs, quotes, saas
- Last updated

