{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-4",
  "type": "registry:block",
  "title": "Testimonials 4",
  "description": "Single testimonial with an avatar and author details.",
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "app/preview/testimonials/four/page.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\n\nexport default function TestimonialsSection() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"mx-auto max-w-2xl text-center\">\n                    <blockquote>\n                        <p className=\"text-lg font-medium sm:text-xl md:text-3xl\">Using Lyra 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\n                        <div className=\"mt-12 flex items-center justify-center gap-6\">\n                            <Avatar className=\"size-12\">\n                                <AvatarImage src=\"https://randomuser.me/api/portraits/women/44.jpg\" alt=\"Shekinah Tshiokufila\" height=\"400\" width=\"400\" loading=\"lazy\" />\n                                <AvatarFallback>ST</AvatarFallback>\n                            </Avatar>\n\n                            <div className=\"space-y-1 border-l pl-6\">\n                                <cite className=\"font-medium\">Maya Chen</cite>\n                                <span className=\"text-muted-foreground block text-sm\">CEO, Nvidia</span>\n                            </div>\n                        </div>\n                    </blockquote>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/testimonials.tsx"
    }
  ]
}