{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "grid-content",
  "type": "registry:block",
  "title": "Grid content",
  "description": "Grid content",
  "files": [
    {
      "path": "components/usages/gridcontentusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport GridContent from \"@/registry/open-source/grid-content\";\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<GridContent />\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:block",
      "target": "~/example.tsx"
    },
    {
      "path": "components/usages/gridcontentusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport GridContent from \"@/registry/open-source/grid-content\";\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<GridContent />\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/open-source/grid-content.tsx",
      "content": "import React from \"react\";\r\n\r\nconst GridContent = () => {\r\n\treturn (\r\n\t\t<section className=\"dark:text-foreground text-foreground\">\r\n\t\t\t<div className=\"mx-auto max-w-(--breakpoint-xl) px-4 py-8 sm:px-6 sm:py-12 lg:px-8 lg:py-16\">\r\n\t\t\t\t<div className=\"mx-auto max-w-lg text-center\">\r\n\t\t\t\t\t<h2 className=\"text-3xl font-bold sm:text-4xl\">\r\n\t\t\t\t\t\tEXAMPLE CONTENT AREA\r\n\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t<p className=\"mt-4 text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\tLorem ipsum, dolor sit amet consectetur adipisicing elit.\r\n\t\t\t\t\t\tConsequuntur aliquam doloribus nesciunt eos fugiat. Vitae\r\n\t\t\t\t\t\taperiam fugit consequuntur saepe laborum.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"mt-8 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclassName=\"block rounded-xl border border-gray-800 p-8 shadow-xl transition hover:border-pink-800/30 hover:shadow-pink-800/30 dark:hover:border-pink-500/10 dark:hover:shadow-pink-500/10\"\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclassName=\"size-10 text-pink-500\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M12 14l9-5-9-5-9 5 9 5z\" />\r\n\t\t\t\t\t\t\t<path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" />\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\r\n\t\t\t\t\t\t\t\td=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-4 text-xl font-bold text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tDigital campaigns\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<p className=\"mt-1 text-sm text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ex\r\n\t\t\t\t\t\t\tut quo possimus adipisci distinctio alias voluptatum\r\n\t\t\t\t\t\t\tblanditiis laudantium.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclassName=\"block rounded-xl border border-gray-800 p-8 shadow-xl transition hover:border-pink-800/30 hover:shadow-pink-800/30 dark:hover:border-pink-500/10 dark:hover:shadow-pink-500/10\"\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclassName=\"size-10 text-pink-500\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M12 14l9-5-9-5-9 5 9 5z\" />\r\n\t\t\t\t\t\t\t<path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" />\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\r\n\t\t\t\t\t\t\t\td=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-4 text-xl font-bold text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tDigital campaigns\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<p className=\"mt-1 text-sm text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ex\r\n\t\t\t\t\t\t\tut quo possimus adipisci distinctio alias voluptatum\r\n\t\t\t\t\t\t\tblanditiis laudantium.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclassName=\"block rounded-xl border border-gray-800 p-8 shadow-xl transition hover:border-pink-800/30 hover:shadow-pink-800/30 dark:hover:border-pink-500/10 dark:hover:shadow-pink-500/10\"\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclassName=\"size-10 text-pink-500\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M12 14l9-5-9-5-9 5 9 5z\" />\r\n\t\t\t\t\t\t\t<path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" />\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\r\n\t\t\t\t\t\t\t\td=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-4 text-xl font-bold text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tDigital campaigns\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<p className=\"mt-1 text-sm text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ex\r\n\t\t\t\t\t\t\tut quo possimus adipisci distinctio alias voluptatum\r\n\t\t\t\t\t\t\tblanditiis laudantium.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclassName=\"block rounded-xl border border-gray-800 p-8 shadow-xl transition hover:border-pink-800/30 hover:shadow-pink-800/30 dark:hover:border-pink-500/10 dark:hover:shadow-pink-500/10\"\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclassName=\"size-10 text-pink-500\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M12 14l9-5-9-5-9 5 9 5z\" />\r\n\t\t\t\t\t\t\t<path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" />\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\r\n\t\t\t\t\t\t\t\td=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-4 text-xl font-bold text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tDigital campaigns\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<p className=\"mt-1 text-sm text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ex\r\n\t\t\t\t\t\t\tut quo possimus adipisci distinctio alias voluptatum\r\n\t\t\t\t\t\t\tblanditiis laudantium.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclassName=\"block rounded-xl border border-gray-800 p-8 shadow-xl transition hover:border-pink-800/30 hover:shadow-pink-800/30 dark:hover:border-pink-500/10 dark:hover:shadow-pink-500/10\"\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclassName=\"size-10 text-pink-500\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M12 14l9-5-9-5-9 5 9 5z\" />\r\n\t\t\t\t\t\t\t<path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" />\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\r\n\t\t\t\t\t\t\t\td=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-4 text-xl font-bold text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tDigital campaigns\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<p className=\"mt-1 text-sm text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ex\r\n\t\t\t\t\t\t\tut quo possimus adipisci distinctio alias voluptatum\r\n\t\t\t\t\t\t\tblanditiis laudantium.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</a>\r\n\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\tclassName=\"block rounded-xl border border-gray-800 p-8 shadow-xl transition hover:border-pink-800/30 hover:shadow-pink-800/30 dark:hover:border-pink-500/10 dark:hover:shadow-pink-500/10\"\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclassName=\"size-10 text-pink-500\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path d=\"M12 14l9-5-9-5-9 5 9 5z\" />\r\n\t\t\t\t\t\t\t<path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\" />\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\r\n\t\t\t\t\t\t\t\td=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\r\n\t\t\t\t\t\t<h2 className=\"mt-4 text-xl font-bold text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tDigital campaigns\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<p className=\"mt-1 text-sm text-foreground dark:text-foreground dark:text-foreground\">\r\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet consectetur adipisicing elit. Ex\r\n\t\t\t\t\t\t\tut quo possimus adipisci distinctio alias voluptatum\r\n\t\t\t\t\t\t\tblanditiis laudantium.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"mt-12 text-center\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\tclassName=\"inline-block rounded bg-pink-600 px-12 py-3 text-sm font-medium text-foreground transition hover:bg-pink-700 focus:outline-hidden focus:ring-3 focus:ring-yellow-400\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tGet Started Today\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</section>\r\n\t);\r\n};\r\n\r\nexport default GridContent;\r\n",
      "type": "registry:ui"
    }
  ]
}