Industry Tabs
Industry tabs where each panel shows one story card with metrics and a customer quote.
Industry tabs where each panel shows one story card with metrics and a customer quote.
The Marketing Pro Collection unlocks the source for every Marketing Pro block. All Access unlocks every Collection.
Already purchased? Log in
Industry Tabs opens with a centered heading and a one-line subheading that invites visitors to pick their industry. Below sits a tab bar with one trigger per segment. Selecting a trigger swaps the visible panel, which is a rounded card split into two columns: the left column holds the company name, a short narrative summary, and a two-cell metric grid; the right column holds a pull quote and a figcaption with an avatar, the speaker's name, and their role.
Each tab panel is a self-contained story, so you can add or remove industries, rewrite the summary and quote for each, and swap the metrics without touching the heading or the tab bar. The metric grid always shows two cells; if a story only has one standout number you can use a second softer stat to fill it.
Reach for this block when prospects need to see that your product works for teams with their specific context, not just for some generic customer. A product analytics SaaS serving SaaS companies, ecommerce brands, and agencies at the same time can drop three panels here instead of running three separate case study pages. It beats a static story grid when the audience segments are meaningfully different and a single proof point will not land equally for all of them.
A natural flow around it on a Marketing Pro page:
Before
After
Each tab panel holds one complete customer story. A few ways to fill the slots:
Tip: keep the narrative summary to two or three sentences so the quote on the right stays at roughly the same height and the card looks balanced across all tabs.