{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-05",
  "title": "Testimonials 05",
  "description": "A simple testimonial block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "avatar"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/testimonials-05/components/testimonials.tsx",
      "content": "import { StarIcon } from \"lucide-react\";\nimport { Avatar, AvatarFallback } from \"@/registry/bases/radix/ui/avatar\";\nimport { cn } from \"@/lib/utils\";\n\nconst testimonials = [\n  {\n    id: 1,\n    name: \"John Doe\",\n    designation: \"Software Engineer\",\n    company: \"TechCorp\",\n    testimonial:\n      \"This product has completely transformed the way we work. The efficiency and ease of use are unmatched!\",\n    avatar: \"https://randomuser.me/api/portraits/men/1.jpg\",\n  },\n  {\n    id: 2,\n    name: \"Sophia Lee\",\n    designation: \"Data Analyst\",\n    company: \"InsightTech\",\n    testimonial:\n      \"This tool has saved me hours of work! The analytics and reporting features are incredibly powerful.\",\n    avatar: \"https://randomuser.me/api/portraits/women/6.jpg\",\n  },\n  {\n    id: 3,\n    name: \"Michael Johnson\",\n    designation: \"UX Designer\",\n    company: \"DesignPro\",\n    testimonial:\n      \"An amazing tool that simplifies complex tasks. Highly recommended for professionals in the industry.\",\n    avatar: \"https://randomuser.me/api/portraits/men/3.jpg\",\n  },\n  {\n    id: 4,\n    name: \"Emily Davis\",\n    designation: \"Marketing Specialist\",\n    company: \"BrandBoost\",\n    testimonial:\n      \"I've seen a significant improvement in our team's productivity since we started using this service.\",\n    avatar: \"https://randomuser.me/api/portraits/women/4.jpg\",\n  },\n  {\n    id: 5,\n    name: \"Daniel Martinez\",\n    designation: \"Full-Stack Developer\",\n    company: \"CodeCrafters\",\n    testimonial:\n      \"The best investment we've made! The support team is also super responsive and helpful.\",\n    avatar: \"https://randomuser.me/api/portraits/men/5.jpg\",\n  },\n  {\n    id: 6,\n    name: \"Jane Smith\",\n    designation: \"Product Manager\",\n    company: \"InnovateX\",\n    testimonial:\n      \"The user experience is top-notch! The interface is clean, intuitive, and easy to navigate.\",\n    avatar: \"https://randomuser.me/api/portraits/women/2.jpg\",\n  },\n];\n\nconst Testimonials = () => (\n  <div className=\"px-6 py-20\">\n    <div>\n      <h2 className=\"text-center font-medium text-4xl tracking-[-0.04em] md:text-[2.75rem]\">\n        Loved by developers\n      </h2>\n      <p className=\"mt-4 text-center text-muted-foreground text-xl tracking-[-0.015em] md:text-2xl\">\n        See how developers and teams are achieving more with us\n      </p>\n      <div className=\"mx-auto mt-8 w-full max-w-(--breakpoint-xl) sm:mt-14 lg:mt-16\">\n        <div className=\"grid grid-cols-1 overflow-hidden md:grid-cols-2 lg:grid-cols-3\">\n          {testimonials.map((testimonial) => (\n            <div\n              className={cn(\n                \"relative flex flex-col px-6 py-10\",\n                \"before:absolute before:inset-0 before:-m-px before:border-border before:border-r before:border-b before:border-dashed before:content-['']\"\n              )}\n              key={testimonial.id}\n            >\n              <div className=\"flex items-center justify-center gap-1\">\n                <StarIcon className=\"h-6 w-6 fill-yellow-500 stroke-yellow-500\" />\n                <StarIcon className=\"h-6 w-6 fill-yellow-500 stroke-yellow-500\" />\n                <StarIcon className=\"h-6 w-6 fill-yellow-500 stroke-yellow-500\" />\n                <StarIcon className=\"h-6 w-6 fill-yellow-500 stroke-yellow-500\" />\n                <StarIcon className=\"h-6 w-6 fill-yellow-500 stroke-yellow-500\" />\n              </div>\n              <p className=\"my-6 max-w-md text-pretty text-center text-[17px]\">\n                {testimonial.testimonial}\n              </p>\n              <div className=\"mt-auto flex items-center justify-center gap-3\">\n                <Avatar className=\"size-9\">\n                  <AvatarFallback className=\"bg-primary font-medium text-primary-foreground text-xl\">\n                    {testimonial.name.charAt(0)}\n                  </AvatarFallback>\n                </Avatar>\n                <div>\n                  <p className=\"font-medium\">{testimonial.name}</p>\n                  <p className=\"text-muted-foreground text-sm\">\n                    {testimonial.designation}\n                  </p>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default Testimonials;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}