{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"about-story","type":"registry:block","title":"About Story","description":"Origin story beside the milestones that prove it.","categories":["about"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/about-story.tsx","content":"const milestones = [\n  { value: \"2019\", label: \"founded in a Lyon apartment\" },\n  { value: \"40k+\", label: \"teams on the platform\" },\n  { value: \"23\", label: \"people, fully remote\" },\n];\n\nexport default function AboutStory() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto grid w-full max-w-6xl gap-12 px-6 py-20 sm:py-24 lg:grid-cols-[7fr_5fr]\">\n        <div>\n          <h2 className=\"text-2xl font-semibold tracking-tight text-balance sm:text-3xl\">\n            We got tired of tools that fight back\n          </h2>\n          <div className=\"mt-5 max-w-xl space-y-4 text-muted-foreground\">\n            <p>\n              Acme started as an internal script: two engineers automating the\n              part of their week they hated most. The script became a tool,\n              the tool became a product, and the product became the thing we\n              wish had existed at every company we'd worked for.\n            </p>\n            <p>\n              We're deliberately small. No growth-at-all-costs, no feature\n              checklists written by the sales team — just software that\n              respects the person using it, funded by the people who use it.\n            </p>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col justify-center\">\n          <dl>\n            {milestones.map((milestone, index) => (\n              <div\n                key={milestone.label}\n                className={\n                  index === 0\n                    ? \"flex items-baseline justify-between gap-4 py-4\"\n                    : \"flex items-baseline justify-between gap-4 border-t border-border/60 py-4\"\n                }\n              >\n                <dt className=\"text-sm text-muted-foreground\">\n                  {milestone.label}\n                </dt>\n                <dd className=\"text-2xl font-semibold tracking-tight tabular-nums\">\n                  {milestone.value}\n                </dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/about/about-story.tsx"}]}