Templates
v1.0.0Added in 1.6.0
A SaaS customer stories page: logos, a featured case study, industry and size filters, story cards with a reader drawer, quotes and stats.
The hero's Read their stories button scrolls to the story library; Talk to sales goes to /contact. Under the logo cloud, the featured case study shows the customer's quote and three result metrics, and the whole card is one link. Two chip rows filter the library by industry (Software, Agencies, Healthcare, Logistics, Nonprofit) and company size; each chip shows how many stories it would leave, the count above the grid updates for screen readers and cards slide into place. No match shows an empty state with Clear filters. Every story card is a single link to /customers/<slug>: a plain click opens the case study in a side drawer (a bottom sheet on phones, Escape or the close button dismisses it) with company facts, metrics, the challenge, solution, a pull quote, results and the products used, plus Read the full story and Talk to sales; Cmd or Ctrl click opens the real page. With storyDetail link, cards navigate. Below come scrolling quotes with a pause button, the stats band that counts up once, and the closing call to action. On phones the chips scroll sideways and the grid is one column.
npx wingo-ui@latest add customers-pagePro item: the CLI needs a Pro account. See plans