{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-team-2","type":"registry:block","title":"Team 2","description":"Tailark Veil team variant 2 block","meta":{"aspect-ratio":"60/22","width":686,"height":252},"files":[{"path":"veil/blocks/team/two.tsx","type":"registry:component","target":"@components/team-2.tsx","content":"import Image from 'next/image'\n\nconst members = [\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/47919550?v=4',\n        name: 'Meschac Irung',\n        role: 'Frontend Engineer at Acme',\n    },\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/68236786?v=4',\n        name: 'Theo Balick',\n        role: 'Founder, CEO - Acme',\n    },\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/12345678?v=4',\n        name: 'Sarah Johnson',\n        role: 'DevOps Engineer',\n    },\n]\n\nexport default function Team() {\n    return (\n        <section className=\"bg-background @container py-24\">\n            <div className=\"mx-auto max-w-2xl px-6\">\n                <div className=\"space-y-4\">\n                    <h2 className=\"text-balance font-serif text-4xl font-medium\">Meet Our Founders</h2>\n                    <p className=\"text-muted-foreground text-balance\">The visionary leaders behind our mission to transform how teams work and collaborate.</p>\n                </div>\n                <div className=\"@xl:grid-cols-3 @xl:gap-6 mt-12 grid grid-cols-2 gap-3 gap-y-6 text-sm\">\n                    {members.map((member, index) => (\n                        <div\n                            key={index}\n                            className=\"flex flex-col gap-4\"\n                        >\n                            <div className=\"before:border-foreground/10 shadow-foreground/6.5 dark:shadow-black/6.5 relative size-28 shrink-0 rounded-xl shadow-md before:absolute before:inset-0 before:rounded-xl before:border\">\n                                <Image\n                                    src={member.avatar}\n                                    alt={member.name}\n                                    className=\"rounded-xl object-cover\"\n                                    width={120}\n                                    height={120}\n                                />\n                            </div>\n\n                            <div className=\"space-y-1\">\n                                <p className=\"text-foreground text-sm font-medium\">{member.name}</p>\n                                <p className=\"text-muted-foreground text-sm\">{member.role}</p>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}