{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "mist-team-1",
  "type": "registry:block",
  "title": "Team section block",
  "description": "Mist Kit Team section block, variant one",
  "registryDependencies": [
    "avatar",
    "button"
  ],
  "files": [
    {
      "path": "../../packages/mist-kit/blocks/team/one/index.tsx",
      "content": "import { Button } from '@/components/ui/button'\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\nimport { ChevronRight } from 'lucide-react'\nimport Link from 'next/link'\n\nconst members = [\n    { src: 'https://avatars.githubusercontent.com/u/47919550?v=4', name: 'Ashutosh', role: 'Frontend Engineer' },\n    { src: 'https://avatars.githubusercontent.com/u/31113941?v=4', name: 'Bernard Ngandu', role: 'Backend Developer' },\n    { src: 'https://avatars.githubusercontent.com/u/68236786?v=4', name: 'Theo Balick', role: 'UI/UX Designer' },\n    { src: 'https://avatars.githubusercontent.com/u/99137927?v=4', name: 'Glodie Lukose', role: 'Project Manager' },\n    { src: 'https://avatars.githubusercontent.com/u/12345678?v=4', name: 'Sarah Johnson', role: 'DevOps Engineer' },\n    { src: 'https://avatars.githubusercontent.com/u/23456789?v=4', name: 'Michael Chen', role: 'QA Specialist' },\n    { src: 'https://avatars.githubusercontent.com/u/34567890?v=4', name: 'Aisha Patel', role: 'Data Scientist' },\n    { src: 'https://avatars.githubusercontent.com/u/45678901?v=4', name: 'Carlos Rodriguez', role: 'Product Manager' },\n    { src: 'https://avatars.githubusercontent.com/u/56789012?v=4', name: 'Emma Wilson', role: 'Content Strategist' },\n]\n\nexport default function TeamSection() {\n    return (\n        <section>\n            <div className=\"bg-muted/50 py-24\">\n                <div className=\"@container mx-auto w-full max-w-5xl px-6\">\n                    <div className=\"mb-12\">\n                        <h2 className=\"text-foreground text-4xl font-semibold\">Meet Our Team</h2>\n                        <p className=\"text-muted-foreground my-4 text-balance text-lg\">Our talented professionals bring diverse expertise and passion to every project. Together, we collaborate to deliver exceptional results and innovative solutions for our clients.</p>\n                        <Button\n                            asChild\n                            variant=\"outline\"\n                            className=\"pr-2\">\n                            <Link href=\"#\">\n                                We're hiring\n                                <ChevronRight className=\"opacity-50\" />\n                            </Link>\n                        </Button>\n                    </div>\n\n                    <div className=\"@sm:grid-cols-2 @xl:grid-cols-3 grid gap-6 md:gap-y-10\">\n                        {members.map((member, index) => (\n                            <div\n                                key={index}\n                                className=\"grid grid-cols-[auto_1fr] items-center gap-3\">\n                                <Avatar className=\"rounded-(--radius) ring-foreground/10 size-10 border border-transparent shadow ring-1\">\n                                    <AvatarImage\n                                        src={member.src}\n                                        alt={member.name}\n                                    />\n                                    <AvatarFallback className=\"rounded-(--radius)\">{member.name.charAt(0)}</AvatarFallback>\n                                </Avatar>\n\n                                <div>\n                                    <span className=\"text-foreground font-medium\">{member.name}</span>\n                                    <div className=\"text-muted-foreground text-sm\">{member.role}</div>\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/team-section-one.tsx"
    }
  ]
}