{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-01",
  "title": "Testimonials 01",
  "description": "A simple testimonial block",
  "registryDependencies": [
    "avatar",
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/testimonials-01/components/testimonials.tsx",
      "content": "import Link from \"next/link\";\nimport type { ComponentProps } from \"react\";\nimport { Avatar, AvatarFallback } from \"@/registry/bases/radix/ui/avatar\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\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      \"The intuitive interface makes it easy to onboard new team members, and the automation features save us countless hours every week. \",\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        What developers are saying\n      </h2>\n      <p className=\"mt-3.5 text-center text-muted-foreground text-xl tracking-[-0.015em] md:text-2xl\">\n        Feedback from developers building real products with our components{\" \"}\n      </p>\n      <div className=\"mx-auto mt-14 max-w-(--breakpoint-xl) columns-1 gap-8 md:columns-2 lg:mt-16 lg:columns-3\">\n        {testimonials.map((testimonial) => (\n          <div\n            className=\"mb-8 break-inside-avoid rounded-xl bg-muted p-6 dark:bg-muted/60\"\n            key={testimonial.id}\n          >\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Avatar className=\"size-10\">\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              <Button asChild size=\"icon\" variant=\"ghost\">\n                <Link href=\"#\" target=\"_blank\">\n                  <TwitterLogo className=\"h-4 w-4\" />\n                </Link>\n              </Button>\n            </div>\n            <p className=\"mt-5 text-[17px]\">{testimonial.testimonial}</p>\n          </div>\n        ))}\n      </div>\n    </div>\n  </div>\n);\n\nconst TwitterLogo = (props: ComponentProps<\"svg\">) => (\n  <svg\n    role=\"img\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <title>X</title>\n    <path\n      d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default Testimonials;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}