{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glassmorphism-testimonials-block-baseui",
  "type": "registry:block",
  "title": "Glassmorphism Testimonials",
  "description": "Customer testimonials with glassmorphism cards, star ratings, and hover effects (Base UI)",
  "registryDependencies": [
    "button"
  ],
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-baseui/src/components/sections/glassmorphism-testimonials-block-baseui.tsx",
      "content": "\"use client\";\n\nimport { Star } from \"lucide-react\";\n\nexport function GlassmorphismTestimonialsBlockBaseui() {\n  const testimonials = [\n    {\n      content:\n        \"This platform has completely transformed how we build products. The speed and reliability are unmatched.\",\n      author: \"Sarah Johnson\",\n      role: \"CTO at TechCorp\",\n      rating: 5,\n    },\n    {\n      content:\n        \"Best investment we've made this year. Our team's productivity has increased dramatically.\",\n      author: \"Michael Chen\",\n      role: \"Product Manager at StartupXYZ\",\n      rating: 5,\n    },\n    {\n      content:\n        \"The attention to detail and user experience is exceptional. Highly recommend to any team.\",\n      author: \"Emily Rodriguez\",\n      role: \"Head of Engineering at ScaleUp\",\n      rating: 5,\n    },\n  ];\n\n  return (\n    <section className=\"bg-foreground/[0.02] px-6 py-32\">\n      <div className=\"mx-auto max-w-7xl\">\n        <div className=\"mb-20 space-y-5 text-center\">\n          <h2 className=\"text-5xl font-bold tracking-tight md:text-6xl\">\n            Loved by teams everywhere\n          </h2>\n          <p className=\"mx-auto max-w-2xl text-lg leading-relaxed text-muted-foreground md:text-xl\">\n            See what our customers have to say\n          </p>\n        </div>\n\n        <div className=\"grid gap-8 md:grid-cols-3\">\n          {testimonials.map((testimonial, index) => (\n            <div\n              key={index}\n              className=\"group rounded-lg border border-border/50 bg-background/50 p-10 text-card-foreground backdrop-blur-xl transition-all duration-500 hover:border-border\"\n            >\n              <div className=\"mb-6 flex gap-1\">\n                {[...Array(testimonial.rating)].map((_, i) => (\n                  <Star\n                    key={i}\n                    className=\"h-4 w-4 fill-current text-foreground\"\n                  />\n                ))}\n              </div>\n              <p className=\"mb-8 text-base leading-relaxed text-foreground/80\">\n                \"{testimonial.content}\"\n              </p>\n              <div className=\"border-t border-border/50 pt-4\">\n                <p className=\"font-semibold text-foreground\">\n                  {testimonial.author}\n                </p>\n                <p className=\"mt-1 text-sm text-muted-foreground\">\n                  {testimonial.role}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:block",
      "target": "components/uitripled/glassmorphism-testimonials-block-baseui.tsx"
    }
  ]
}