{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-08",
  "title": "Team 08",
  "description": "A simple team block",
  "files": [
    {
      "path": "src/registry/blocks/shared/team-08/components/team.tsx",
      "content": "import { Dribbble, Github, Twitter } from \"lucide-react\";\nimport Link from \"next/link\";\n\nconst teamMembers = [\n  {\n    name: \"Liam Martinez\",\n    image: \"https://mockmind-api.uifaces.co/content/human/80.jpg\",\n    role: \"Chief Executive Officer\",\n  },\n  {\n    name: \"Ava Thompson\",\n    image: \"https://mockmind-api.uifaces.co/content/human/97.jpg\",\n    role: \"Chief Technology 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\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 capitalize tracking-[-0.04em] 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 gap-2 rounded-xl border border-border/75 bg-muted p-2 sm:mt-16 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 dark:border-border/60\">\n        {teamMembers.map((member, index) => (\n          <div\n            className=\"rounded-lg border border-border/85 bg-background py-8 dark:border-foreground/13\"\n            key={index}\n          >\n            <div className=\"mx-auto aspect-square max-w-48 overflow-hidden rounded-4xl bg-muted\">\n              <img alt={member.name} src={member.image} />\n            </div>\n            <p className=\"mt-6 text-center font-medium text-lg\">\n              {member.name}\n            </p>\n            <p className=\"text-center text-muted-foreground\">{member.role}</p>\n            <div className=\"mt-5 flex items-center justify-center gap-4\">\n              <Link href=\"#\" target=\"_blank\">\n                <Twitter className=\"h-5 w-5 text-muted-foreground hover:text-primary\" />\n              </Link>\n              <Link href=\"#\" target=\"_blank\">\n                <Github className=\"h-5 w-5 text-muted-foreground hover:text-primary\" />\n              </Link>\n              <Link href=\"#\" target=\"_blank\">\n                <Dribbble className=\"h-5 w-5 text-muted-foreground hover:text-primary\" />\n              </Link>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Team;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}