# Marketing Customer Stories

Customer stories page with a featured case study quote and cards showing results per customer.

- id: `marketing-customer-stories`
- Page: https://agentic-ui-kit.com/components/marketing-customer-stories
- Live preview: https://agentic-ui-kit.com/live/component/marketing-customer-stories?piece=marketing-customer-stories

## Install

```bash
agentic-ui add marketing-customer-stories
npx shadcn@4.17.0 add @agentic-ui/marketing-customer-stories
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** featured-story, story-cards, headline-metrics, industry-filter, company-marks, dark-mode
- **Intents:** communicate, explore-detail
- **Suits domains:** marketing, saas, finance, healthcare, operations
- **Interaction:** filter, click
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** customer stories page with a featured case study quote and cards showing results per customer, case studies hub filterable by industry with headline metrics like 38 percent less time, social proof section linking to customer success stories
- **Avoid when:** a single long case study page (use marketing-case-study), short testimonial quotes without results (use marketing-testimonials or marketing-testimonial-wall), a logo strip only (use marketing-logo-cloud)
- **Preserve when adapting:** one-link-per-card, native-radio-filter, quote-semantics
- **Replace when adapting:** stories, marks, copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives