{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-02",
  "title": "3-up centered team cards",
  "description": "Three centered cards, each with a large avatar, name, role, and a department badge pill.",
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "content/components/team/team-02.tsx",
      "content": "import { Badge } from \"@/components/ui/badge\"\n\nexport default function Team02() {\n  const members = [\n    {\n      name: \"Léa Fontaine\",\n      role: \"Co-founder & CEO\",\n      tag: \"Leadership\",\n      img: \"https://i.pravatar.cc/160?img=49\",\n    },\n    {\n      name: \"Dmitri Volkov\",\n      role: \"Co-founder & CTO\",\n      tag: \"Engineering\",\n      img: \"https://i.pravatar.cc/160?img=13\",\n    },\n    {\n      name: \"Yuki Tanaka\",\n      role: \"Head of Growth\",\n      tag: \"Marketing\",\n      img: \"https://i.pravatar.cc/160?img=45\",\n    },\n  ]\n\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-4xl px-6 sm:px-10\">\n        <div className=\"mb-14 text-center\">\n          <h2 className=\"text-3xl font-semibold tracking-tight text-foreground sm:text-4xl\">\n            Meet the team\n          </h2>\n          <p className=\"mt-3 text-base text-muted-foreground\">\n            Three people. One shared goal.\n          </p>\n        </div>\n\n        <div className=\"flex flex-col items-center gap-6 sm:flex-row sm:justify-center\">\n          {members.map((m) => (\n            <div\n              key={m.name}\n              className=\"flex w-full max-w-xs flex-col items-center gap-5 rounded-2xl border border-border bg-card p-8 text-center\"\n            >\n              {/* eslint-disable-next-line @next/next/no-img-element */}\n              <img\n                src={m.img}\n                alt={m.name}\n                className=\"size-24 rounded-full object-cover shadow-xl shadow-black/10 ring-2 ring-border\"\n              />\n              <div className=\"flex flex-col items-center gap-2\">\n                <p className=\"text-base font-semibold text-foreground\">{m.name}</p>\n                <p className=\"text-sm text-muted-foreground\">{m.role}</p>\n                <Badge variant=\"secondary\" className=\"mt-1 rounded-full text-xs\">\n                  {m.tag}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/team-02.tsx"
    }
  ],
  "categories": [
    "team"
  ],
  "type": "registry:block"
}