{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-13",
  "title": "Team 13",
  "description": "A simple team block",
  "files": [
    {
      "path": "src/registry/blocks/shared/team-13/components/team.tsx",
      "content": "const 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\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        Built by makers\n      </h2>\n      <p className=\"mt-3 text-balance text-center text-lg text-muted-foreground tracking-[-0.01em] md:text-2xl\">\n        A team that values simplicity and speed\n      </p>\n\n      <div className=\"mt-12 grid grid-cols-1 gap-8 max-sm:justify-center sm:mt-18 sm:grid-cols-2 sm:gap-10 md:grid-cols-3 lg:grid-cols-4\">\n        {teamMembers.map((member, index) => (\n          <div\n            className=\"relative flex items-center gap-x-6 gap-y-10\"\n            key={index}\n          >\n            <div className=\"aspect-square overflow-hidden rounded-lg sm:aspect-4/5\">\n              <img\n                alt={member.name}\n                className=\"size-full object-cover object-top\"\n                src={member.image}\n              />\n            </div>\n            <div className=\"absolute right-0 bottom-0 left-0 isolate overflow-hidden rounded-b-lg bg-linear-to-t from-foreground/90 via-foreground/80 p-4 pt-16\">\n              <p className=\"font-medium text-background text-lg\">\n                {member.name}\n              </p>\n              <p className=\"mt-0.5 font-medium text-background/75 text-sm\">\n                {member.role}\n              </p>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Team;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}