{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "timeline-01",
  "title": "Simple vertical timeline",
  "description": "Left-spine vertical list of dated events — dot nodes, mono timestamps, and short prose — the minimal baseline for any history or changelog section.",
  "files": [
    {
      "path": "content/components/timeline/timeline-01.tsx",
      "content": "const events = [\n  {\n    date: \"Mar 2024\",\n    title: \"Public beta launched\",\n    description: \"Opened access to 500 early testers. Collected 1,200 pieces of feedback in the first week.\",\n  },\n  {\n    date: \"Jan 2024\",\n    title: \"Infrastructure rewrite\",\n    description: \"Migrated from a monolith to edge functions. Cold-start latency dropped from 420ms to 38ms.\",\n  },\n  {\n    date: \"Oct 2023\",\n    title: \"Seed round closed\",\n    description: \"Raised $2.4M to fund a core team of five and 18 months of runway.\",\n  },\n  {\n    date: \"Jul 2023\",\n    title: \"First paying customer\",\n    description: \"Signed the first annual contract — $12k ARR — before a public landing page existed.\",\n  },\n  {\n    date: \"Apr 2023\",\n    title: \"Project started\",\n    description: \"First commit pushed. A single TypeScript file with no dependencies.\",\n  },\n]\n\nexport default function Timeline01() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-2xl px-6 sm:px-10\">\n        <div className=\"mb-14\">\n          <span className=\"font-mono text-[11px] uppercase tracking-widest text-muted-foreground\">\n            History\n          </span>\n          <h2 className=\"mt-3 text-balance text-3xl font-semibold tracking-tight sm:text-4xl\">\n            How we got here.\n          </h2>\n        </div>\n\n        <ol className=\"relative border-l border-border pl-8\">\n          {events.map((ev, i) => (\n            <li key={i} className=\"relative mb-10 last:mb-0\">\n              {/* dot */}\n              <span className=\"absolute -left-[calc(2rem+1px)] top-1 flex size-4 items-center justify-center\">\n                <span className=\"size-2.5 rounded-full border-2 border-primary bg-background\" />\n              </span>\n\n              <time className=\"mb-1 block font-mono text-[11px] uppercase tracking-widest text-muted-foreground\">\n                {ev.date}\n              </time>\n              <h3 className=\"text-sm font-semibold text-foreground\">{ev.title}</h3>\n              <p className=\"mt-1 text-sm text-pretty text-muted-foreground leading-relaxed\">\n                {ev.description}\n              </p>\n            </li>\n          ))}\n        </ol>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/timeline-01.tsx"
    }
  ],
  "categories": [
    "timeline"
  ],
  "type": "registry:block"
}