{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"testimonials-section-1","title":"Testimonials Section 1","description":"Testimonials section 1 with avatars, customer quotes, centered content, background contrast section, rounded visuals.","registryDependencies":["avatar"],"files":[{"path":"components/pro-blocks/landing-page/testimonials-sections/testimonials-section-1.tsx","content":"import { Avatar, AvatarImage } from \"@/components/ui/avatar\"\nimport { cn } from \"@/lib/utils\"\n\ntype Props = {\n  quote?: string\n  avatarSrc?: string\n  avatarAlt?: string\n  avatarClassName?: string\n  name?: string\n  role?: string\n  sectionAriaLabelledBy?: string\n}\n\nconst defaultProps = {\n  quote:\n    \"This product has completely transformed our workflow. It is intuitive, saves our team hours every week, and gives us polished patterns we can adapt quickly.\",\n  avatarSrc: \"/avatar-mw-s.png\",\n  avatarAlt: \"Lucas Mercer\",\n  name: \"Lucas Mercer\",\n  role: \"CEO at Acme Inc.\",\n  sectionAriaLabelledBy: \"testimonials-section-1-label\",\n}\n\nexport function TestimonialsSection1({\n  quote = defaultProps.quote,\n  avatarSrc = defaultProps.avatarSrc,\n  avatarAlt = defaultProps.avatarAlt,\n  avatarClassName,\n  name = defaultProps.name,\n  role = defaultProps.role,\n  sectionAriaLabelledBy = defaultProps.sectionAriaLabelledBy,\n}: Props) {\n  return (\n    <section className=\"bg-muted/60\" aria-labelledby={sectionAriaLabelledBy}>\n      <div className=\"wrapper\">\n        <div className=\"mx-auto flex max-w-2xl flex-col items-center\">\n          <blockquote className=\"text-center text-lg font-medium text-pretty text-foreground md:text-xl/8\">\n            &quot;{quote}&quot;\n          </blockquote>\n\n          <div className=\"mt-8 flex flex-col items-center gap-4\">\n            <Avatar\n              className={cn(\n                \"size-12 rounded-xl md:size-14\",\n                avatarClassName\n              )}\n            >\n              <AvatarImage src={avatarSrc} alt={avatarAlt} />\n            </Avatar>\n\n            <div className=\"flex flex-col items-center sm:flex-row sm:gap-2\">\n              <span className=\"font-medium text-foreground\">{name}</span>\n              <span className=\"hidden text-muted-foreground opacity-50 sm:block\">\n                •\n              </span>\n              <span className=\"text-muted-foreground\">{role}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n","type":"registry:component"}],"meta":{"tags":["testimonials","social proof","quotes","reviews","customers"]},"categories":["testimonials-sections"],"type":"registry:block"}