{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-08",
  "title": "Testimonials 08",
  "description": "A simple testimonials block",
  "files": [
    {
      "path": "src/registry/blocks/radix/testimonials-08/components/testimonials.tsx",
      "content": "import { Separator } from \"@/registry/bases/radix/ui/separator\";\n\nconst testimonials = [\n  {\n    name: \"Sarah Johnson\",\n    role: \"Product Designer at Canva\",\n    avatar: \"https://mockmind-api.uifaces.co/content/human/97.jpg\",\n    testimonial:\n      \"This product completely changed the way I work. The interface is intuitive and the performance is top-notch.\",\n  },\n  {\n    name: \"Raj Mehta\",\n    role: \"Frontend Developer at Zomato\",\n    avatar: \"https://mockmind-api.uifaces.co/content/human/80.jpg\",\n    testimonial:\n      \"It’s rare to find a tool that blends design and usability so well. Highly recommend it to all developers!\",\n  },\n  {\n    name: \"Emily Chen\",\n    role: \"Marketing Manager at HubSpot\",\n    avatar: \"https://mockmind-api.uifaces.co/content/human/113.jpg\",\n    testimonial:\n      \"The experience has been seamless from day one. Great support, fast delivery, and amazing value.\",\n  },\n  {\n    name: \"Daniel Kim\",\n    role: \"CTO at NextLaunch\",\n    avatar: \"https://mockmind-api.uifaces.co/content/human/90.jpg\",\n    testimonial:\n      \"We integrated this solution into our workflow and saw an instant boost in productivity and collaboration.\",\n  },\n  {\n    name: \"Aisha Patel\",\n    role: \"Software Engineer at Swiggy\",\n    avatar: \"https://mockmind-api.uifaces.co/content/human/116.jpg\",\n    testimonial:\n      \"I've used several tools in this category, but nothing matches the polish and reliability of this one.\",\n  },\n  {\n    name: \"Liam Garcia\",\n    role: \"Startup Founder\",\n    avatar: \"https://mockmind-api.uifaces.co/content/human/112.jpg\",\n    testimonial:\n      \"As a founder, I care about speed and simplicity. This product delivers on both fronts beautifully.\",\n  },\n];\n\nconst Testimonials = () => {\n  return (\n    <div className=\"mx-auto max-w-7xl px-6 py-12 sm:py-20\">\n      <h2 className=\"text-center font-medium text-4xl tracking-[-0.04em] md:text-[2.75rem]\">\n        Testimonials\n      </h2>\n      <p className=\"mt-2.5 text-balance text-center text-lg text-muted-foreground tracking-[-0.015em] sm:text-2xl\">\n        What our customers say about us\n      </p>\n\n      <div className=\"mx-auto mt-16 grid max-w-5xl grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n        {testimonials.map(({ name, avatar, role, testimonial }, index) => (\n          <div\n            className=\"relative flex flex-col rounded-lg border bg-muted/70 px-5 pt-10 pb-3\"\n            key={index}\n          >\n            {/* Quote */}\n            <span className=\"absolute top-2 left-4 font-satoshi text-8xl text-foreground/30\">\n              &ldquo;\n            </span>\n\n            <p className=\"grow py-6 font-medium text-lg\">{testimonial}</p>\n            <Separator />\n            <div className=\"flex items-center gap-3 py-3.5\">\n              <img alt=\"\" className=\"h-10 w-10 rounded-full\" src={avatar} />\n              <div className=\"flex flex-col\">\n                <p className=\"font-medium\">{name}</p>\n                <p className=\"text-muted-foreground text-sm\">{role}</p>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Testimonials;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}