{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "case-study-featured-story",
  "title": "Case Study — Featured Story",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/case-study-featured-story/CaseStudyFeaturedStory.tsx",
      "content": "'use client'\n\nimport { ArrowRight, Quote } from 'lucide-react'\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\nexport function CaseStudyFeaturedStory() {\n  return (\n    <section data-slot=\"case-study-featured-story\" className=\"bg-background\">\n      <div className=\"mx-auto max-w-6xl px-6 py-20 lg:py-28\">\n        <div className=\"grid gap-12 lg:grid-cols-[1.4fr_1fr] lg:gap-16\">\n          <article>\n            <Badge variant=\"secondary\">Case study</Badge>\n            <h2 className=\"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 className=\"mt-8 space-y-8\">\n              <div>\n                <h3 className=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">The challenge</h3>\n                <p className=\"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 className=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">The approach</h3>\n                <p className=\"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 className=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">The result</h3>\n                <p className=\"mt-2.5 leading-relaxed\">\n                  Close now starts from a reconciled position. Restatements open a reviewable change instead of a\n                  thread, and the audit pack is generated from the same history.\n                </p>\n              </div>\n            </div>\n\n            <figure className=\"border-border mt-10 border-l-2 pl-6\">\n              <Quote className=\"text-muted-foreground/60 size-5\" aria-hidden=\"true\" />\n              <blockquote className=\"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 className=\"mt-5 flex items-center gap-3\">\n                <Avatar className=\"size-9\">\n                  <AvatarFallback className=\"text-xs\">EW</AvatarFallback>\n                </Avatar>\n                <div>\n                  <p className=\"text-sm font-medium\">Erin Walsh</p>\n                  <p className=\"text-muted-foreground text-xs\">VP Finance, Northwind Logistics</p>\n                </div>\n              </figcaption>\n            </figure>\n\n            <Button className=\"mt-10\">\n              Read the full story\n              <ArrowRight className=\"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 className=\"lg:sticky lg:top-24 lg:self-start\">\n            <Card>\n              <CardContent className=\"p-6\">\n                <h3 className=\"text-muted-foreground font-mono text-xs tracking-[0.14em] uppercase\">Results</h3>\n                <dl className=\"mt-5 grid grid-cols-2 gap-x-4 gap-y-6\">\n                  {results.map((result) => (\n                    <div key={result.label}>\n                      <dt className=\"sr-only\">{result.label}</dt>\n                      <dd>\n                        <span className=\"font-display block text-2xl font-bold tracking-tight\">{result.value}</span>\n                        <span className=\"text-muted-foreground mt-1 block text-xs leading-snug\">{result.label}</span>\n                      </dd>\n                    </div>\n                  ))}\n                </dl>\n\n                <Separator className=\"my-6\" />\n\n                <dl className=\"space-y-3\">\n                  {facts.map((fact) => (\n                    <div key={fact.term} className=\"flex items-baseline justify-between gap-4 text-sm\">\n                      <dt className=\"text-muted-foreground\">{fact.term}</dt>\n                      <dd className=\"text-right font-medium\">{fact.detail}</dd>\n                    </div>\n                  ))}\n                </dl>\n              </CardContent>\n            </Card>\n          </aside>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/CaseStudyFeaturedStory.tsx"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/avatar.json",
    "https://uipkge.dev/r/react/badge.json",
    "https://uipkge.dev/r/react/button.json",
    "https://uipkge.dev/r/react/card.json",
    "https://uipkge.dev/r/react/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"
}