{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "gradient-testimonials",
  "type": "registry:block",
  "title": "Gradient testimonials",
  "description": "Gradient testimonials",
  "files": [
    {
      "path": "components/usages/gradienttestimonialsusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport Testimonials from \"@/registry/open-source/gradient-testimonials\";\r\n\r\nexport default function Usage() {\r\n\treturn (\r\n\t\t<div className=\"h-screen w-full flex items-center justify-center relative overflow-hidden bg-background\">\r\n\t\t\t<Testimonials\r\n\t\t\t\tdata={[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"testimonial 1\",\r\n\t\t\t\t\t\tcomment: \"etst\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"testimonial 2\",\r\n\t\t\t\t\t\tcomment: \"etst\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"testimonial 3\",\r\n\t\t\t\t\t\tcomment: \"etst\",\r\n\t\t\t\t\t},\r\n\t\t\t\t]}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:block",
      "target": "~/example.tsx"
    },
    {
      "path": "components/usages/gradienttestimonialsusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport Testimonials from \"@/registry/open-source/gradient-testimonials\";\r\n\r\nexport default function Usage() {\r\n\treturn (\r\n\t\t<div className=\"h-screen w-full flex items-center justify-center relative overflow-hidden bg-background\">\r\n\t\t\t<Testimonials\r\n\t\t\t\tdata={[\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"testimonial 1\",\r\n\t\t\t\t\t\tcomment: \"etst\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"testimonial 2\",\r\n\t\t\t\t\t\tcomment: \"etst\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"testimonial 3\",\r\n\t\t\t\t\t\tcomment: \"etst\",\r\n\t\t\t\t\t},\r\n\t\t\t\t]}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/open-source/gradient-testimonials.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nconst Testimonials = ({ data }) => {\r\n\treturn (\r\n\t\t<section className=\"h-fit w-full bg-background\">\r\n\t\t\t<div className=\"mx-auto flex flex-wrap justify-center gradient-background cont-page\">\r\n\t\t\t\t{data.map(({ title, comment }) => {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName=\"relative gradient-card basis-1/3 grow\"\r\n\t\t\t\t\t\t\tkey={title}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tclassName=\"absolute -inset-1 bg-background\"\r\n\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\tmask: \"url(./TextBox_frame.svg)\",\r\n\t\t\t\t\t\t\t\t\tmaskSize: \"contain\",\r\n\t\t\t\t\t\t\t\t\tmaskRepeat: \"no-repeat\",\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></div>\r\n\t\t\t\t\t\t\t<div className=\"z-10 relative p-20 text-foreground mix-blend-difference\">\r\n\t\t\t\t\t\t\t\t{title}\r\n\t\t\t\t\t\t\t\t{comment}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t);\r\n\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t</section>\r\n\t);\r\n};\r\n\r\nexport default Testimonials;\r\n",
      "type": "registry:ui"
    }
  ]
}