{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dev-stack","type":"registry:block","title":"Dev Stack","description":"The tools you reach for, grouped by family.","categories":["developer"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/dev-stack.tsx","content":"const groups = [\n  {\n    title: \"Languages\",\n    items: [\"TypeScript\", \"Rust\", \"Python\", \"Go\", \"SQL\"],\n  },\n  {\n    title: \"Frontend\",\n    items: [\"React\", \"Next.js\", \"Tailwind\", \"Astro\", \"Svelte\"],\n  },\n  {\n    title: \"Backend & data\",\n    items: [\"Node\", \"Postgres\", \"Redis\", \"gRPC\", \"Kafka\"],\n  },\n  {\n    title: \"Platform\",\n    items: [\"Docker\", \"Terraform\", \"AWS\", \"Vercel\", \"GitHub Actions\"],\n  },\n];\n\nexport default function DevStack() {\n  return (\n    <section className=\"border-y border-border/60 bg-muted/20\">\n      <div className=\"mx-auto w-full max-w-5xl px-6 py-20 sm:py-24\">\n        <div className=\"mb-12 max-w-md\">\n          <h2 className=\"text-2xl font-semibold tracking-tight text-balance sm:text-3xl\">\n            The tools I reach for\n          </h2>\n          <p className=\"mt-2 text-muted-foreground\">\n            Opinionated, boring on purpose, and battle-tested in production.\n          </p>\n        </div>\n\n        <div className=\"grid gap-px overflow-hidden rounded-xl border border-border/60 bg-border/60 sm:grid-cols-2\">\n          {groups.map((group) => (\n            <div key={group.title} className=\"bg-background p-6\">\n              <h3 className=\"font-mono text-xs uppercase tracking-wide text-muted-foreground\">\n                {group.title}\n              </h3>\n              <ul className=\"mt-4 flex flex-wrap gap-2\">\n                {group.items.map((item) => (\n                  <li\n                    key={item}\n                    className=\"rounded-lg border border-border/60 bg-card px-2.5 py-1 text-sm\"\n                  >\n                    {item}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/developer/dev-stack.tsx"}]}