{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"timeline-milestones","type":"registry:block","title":"Timeline Milestones","description":"Company history on a vertical rail of year markers.","categories":["timeline"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/timeline-milestones.tsx","content":"const milestones = [\n  {\n    year: \"2019\",\n    title: \"Two engineers, one script\",\n    description: \"The internal tool that refused to stay internal.\",\n  },\n  {\n    year: \"2021\",\n    title: \"First 1,000 teams\",\n    description: \"Zero marketing budget — all word of mouth.\",\n  },\n  {\n    year: \"2023\",\n    title: \"Seed round, kept small\",\n    description: \"Enough to hire nine people. Not enough to lose focus.\",\n  },\n  {\n    year: \"2025\",\n    title: \"Profitability\",\n    description: \"The quiet milestone that makes every other one durable.\",\n  },\n  {\n    year: \"2026\",\n    title: \"40,000 teams and counting\",\n    description: \"Same product philosophy, four orders of magnitude later.\",\n  },\n];\n\nexport default function TimelineMilestones() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto w-full max-w-2xl px-6 py-20 sm:py-24\">\n        <div className=\"mb-12 text-center\">\n          <h2 className=\"text-2xl font-semibold tracking-tight text-balance sm:text-3xl\">\n            Seven years, five turning points\n          </h2>\n        </div>\n\n        <ol>\n          {milestones.map((milestone, index) => (\n            <li key={milestone.year} className=\"relative flex gap-6 pb-10 last:pb-0\">\n              {index < milestones.length - 1 && (\n                <span\n                  aria-hidden\n                  className=\"absolute top-8 left-[27px] h-full w-px bg-border\"\n                />\n              )}\n              <span className=\"flex h-7 w-14 shrink-0 items-center justify-center rounded-full border border-border/60 bg-card font-mono text-xs tabular-nums\">\n                {milestone.year}\n              </span>\n              <div className=\"pt-0.5\">\n                <h3 className=\"text-sm font-medium\">{milestone.title}</h3>\n                <p className=\"mt-1 text-sm text-muted-foreground\">\n                  {milestone.description}\n                </p>\n              </div>\n            </li>\n          ))}\n        </ol>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/timeline/timeline-milestones.tsx"}]}