{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-sections-01",
  "type": "registry:component",
  "title": "Team Sections",
  "author": "Toby Belhome",
  "description": "Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member profiles, roles, and social links with clean layouts and subtle visuals. Perfect for company websites, SaaS platforms, or portfolios aiming to humanize your brand and build trust with visitors.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "examples/blocks/marketing/team-sections/01/page.tsx",
      "content": "import Image from \"next/image\";\n\nconst teams = [\n  {\n    name: \"Michael Scott\",\n    title: \"Co-Founder, Chief Architect\",\n    image:\n      \"https://plus.unsplash.com/premium_photo-1754211654507-e0a561f6b9c4?q=80&w=721&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n  },\n  {\n    name: \"Chandler Rigs\",\n    title: \"Co-Founder, Architect\",\n    image:\n      \"https://images.unsplash.com/photo-1754051486494-cfdbf29a589c?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n  },\n  {\n    name: \"Isabella Rodriguez\",\n    title: \"Architect\",\n    image:\n      \"https://images.unsplash.com/photo-1754006320747-a90ba54b93cd?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n  },\n  {\n    name: \"Ava Wilson\",\n    title: \"3D Artist\",\n    image:\n      \"https://images.unsplash.com/photo-1753828335589-8fee07cb4cec?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n  }\n];\n\nexport default function TeamSection() {\n  return (\n    <section className=\"py-12 lg:py-20\">\n      <div className=\"mx-auto max-w-7xl px-4\">\n        <header className=\"max-w-2xl space-y-2\">\n          <h3 className=\"font-heading text-4xl md:text-5xl\">Our team</h3>\n          <p className=\"text-muted-foreground text-balance md:text-lg\">\n            We craft solutions that amplify key characteristics, achieving a harmonious balance of\n            function and intent. Through careful analysis and collaborative engagement, our spaces\n            transcend the conventional.\n          </p>\n        </header>\n        <div className=\"mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-4\">\n          {teams.map((member, i) => (\n            <div key={i} className=\"bg-card rounded-lg border\">\n              <div className=\"relative h-64 w-full overflow-hidden rounded-t-lg\">\n                <Image\n                  src={member.image}\n                  alt={`picture of ${member.name}`}\n                  layout=\"fill\"\n                  objectFit=\"cover\"\n                  className=\"rounded-t-lg\"\n                />\n              </div>\n              <div className=\"space-y-1 p-4\">\n                <h3 className=\"font-semibold\">{member.name}</h3>\n                <p className=\"text-muted-foreground text-sm\">{member.title}</p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/team-sections-01.tsx"
    }
  ],
  "meta": {
    "isPro": true
  }
}