Marketing Case Study

Customer case study page with challenge solution results sections, key metrics and a company facts sidebar.

Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.

Customer case study page with challenge solution results sections, key metrics and a company facts sidebar.
Success story detail page with pull quote, products used and book a demo call to action.
B2B case study template showing results like 38 percent less planning time.

For a grid of many stories, use Marketing Customer Stories. For a short quote carousel or wall, use Marketing Testimonial Wall. For a generic blog article without company facts, use Marketing Blog Post.

Radix UI and Base UI primitives (pick the one your project uses)
React 19 and Tailwind CSS 4 in Next.js (App Router), Vite, React Router or TanStack Start, installed with the agentic-ui or shadcn CLI
Your theme tokens, in light and dark mode
1 template or blueprint on this site use it (below)

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI

agentic-ui add marketing-case-study

Installs through shadcn and adapts the component to your design tokens.

shadcn CLI

npx shadcn@4.17.0 add @agentic-ui/marketing-case-study

npm packages: lucide-react
Registry dependencies: lib-primitives
Files: 1 file
components/agentic-ui/marketing-case-study/marketing-case-study/marketing-case-study.tsx