{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "case-study-results-strip",
  "title": "Case Studies — Results Strip",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/case-study-results-strip/CaseStudyResultsStrip.tsx",
      "content": "'use client'\n\nimport { ArrowRight } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Separator } from '@/components/ui/separator'\n\n// One result per customer. A second number halves the weight of the first.\nconst results = [\n  { wordmark: 'Northwind', metric: '5 days', label: 'off the monthly close' },\n  { wordmark: 'Halden', metric: '71%', label: 'fewer ad-hoc requests' },\n  { wordmark: 'Verity', metric: '2.4pp', label: 'tighter forecast band' },\n  { wordmark: 'Calder', metric: '11 → 1', label: 'reporting spreadsheets' },\n]\n\nexport function CaseStudyResultsStrip() {\n  return (\n    <section data-slot=\"case-study-results-strip\" className=\"border-border bg-card border-y\">\n      <div className=\"mx-auto max-w-6xl px-6 py-10\">\n        <div className=\"flex flex-wrap items-center justify-between gap-4\">\n          <Badge variant=\"secondary\">Proven</Badge>\n          <Button variant=\"link\" className=\"h-auto p-0 text-sm\">\n            All case studies\n            <ArrowRight className=\"ml-1.5 size-3.5\" aria-hidden=\"true\" />\n          </Button>\n        </div>\n\n        <div className=\"mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4 lg:gap-0\">\n          {results.map((result, index) => (\n            <div key={result.wordmark} className=\"relative lg:px-6 lg:first:pl-0\">\n              <p className=\"text-sm font-semibold tracking-[0.18em] uppercase\">{result.wordmark}</p>\n              <p className=\"font-display mt-3 text-3xl font-bold tracking-tight\">{result.metric}</p>\n              <p className=\"text-muted-foreground mt-1 text-sm\">{result.label}</p>\n\n              {index < results.length - 1 && (\n                <Separator orientation=\"vertical\" className=\"absolute top-0 right-0 hidden h-full lg:block\" />\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/CaseStudyResultsStrip.tsx"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/badge.json",
    "https://uipkge.dev/r/react/button.json",
    "https://uipkge.dev/r/react/separator.json"
  ],
  "description": "Compact proof band pairing each customer wordmark with its single headline result, sized for the gap between a feature section and a pricing table.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "case-study"
}