{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "case-study-featured-story",
  "title": "Case Study — Featured Story",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/case-study-featured-story/CaseStudyFeaturedStory.vue",
      "content": "<script setup lang=\"ts\">\nimport { ArrowRight, Quote } from 'lucide-vue-next'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent } from '@/components/ui/card'\nimport { Separator } from '@/components/ui/separator'\n\nconst results = [\n  { value: '5 days', label: 'off the monthly close' },\n  { value: '11 → 1', label: 'reconciliation spreadsheets' },\n  { value: '340', label: 'certified metrics published' },\n  { value: '6 weeks', label: 'kickoff to full hand-over' },\n]\n\nconst facts = [\n  { term: 'Industry', detail: 'Freight forwarding' },\n  { term: 'Size', detail: '1,200 staff · 18 countries' },\n  { term: 'Stack', detail: 'Snowflake · dbt · Okta' },\n  { term: 'Live since', detail: 'Q1 2026' },\n]\n</script>\n\n<template>\n  <section data-slot=\"case-study-featured-story\" class=\"bg-background\">\n    <div class=\"mx-auto max-w-6xl px-6 py-20 lg:py-28\">\n      <div class=\"grid gap-12 lg:grid-cols-[1.4fr_1fr] lg:gap-16\">\n        <article>\n          <Badge variant=\"secondary\">Case study</Badge>\n          <h2 class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\">\n            How Northwind Logistics closed the books five days early\n          </h2>\n\n          <div class=\"mt-8 space-y-8\">\n            <div>\n              <h3 class=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">The challenge</h3>\n              <p class=\"mt-2.5 leading-relaxed\">\n                Month-end ran on eleven spreadsheets maintained by four people across three time zones. Every close\n                opened with a reconciliation pass nobody had budgeted for, and restatements were tracked in email.\n              </p>\n            </div>\n\n            <div>\n              <h3 class=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">The approach</h3>\n              <p class=\"mt-2.5 leading-relaxed\">\n                We mirrored the warehouse schema, rebuilt revenue and margin as versioned definitions, and reconciled\n                them against the prior four quarters before anything was published. A single regional team piloted the\n                first close; the rest of finance moved over two weeks later.\n              </p>\n            </div>\n\n            <div>\n              <h3 class=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">The result</h3>\n              <p class=\"mt-2.5 leading-relaxed\">\n                Close now starts from a reconciled position. Restatements open a reviewable change instead of a thread,\n                and the audit pack is generated from the same history.\n              </p>\n            </div>\n          </div>\n\n          <figure class=\"border-border mt-10 border-l-2 pl-6\">\n            <Quote class=\"text-muted-foreground/60 size-5\" aria-hidden=\"true\" />\n            <blockquote class=\"mt-3 text-lg leading-snug font-medium text-balance\">\n              We stopped arguing about whose number was right and started arguing about what to do next. That is the\n              whole change, and it was worth the six weeks.\n            </blockquote>\n            <figcaption class=\"mt-5 flex items-center gap-3\">\n              <Avatar class=\"size-9\">\n                <AvatarFallback class=\"text-xs\">EW</AvatarFallback>\n              </Avatar>\n              <div>\n                <p class=\"text-sm font-medium\">Erin Walsh</p>\n                <p class=\"text-muted-foreground text-xs\">VP Finance, Northwind Logistics</p>\n              </div>\n            </figcaption>\n          </figure>\n\n          <Button class=\"mt-10\">\n            Read the full story\n            <ArrowRight class=\"ml-2 size-4\" aria-hidden=\"true\" />\n          </Button>\n        </article>\n\n        <!-- Sticky results panel: keeps the numbers in view while the narrative scrolls. -->\n        <aside class=\"lg:sticky lg:top-24 lg:self-start\">\n          <Card>\n            <CardContent class=\"p-6\">\n              <h3 class=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">Results</h3>\n              <dl class=\"mt-5 grid grid-cols-2 gap-x-4 gap-y-6\">\n                <div v-for=\"result in results\" :key=\"result.label\">\n                  <dt class=\"sr-only\">{{ result.label }}</dt>\n                  <dd>\n                    <span class=\"font-display block text-2xl font-bold tracking-tight\">{{ result.value }}</span>\n                    <span class=\"text-muted-foreground mt-1 block text-xs leading-snug\">{{ result.label }}</span>\n                  </dd>\n                </div>\n              </dl>\n\n              <Separator class=\"my-6\" />\n\n              <dl class=\"space-y-3\">\n                <div v-for=\"fact in facts\" :key=\"fact.term\" class=\"flex items-baseline justify-between gap-4 text-sm\">\n                  <dt class=\"text-muted-foreground\">{{ fact.term }}</dt>\n                  <dd class=\"text-right font-medium\">{{ fact.detail }}</dd>\n                </div>\n              </dl>\n            </CardContent>\n          </Card>\n        </aside>\n      </div>\n    </div>\n  </section>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/CaseStudyFeaturedStory.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/avatar.json",
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/button.json",
    "https://uipkge.dev/r/vue/card.json",
    "https://uipkge.dev/r/vue/separator.json"
  ],
  "description": "Single featured customer story in a split layout: narrative column with challenge/approach/result copy and a pull quote, paired with a sticky results panel of four metrics plus company facts.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "case-study"
}