{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"team-grid","type":"registry:block","title":"Team Grid","description":"The whole team, monogram avatars, no stock photos.","categories":["team"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/team-grid.tsx","content":"const members = [\n  { name: \"Nadia Bello\", role: \"Co-founder & CEO\" },\n  { name: \"Théo Marchand\", role: \"Co-founder & CTO\" },\n  { name: \"Ines Kaddour\", role: \"Design lead\" },\n  { name: \"Sam Whitfield\", role: \"Staff engineer\" },\n  { name: \"Aiko Mori\", role: \"Product engineer\" },\n  { name: \"Diego Ferrer\", role: \"Developer relations\" },\n  { name: \"Maya Osei\", role: \"Support engineer\" },\n  { name: \"Lucas Brandt\", role: \"Infrastructure\" },\n];\n\nfunction initials(name: string) {\n  return name\n    .split(\" \")\n    .map((part) => part[0])\n    .join(\"\")\n    .toUpperCase();\n}\n\nexport default function TeamGrid() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto w-full max-w-6xl 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            The people behind the product\n          </h2>\n          <p className=\"mt-2 text-muted-foreground\">\n            Eight humans, five countries, one very active group chat.\n          </p>\n        </div>\n\n        <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-4\">\n          {members.map((member) => (\n            <div\n              key={member.name}\n              className=\"rounded-xl border border-border/60 bg-card p-5 text-center\"\n            >\n              <span className=\"mx-auto flex size-14 items-center justify-center rounded-full bg-muted font-mono text-sm font-semibold tracking-wide text-muted-foreground\">\n                {initials(member.name)}\n              </span>\n              <h3 className=\"mt-4 text-sm font-medium\">{member.name}</h3>\n              <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                {member.role}\n              </p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/team/team-grid.tsx"}]}