{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-team-1","type":"registry:block","title":"Team 1","description":"Tailark Veil team variant 1 block","meta":{"aspect-ratio":"90/40","width":686,"height":305},"files":[{"path":"veil/blocks/team/one.tsx","type":"registry:component","target":"@components/team-1.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        bio: 'Passionate about intuitive UIs and web performance. Specializes in React and TypeScript with 5+ years of experience.',\n    },\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/68236786?v=4',\n        name: 'Theo Balick',\n        role: 'Founder, CEO - Acme',\n        bio: 'Serial entrepreneur transforming team collaboration. Previously led product at two successful startups.',\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=\"mt-12 grid gap-12 text-sm\">\n                    {members.map((member, index) => (\n                        <div\n                            key={index}\n                            className=\"relative grid grid-cols-[auto_1fr] gap-4\"\n                        >\n                            <div\n                                aria-hidden\n                                className=\"max-h-26 absolute -inset-x-6 inset-y-1 border-y\"\n                            />\n                            <div\n                                aria-hidden\n                                className=\"w-26 absolute -inset-y-6 inset-x-1 border-x\"\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=\"flex flex-col justify-between gap-6 py-1\">\n                                <div className=\"space-y-0.5\">\n                                    <p className=\"text-foreground text-base font-medium\">{member.name}</p>\n                                    <p className=\"text-muted-foreground text-sm\">{member.role}</p>\n                                </div>\n\n                                <p className=\"text-muted-foreground text-balance text-sm\">{member.bio}</p>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}