{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-testimonials-2","type":"registry:block","title":"Testimonials 2","description":"Tailark Veil testimonials variant 2 block","registryDependencies":["@tailark-oss/veil-card"],"meta":{"aspect-ratio":"40/23","width":686,"height":394},"files":[{"path":"veil/blocks/testimonials/two.tsx","type":"registry:component","target":"@components/testimonials-2.tsx","content":"import Image from 'next/image'\nimport { Card } from '@/components/ui/card'\n\nconst testimonials = [\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/47919550?v=4',\n        name: 'Meschac Irung',\n        role: 'Frontend Engineer at Acme',\n        quote: 'Tailark has been a game-changer for our team. It has helped us to build a modern and scalable web application.',\n    },\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/68236786?v=4',\n        name: 'Theo Balick',\n        role: 'Founder, CEO - Acme',\n        quote: 'Tailark has been a game-changer for our team. It has helped us to build a modern and scalable web application.',\n    },\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/12345678?v=4',\n        name: 'Sarah Johnson',\n        role: 'DevOps Engineer',\n        quote: 'Tailark has been a game-changer for our team. It has helped us to build a modern and scalable web application.',\n    },\n    {\n        avatar: 'https://avatars.githubusercontent.com/u/34567890?v=4',\n        name: 'Aisha Patel',\n        role: 'Data Scientist',\n        quote: 'Tailark has been a game-changer for our team. It has helped us to build a modern and scalable web application.',\n    },\n]\n\nexport default function Testimonials() {\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\">What Our Customers Say</h2>\n                    <p className=\"text-muted-foreground text-balance\">Hear from the teams and individuals who have transformed their workflow with our platform.</p>\n                </div>\n                <div className=\"@xl:grid-cols-2 mt-12 grid gap-3\">\n                    {testimonials.map((testimonial, index) => (\n                        <Card\n                            key={index}\n                            variant=\"outline\"\n                            className=\"text-foreground flex items-end gap-3 rounded-2xl p-4 text-sm\"\n                        >\n                            <div className=\"before:border-foreground/10 relative size-5 shrink-0 rounded-full before:absolute before:inset-0 before:rounded-full before:border\">\n                                <Image\n                                    src={testimonial.avatar}\n                                    alt={testimonial.name}\n                                    className=\"rounded-full object-cover\"\n                                    width={40}\n                                    height={40}\n                                />\n                            </div>\n                            <div className=\"space-y-6\">\n                                <p className=\"text-foreground text-lg\">{testimonial.quote}</p>\n\n                                <div className=\"space-y-1\">\n                                    <p className=\"text-muted-foreground text-sm font-medium\">{testimonial.name}</p>\n                                    <p className=\"text-muted-foreground text-xs\">{testimonial.role}</p>\n                                </div>\n                            </div>\n                        </Card>\n                    ))}\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}