{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-testimonials-4","type":"registry:block","title":"Testimonials 4","description":"Tailark Mist testimonials variant 4 block","meta":{"aspect-ratio":"90/20","width":686,"height":152},"files":[{"path":"mist/blocks/testimonials/four.tsx","type":"registry:component","target":"@components/testimonials-4.tsx","content":"import Image from 'next/image'\n\nexport default function TestimonialSection() {\n    return (\n        <section>\n            <div className=\"py-24\">\n                <div className=\"mx-auto w-full max-w-5xl px-6\">\n                    <blockquote className=\"before:bg-primary relative max-w-xl pl-6 before:absolute before:inset-y-0 before:left-0 before:w-1 before:rounded-full\">\n                        <p className=\"text-foreground text-lg\">Using Tailark has been like unlocking a secret design superpower. It's the perfect fusion of simplicity and versatility, enabling us to create UIs that are as stunning as they are user-friendly.</p>\n                        <footer className=\"mt-4 flex items-center gap-2\">\n                            <div className=\"ring-foreground/10 size-6 border border-transparent shadow ring-1\">\n                                <Image\n                                    src=\"https://avatars.githubusercontent.com/u/68236786?v=4\"\n                                    alt=\"Théo Balick\"\n                                    width={28}\n                                    height={28}\n                                    className=\"rounded-full\"\n                                />\n                            </div>\n                            <cite>Théo Balick</cite>\n                            <span\n                                aria-hidden\n                                className=\"bg-foreground/15 size-1 rounded-full\"\n                            ></span>\n                            <span className=\"text-muted-foreground\">Product Designer</span>\n                        </footer>\n                    </blockquote>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}