{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "team-1",
  "type": "registry:block",
  "title": "Team 1",
  "description": "Team section grouped by role with avatars and titles.",
  "files": [
    {
      "path": "app/preview/team/one/page.tsx",
      "content": "const members = [\n    {\n        name: 'Maya Chen',\n        role: 'Creator',\n        avatar: 'https://randomuser.me/api/portraits/women/68.jpg',\n    },\n    {\n        name: 'Daniel Okafor',\n        role: 'Frontend Dev',\n        avatar: 'https://randomuser.me/api/portraits/men/32.jpg',\n    },\n    {\n        name: 'Priya Nair',\n        role: 'Frontend Dev',\n        avatar: 'https://randomuser.me/api/portraits/women/44.jpg',\n    },\n    {\n        name: 'Lucas Moreau',\n        role: 'Backend Dev',\n        avatar: 'https://randomuser.me/api/portraits/men/46.jpg',\n    },\n]\n\nexport default function TeamSection() {\n    return (\n        <section className=\"py-12 md:py-32\">\n            <div className=\"mx-auto max-w-3xl px-8 lg:px-0\">\n                <h2 className=\"mb-8 text-4xl font-bold md:mb-16 lg:text-5xl\">Our team</h2>\n\n                <div>\n                    <h3 className=\"mb-6 text-lg font-medium\">Leadership</h3>\n                    <div className=\"grid grid-cols-2 gap-4 border-t py-6 md:grid-cols-4\">\n                        {members.map((member, index) => (\n                            <div key={index}>\n                                <div className=\"bg-background size-20 rounded-full border p-0.5 shadow shadow-zinc-950/5\">\n                                    <img className=\"aspect-square rounded-full object-cover\" src={member.avatar} alt={member.name} height=\"460\" width=\"460\" loading=\"lazy\" />\n                                </div>\n                                <span className=\"mt-2 block text-sm\">{member.name}</span>\n                                <span className=\"text-muted-foreground block text-xs\">{member.role}</span>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n\n                <div className=\"mt-6\">\n                    <h3 className=\"mb-6 text-lg font-medium\">Engineering</h3>\n                    <div data-rounded=\"full\" className=\"grid grid-cols-2 gap-4 border-t py-6 md:grid-cols-4\">\n                        {members.map((member, index) => (\n                            <div key={index}>\n                                <div className=\"bg-background size-20 rounded-full border p-0.5 shadow shadow-zinc-950/5\">\n                                    <img className=\"aspect-square rounded-full object-cover\" src={member.avatar} alt={member.name} height=\"460\" width=\"460\" loading=\"lazy\" />\n                                </div>\n                                <span className=\"mt-2 block text-sm\">{member.name}</span>\n                                <span className=\"text-muted-foreground block text-xs\">{member.role}</span>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n\n                <div className=\"mt-6\">\n                    <h3 className=\"mb-6 text-lg font-medium\">Marketing</h3>\n                    <div data-rounded=\"full\" className=\"grid grid-cols-2 gap-4 border-t py-6 md:grid-cols-4\">\n                        {members.map((member, index) => (\n                            <div key={index}>\n                                <div className=\"bg-background size-20 rounded-full border p-0.5 shadow shadow-zinc-950/5\">\n                                    <img className=\"aspect-square rounded-full object-cover\" src={member.avatar} alt={member.name} height=\"460\" width=\"460\" loading=\"lazy\" />\n                                </div>\n                                <span className=\"mt-2 block text-sm\">{member.name}</span>\n                                <span className=\"text-muted-foreground block text-xs\">{member.role}</span>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/team.tsx"
    }
  ]
}