{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "case-study-results-strip",
  "title": "Case Studies — Results Strip",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/case-study-results-strip/CaseStudyResultsStrip.vue",
      "content": "<script setup lang=\"ts\">\nimport { ArrowRight } from 'lucide-vue-next'\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</script>\n\n<template>\n  <section data-slot=\"case-study-results-strip\" class=\"border-border bg-card border-y\">\n    <div class=\"mx-auto max-w-6xl px-6 py-10\">\n      <div class=\"flex flex-wrap items-center justify-between gap-4\">\n        <Badge variant=\"secondary\">Proven</Badge>\n        <Button variant=\"link\" class=\"h-auto p-0 text-sm\">\n          All case studies\n          <ArrowRight class=\"ml-1.5 size-3.5\" aria-hidden=\"true\" />\n        </Button>\n      </div>\n\n      <div class=\"mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4 lg:gap-0\">\n        <div v-for=\"(result, index) in results\" :key=\"result.wordmark\" class=\"relative lg:px-6 lg:first:pl-0\">\n          <p class=\"text-sm font-semibold tracking-[0.18em] uppercase\">{{ result.wordmark }}</p>\n          <p class=\"font-display mt-3 text-3xl font-bold tracking-tight\">{{ result.metric }}</p>\n          <p class=\"text-muted-foreground mt-1 text-sm\">{{ result.label }}</p>\n\n          <Separator\n            v-if=\"index < results.length - 1\"\n            orientation=\"vertical\"\n            class=\"absolute top-0 right-0 hidden h-full lg:block\"\n          />\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/CaseStudyResultsStrip.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/button.json",
    "https://uipkge.dev/r/vue/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"
}