{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-03",
  "title": "Team 03",
  "description": "A simple team block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/team-03/components/team.tsx",
      "content": "import { DribbbleIcon, TwitchIcon, TwitterIcon } from \"lucide-react\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nconst teamMembers = [\n  {\n    name: \"John Doe\",\n    title: \"Founder & CEO\",\n    bio: \"Former co-founder of Opendoor. Early staff at Spotify.\",\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\nconst Team = () => {\n  return (\n    <div className=\"mx-auto flex max-w-(--breakpoint-xl) flex-col justify-center gap-14 px-6 py-20 lg:flex-row lg:px-8\">\n      <div className=\"sm:max-w-sm lg:max-w-xs\">\n        <b className=\"font-medium text-muted-foreground text-sm uppercase\">\n          Our team\n        </b>\n        <h2 className=\"mt-3 font-medium text-3xl tracking-tight md:text-4xl\">\n          Leadership Team\n        </h2>\n        <p className=\"mt-4 text-base text-foreground/80 sm:text-lg\">\n          We&apos;re a cross-disciplinary team that loves to create great\n          experiences for our customers.\n        </p>\n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row-reverse sm:justify-end\">\n          <Button size=\"lg\">Open Positions</Button>\n          <Button size=\"lg\" variant=\"outline\">\n            About Us\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid w-full grid-cols-1 gap-x-10 gap-y-12 sm:grid-cols-2 md:grid-cols-3\">\n        {teamMembers.map((member) => (\n          <div className=\"flex items-start gap-4 md:flex-col\" key={member.name}>\n            <Image\n              alt={member.name}\n              className=\"h-16 w-16 shrink-0 rounded-full bg-secondary object-cover sm:h-20 sm:w-20\"\n              height={120}\n              src={member.imageUrl}\n              width={120}\n            />\n            <div>\n              <h3 className=\"font-medium text-lg\">{member.name}</h3>\n              <p className=\"text-muted-foreground text-sm\">{member.title}</p>\n              <p className=\"mt-2 text-foreground/90\">{member.bio}</p>\n              <div className=\"mt-4 flex items-center gap-2.5\">\n                <Button asChild size=\"icon\" variant=\"secondary\">\n                  <Link href=\"#\" target=\"_blank\">\n                    <TwitterIcon className=\"stroke-muted-foreground\" />\n                  </Link>\n                </Button>\n                <Button asChild size=\"icon\" variant=\"secondary\">\n                  <Link href=\"#\" target=\"_blank\">\n                    <DribbbleIcon className=\"stroke-muted-foreground\" />\n                  </Link>\n                </Button>\n                <Button asChild size=\"icon\" variant=\"secondary\">\n                  <Link href=\"#\" target=\"_blank\">\n                    <TwitchIcon className=\"stroke-muted-foreground\" />\n                  </Link>\n                </Button>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Team;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}