{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-02",
  "title": "Team 02",
  "description": "A simple team block",
  "files": [
    {
      "path": "src/registry/blocks/shared/team-02/components/team.tsx",
      "content": "import Image from \"next/image\";\n\nconst teamMembers = [\n  {\n    name: \"John Doe\",\n    title: \"Founder & CEO\",\n    bio: \"Former co-founder of Opendoor. Early staff at Spotify and Clearbit.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/3785079/pexels-photo-3785079.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"Jane Doe\",\n    title: \"Engineering Manager\",\n    bio: \"Lead engineering teams at Figma, Pitch, and Protocol Labs.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/1520760/pexels-photo-1520760.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"Bob Smith\",\n    title: \"Product Manager\",\n    bio: \"Former PM for Linear, Lambda School, and On Deck.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/91227/pexels-photo-91227.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"Peter Johnson\",\n    title: \"Frontend Developer\",\n    bio: \"Former frontend dev for Linear, Coinbase, and Postscript.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/2379005/pexels-photo-2379005.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"David Lee\",\n    title: \"Backend Developer\",\n    bio: \"Lead backend dev at Clearbit. Former Clearbit and Loom.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/2182970/pexels-photo-2182970.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"Sarah Williams\",\n    title: \"Product Designer\",\n    bio: \"Founding design team at Figma. Former Pleo, Stripe, and Tile.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/733872/pexels-photo-733872.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"Michael Brown\",\n    title: \"UX Researcher\",\n    bio: \"Lead user research for Slack. Contractor for Netflix and Udacity.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/1681010/pexels-photo-1681010.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n  {\n    name: \"Elizabeth Johnson\",\n    title: \"Customer Success\",\n    bio: \"Lead CX at Wealthsimple. Former PagerDuty and Sqreen.\",\n    imageUrl:\n      \"https://images.pexels.com/photos/2613260/pexels-photo-2613260.jpeg?auto=compress&cs=tinysrgb&w=600\",\n  },\n];\n\nconst Team = () => {\n  return (\n    <div className=\"mx-auto flex max-w-(--breakpoint-xl) flex-col justify-center px-6 py-8 sm:py-20 lg:px-8\">\n      <b className=\"font-medium text-muted-foreground text-sm uppercase\">\n        Our team\n      </b>\n      <h2 className=\"mt-4 font-medium text-3xl tracking-[-0.04em] md:text-4xl\">\n        Meet the people behind the product\n      </h2>\n      <p className=\"mt-3 text-pretty text-lg text-muted-foreground -tracking-[0.01em] sm:text-xl\">\n        We&apos;re a 100% remote team spread all across the world. Join us!\n      </p>\n\n      <div className=\"mt-14 grid w-full grid-cols-1 gap-x-8 gap-y-12 sm:mt-20 sm:grid-cols-2 md:grid-cols-4\">\n        {teamMembers.map((member) => (\n          <div key={member.name}>\n            <Image\n              alt={member.name}\n              className=\"h-20 w-20 rounded-full bg-secondary object-cover\"\n              height={120}\n              src={member.imageUrl}\n              width={120}\n            />\n            <h3 className=\"mt-4 font-medium text-lg\">{member.name}</h3>\n            <p className=\"text-muted-foreground text-sm\">{member.title}</p>\n            <p className=\"mt-3 text-foreground/90\">{member.bio}</p>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Team;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}