{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-12",
  "title": "Team 12",
  "description": "A simple team block",
  "files": [
    {
      "path": "src/registry/blocks/shared/team-12/components/team.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\nconst teamMembers = [\n  {\n    name: \"Liam Martinez\",\n    image: \"https://mockmind-api.uifaces.co/content/human/80.jpg\",\n    role: \"Chief Technology Officer\",\n  },\n  {\n    name: \"Ava Thompson\",\n    image: \"https://mockmind-api.uifaces.co/content/human/97.jpg\",\n    role: \"Chief Executive Officer\",\n  },\n  {\n    name: \"Sophia Patel\",\n    image: \"https://mockmind-api.uifaces.co/content/human/113.jpg\",\n    role: \"Head of Design\",\n  },\n  {\n    name: \"Noah Chen\",\n    image: \"https://mockmind-api.uifaces.co/content/human/104.jpg\",\n    role: \"Product Manager\",\n  },\n  {\n    name: \"Emma Garcia\",\n    image: \"https://mockmind-api.uifaces.co/content/human/116.jpg\",\n    role: \"Software Engineer\",\n  },\n  {\n    name: \"Ethan Kim\",\n    image: \"https://mockmind-api.uifaces.co/content/human/112.jpg\",\n    role: \"DevOps Engineer\",\n  },\n  {\n    name: \"Mia Johnson\",\n    image: \"https://mockmind-api.uifaces.co/content/human/111.jpg\",\n    role: \"Marketing Lead\",\n  },\n  {\n    name: \"Oliver Singh\",\n    image: \"https://mockmind-api.uifaces.co/content/human/90.jpg\",\n    role: \"Customer Success Manager\",\n  },\n  {\n    name: \"Your Name\",\n    image: \"https://mockmind-api.uifaces.co/content/human/90.jpg\",\n    role: \"Your Dream Role\",\n    isPlaceholder: true,\n  },\n];\n\nconst Team = () => {\n  return (\n    <div className=\"mx-auto max-w-7xl px-6 py-20\">\n      <h2 className=\"text-balance text-center font-medium text-3xl tracking-tight sm:text-4xl md:text-[2.75rem]\">\n        Our core team\n      </h2>\n      <p className=\"mt-3 text-balance text-center text-lg text-muted-foreground tracking-[-0.01em] md:text-2xl\">\n        Passionate people building great products\n      </p>\n\n      <div className=\"mt-12 grid grid-cols-1 border border-e-0 border-b-0 max-sm:justify-center sm:mt-18 sm:grid-cols-2 lg:grid-cols-3\">\n        {teamMembers.map((member, index) => (\n          <div\n            className={cn(\"flex items-center gap-6 border-e border-b p-4\", {\n              \"bg-[repeating-linear-gradient(315deg,color-mix(in_srgb,var(--muted),transparent_50%)_0,color-mix(in_srgb,var(--muted),transparent_50%)_1px,transparent_0,transparent_50%)] bg-size-[10px_10px] bg-fixed\":\n                member.isPlaceholder,\n            })}\n            key={index}\n          >\n            <div className=\"aspect-square w-20 shrink-0 overflow-hidden rounded bg-foreground/10 dark:bg-muted/75\">\n              {member.isPlaceholder ? null : (\n                <img\n                  alt={member.name}\n                  height={80}\n                  src={member.image}\n                  width={80}\n                />\n              )}\n            </div>\n            <div>\n              <p className=\"font-medium text-lg\">{member.name}</p>\n              <p className=\"mt-0.5 text-muted-foreground\">{member.role}</p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Team;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}