{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-01",
  "title": "Hero 01",
  "author": "tusharvarshney <tushar@tusharvarshney.com>",
  "description": "A hero section with a golden spiral background.",
  "registryDependencies": [
    "button",
    "https://tusharvarshney.com/r/style.json"
  ],
  "files": [
    {
      "path": "src/registry/blocks/hero-01/hero-01.tsx",
      "content": "import { Volume2Icon } from \"lucide-react\"\nimport type { JSX } from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\nimport {\n  LaravelIcon,\n  NextJSIcon,\n  NodeJSIcon,\n  ReactIcon,\n  TailwindCSSIcon,\n} from \"@/registry/blocks/hero-01/components/hero-01-icons\"\n\nexport function Hero01() {\n  return (\n    <div className=\"relative w-screen overflow-hidden pb-8\">\n      <div className=\"container mx-auto max-sm:px-2\">\n        <div className=\"screen-line-top screen-line-bottom border-x border-line md:hidden\">\n          <svg\n            className=\"pointer-events-none absolute inset-0 overflow-visible text-line\"\n            viewBox=\"0 0 210 340\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <g className=\"text-line\">\n              <path\n                d=\"M380.853 105.099L-201.625 464.632\"\n                stroke=\"currentColor\"\n                strokeDasharray=\"4 2\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M-165.247 -267.831L369.777 600.141\"\n                stroke=\"currentColor\"\n                strokeDasharray=\"4 2\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n            </g>\n\n            <g>\n              <path\n                d=\"M209.5 260L130 260\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M129.5 339.5L129.5 210\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M159.5 260L159.5 210\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M3.09944e-06 210L209.5 210\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M160 240L130.133 240\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M149.5 240L149.5 260\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n            </g>\n\n            <g>\n              <rect\n                x=\"159.5\"\n                y=\"210\"\n                width=\"30\"\n                height=\"30\"\n                transform=\"rotate(90 159.5 210)\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <rect\n                x=\"149.5\"\n                y=\"240\"\n                width=\"20\"\n                height=\"20\"\n                transform=\"rotate(90 149.5 240)\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <rect\n                x=\"159.5\"\n                y=\"240\"\n                width=\"20\"\n                height=\"10\"\n                transform=\"rotate(90 159.5 240)\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n            </g>\n\n            {/* golden spiral */}\n            <path\n              className=\"text-border\"\n              d=\"M149.643 239.897C155.106 239.897 159.619 244.414 159.619 249.882C159.619 255.35 155.106 259.868 149.643 259.868C138.717 259.868 129.69 250.833 129.69 239.897C129.69 223.493 143.23 209.941 159.619 209.941C186.935 209.941 209.5 232.527 209.5 259.868C209.5 303.613 173.396 339.75 129.69 339.75C58.6695 339.75 -1.22732e-05 281.027 -9.16589e-06 209.941C-4.14648e-06 95.1103 94.7738 0.24998 209.5 0.249985C395.69 0.250001 549.5 154.06 549.5 340.25\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          </svg>\n\n          <div className=\"relative grid aspect-[1/1.618] grid-cols-[1.618fr_minmax(0,1fr)] grid-rows-[1.618fr_1fr]\">\n            <MainContent className=\"col-[1/span_2] row-1\" />\n\n            <div className=\"col-2 row-2\" />\n\n            <div className=\"col-1 row-2 flex flex-col items-center justify-center overflow-hidden p-2 sm:p-4\" />\n          </div>\n        </div>\n\n        <div className=\"screen-line-top screen-line-bottom hidden border-x border-line md:block\">\n          <svg\n            className=\"pointer-events-none absolute inset-0 overflow-visible text-line\"\n            viewBox=\"0 0 340 210\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <g className=\"text-line\">\n              <path\n                d=\"M105.1 -170.853L464.633 411.625\"\n                stroke=\"currentColor\"\n                strokeDasharray=\"4 2\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M-267.831 375.247L600.141 -159.777\"\n                stroke=\"currentColor\"\n                strokeDasharray=\"4 2\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n            </g>\n\n            <g>\n              <path\n                d=\"M260 0.5V80\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M339.5 80.5H210\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                d=\"M210 210V0.5\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n            </g>\n\n            <g>\n              <rect\n                x=\"210\"\n                y=\"50.5\"\n                width=\"30\"\n                height=\"30\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <rect\n                x=\"240\"\n                y=\"60.5\"\n                width=\"20\"\n                height=\"20\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <rect\n                x=\"240\"\n                y=\"50.5\"\n                width=\"20\"\n                height=\"10\"\n                stroke=\"currentColor\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n            </g>\n\n            {/* golden spiral */}\n            <path\n              className=\"text-border\"\n              d=\"M239.897 60.3571C239.897 54.894 244.414 50.381 249.882 50.381C255.35 50.381 259.868 54.894 259.868 60.3571C259.868 71.2835 250.833 80.3095 239.897 80.3095C223.493 80.3095 209.941 66.7704 209.941 50.381C209.941 23.0652 232.527 0.499999 259.868 0.5C303.613 0.499995 339.75 36.6043 339.75 80.3095C339.75 151.33 281.027 210 209.941 210C95.1103 210 0.25 115.226 0.25 0.5C0.250008 -185.69 154.06 -339.5 340.25 -339.5\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n          </svg>\n\n          <div className=\"relative grid aspect-[1.618/1] grid-cols-[1.618fr_minmax(0,1fr)] grid-rows-[1fr_1.618fr]\">\n            <MainContent className=\"col-1 row-[1/span_2]\" />\n\n            <div className=\"col-2 row-1\" />\n\n            <div className=\"col-2 row-2 flex items-center justify-center overflow-hidden p-4 lg:p-8\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction MainContent({ className }: { className?: string }) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col justify-center overflow-hidden p-4 lg:p-8\",\n        className\n      )}\n    >\n      <h1 className=\"mb-4 font-heading text-[2.5rem] leading-none font-semibold tracking-tight text-foreground sm:mb-6 sm:text-6xl md:text-5xl lg:text-6xl xl:text-7xl\">\n        Plan. Build. Ship.\n      </h1>\n\n      <p className=\"mb-6 text-base leading-normal! text-muted-foreground sm:mb-8 sm:text-xl sm:text-balance md:text-lg lg:text-xl\">\n        Acme{\" \"}\n        <button\n          className=\"relative top-0.75 inline-flex transition-[scale] outline-none active:scale-[0.97] sm:top-1\"\n          aria-label=\"Pronunciation\"\n        >\n          <Volume2Icon className=\"size-[1em]\" />\n        </button>{\" \"}\n        provides{\" \"}\n        <strong className=\"font-normal text-foreground\">professional,</strong>{\" \"}\n        <strong className=\"font-normal text-foreground\">high-quality</strong>{\" \"}\n        software design and development services based on your ideas.\n      </p>\n\n      <div className=\"mb-6 grid grid-cols-2 items-center gap-4 sm:mb-8 sm:flex\">\n        <Button className=\"border-none px-4 sm:px-8\" size=\"lg\" asChild>\n          <a href=\"#\">Sign up now</a>\n        </Button>\n\n        <Button className=\"px-4 sm:px-8\" variant=\"outline\" size=\"lg\" asChild>\n          <a href=\"#\">Learn more</a>\n        </Button>\n      </div>\n\n      <div className=\"relative -ml-4 lg:ml-0\">\n        <div className=\"absolute -top-2 right-0 z-1 block h-10 w-20 bg-background mask-[linear-gradient(to_left,white,transparent)] lg:hidden\" />\n\n        <div className=\"no-scrollbar flex items-center gap-4 overflow-x-auto px-4 lg:px-0\">\n          <TechItem icon={<NodeJSIcon />} title=\"Node.js\" />\n          <TechItem icon={<LaravelIcon />} title=\"Laravel\" />\n          <TechItem icon={<NextJSIcon />} title=\"Next.js\" />\n          <TechItem icon={<ReactIcon />} title=\"React\" />\n          <TechItem icon={<TailwindCSSIcon />} title=\"Tailwind CSS\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction TechItem({ icon, title }: { icon: JSX.Element; title: string }) {\n  return (\n    <div className=\"flex items-center space-x-2 text-muted-foreground select-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6\">\n      {icon}\n      <span className=\"text-sm font-medium whitespace-nowrap\">{title}</span>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "@components/hero-01.tsx"
    },
    {
      "path": "src/registry/blocks/hero-01/components/hero-01-icons.tsx",
      "content": "export function LaravelIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg viewBox=\"0 0 100 100\" fill=\"none\" {...props}>\n      <path\n        d=\"M98.5 22.5C98.5 22.6 98.6 22.8 98.6 22.9V44.2C98.6 44.5 98.5 44.7 98.4 45C98.3 45.2 98.1 45.4 97.8 45.6L79.9 55.9V76.3C79.9 76.9 79.6 77.4 79.1 77.6L41.7 99.2C41.6 99.2 41.5 99.3 41.4 99.3H41.3C41 99.4 40.8 99.4 40.5 99.3C40.5 99.3 40.4 99.3 40.4 99.2C40.3 99.2 40.2 99.1 40.1 99.1L2.8 77.7C2.6 77.6 2.4 77.4 2.2 77.1C2.1 76.9 2 76.6 2 76.3V12.3C2 12.2 2 12 2.1 11.9C2.1 11.9 2.1 11.8 2.2 11.8C2.2 11.7 2.3 11.6 2.3 11.6C2.3 11.5 2.4 11.5 2.4 11.5C2.4 11.4 2.5 11.4 2.5 11.3C2.5 11.3 2.6 11.2 2.7 11.2C2.8 11.2 2.8 11.1 2.9 11.1L21.5 0.2C21.7 0.1 22 0 22.2 0C22.5 0 22.7 0.1 23 0.2L41.7 11C41.8 11 41.8 11.1 41.9 11.1C42 11.1 42 11.2 42.1 11.2C42.2 11.3 42.2 11.3 42.2 11.4L42.3 11.5C42.3 11.6 42.4 11.7 42.4 11.7C42.4 11.7 42.4 11.8 42.5 11.8C42.5 11.9 42.6 12.1 42.6 12.2V52.2L58.2 43.2V22.9C58.2 22.8 58.2 22.6 58.3 22.5C58.3 22.5 58.3 22.4 58.4 22.4C58.4 22.3 58.5 22.2 58.5 22.2C58.5 22.1 58.6 22.1 58.6 22.1C58.6 22 58.7 22 58.7 21.9C58.7 21.9 58.8 21.8 58.9 21.8C59 21.8 59 21.7 59.1 21.7L77.8 10.9C78 10.8 78.3 10.7 78.6 10.7C78.9 10.7 79.1 10.8 79.4 10.9L98.1 21.7C98.2 21.7 98.2 21.8 98.3 21.8L98.4 21.9C98.5 22 98.5 22 98.5 22.1L98.6 22.2C98.6 22.3 98.7 22.4 98.7 22.4C98.5 22.4 98.5 22.4 98.5 22.5ZM95.4 43.3V25.6L88.9 29.4L79.9 34.6V52.3L95.4 43.3ZM76.7 75.4V57.7L67.8 62.8L42.5 77.2V95.1L76.7 75.4ZM5.1 15V75.4L39.4 95.1V77.2L21.5 67.1C21.4 67.1 21.4 67 21.3 67L21.2 66.9C21.1 66.9 21.1 66.8 21.1 66.7C21.1 66.6 21 66.6 21 66.5C21 66.4 20.9 66.4 20.9 66.3C20.9 66.2 20.8 66.2 20.8 66.1C20.8 66 20.8 65.9 20.8 65.9C20.8 65.8 20.8 65.8 20.8 65.7V24L11.8 18.8L5.1 15ZM22.2 3.4L6.6 12.4L22.2 21.4L37.8 12.4L22.2 3.4ZM30.3 59.3L39.3 54.1V15L32.8 18.8L23.8 24V63L30.3 59.3ZM78.3 13.9L62.7 22.9L78.3 31.9L93.9 22.9L78.3 13.9ZM76.7 34.6L67.7 29.4L61.2 25.6V43.3L70.2 48.5L76.7 52.3V34.6ZM40.9 74.5L63.7 61.5L75.2 55L59.6 46L41.7 56.3L25.4 65.7L40.9 74.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport function NextJSIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path\n        d=\"M5.48221 4.62536C7.33099 2.99139 9.72605 2.11142 12.1929 2.15979C14.6598 2.20815 17.0185 3.18131 18.8018 4.88649C20.5851 6.59166 21.6629 8.90446 21.8217 11.3667C21.9805 13.8289 21.2086 16.261 19.6591 18.1811C19.4582 18.4299 19.4972 18.7944 19.746 18.9952C19.9948 19.196 20.3593 19.1571 20.5601 18.9082C22.292 16.7623 23.1546 14.0441 22.9772 11.2922C22.7998 8.54028 21.5952 5.95539 19.6021 4.04961C17.6089 2.14382 14.9727 1.05617 12.2156 1.00212C9.45852 0.948063 6.78169 1.93155 4.71542 3.75776C2.64914 5.58396 1.34416 8.11965 1.059 10.8625C0.773836 13.6053 1.52929 16.3552 3.17571 18.5674C4.82213 20.7796 7.2394 22.2927 9.94865 22.807C12.6579 23.3213 15.4615 22.7992 17.804 21.3441C17.9407 21.2593 18.0358 21.1213 18.0667 20.9634C18.0976 20.8056 18.0614 20.6419 17.9668 20.5118L8.99888 8.18027C8.85139 7.97746 8.59011 7.89266 8.35163 7.97021C8.11315 8.04775 7.95171 8.27001 7.95171 8.52078V15.4681C7.95171 15.7879 8.21091 16.0471 8.53066 16.0471C8.8504 16.0471 9.1096 15.7879 9.1096 15.4681V10.3012L16.6523 20.6731C14.6731 21.7348 12.3835 22.0906 10.1646 21.6694C7.74052 21.2093 5.5777 19.8555 4.10459 17.8761C2.63147 15.8968 1.95554 13.4363 2.21068 10.9822C2.46583 8.5281 3.63344 6.25933 5.48221 4.62536Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.0571 8.52065C16.0571 8.20091 15.7979 7.9417 15.4782 7.9417C15.1584 7.9417 14.8992 8.20091 14.8992 8.52065V11.9943C14.8992 12.3141 15.1584 12.5733 15.4782 12.5733C15.7979 12.5733 16.0571 12.3141 16.0571 11.9943V8.52065Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport function NodeJSIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg viewBox=\"0 0 100 100\" fill=\"none\" {...props}>\n      <path\n        d=\"M46.3 1.10005C48.8 -0.299951 52 -0.299951 54.5 1.10005C67 8.10005 79.4 15.2001 91.9 22.2001C94.2 23.5 95.8 26.1 95.8 28.8V71.2C95.8 74 94.1 76.7 91.6 78C79.2 85 66.8 92 54.3 99C51.8 100.4 48.5 100.3 46 98.8C42.3 96.6001 38.5 94.5 34.8 92.3C34 91.8 33.2 91.5 32.6 90.7C33.1 90.1 33.9 90 34.6 89.7C36.2 89.2 37.6 88.4 39 87.6C39.4 87.4 39.8 87.4 40.1 87.7C43.3 89.5 46.4 91.4 49.6 93.2C50.3 93.6 51 93.1 51.6 92.7C64 85.9 76.2 79.1 88.3 72.2C88.8 72 89 71.5 89 71C89 57 89 43 89 29.1C89.1 28.5 88.7 28 88.2 27.8C75.8 20.8 63.4 13.8 51.1 6.90005C50.9 6.80005 50.6 6.70005 50.4 6.70005C50.1 6.70005 49.9 6.80005 49.7 6.90005C37.3 13.9 25 20.9 12.6 27.8C12 28 11.7 28.5 11.7 29C11.7 43 11.7 57 11.7 70.9C11.7 71.1 11.7 71.4 11.9 71.6C12 71.8 12.2 72 12.4 72.1C15.7 74 19 75.8 22.3 77.7C24.2 78.7 26.4 79.3 28.5 78.5C30.3 77.9 31.6 76 31.5 74.1C31.5 60.2 31.5 46.3 31.5 32.4001C31.5 31.8001 32 31.3 32.6 31.3C34.2 31.3 35.8 31.3 37.4 31.3C38.1 31.3 38.5 31.9 38.4 32.6C38.4 46.6 38.4 60.6 38.4 74.6C38.4 78.3 36.9 82.4 33.4 84.2C29.2 86.4 23.9 85.9 19.7 83.8C16.1 82 12.6 79.8 9 77.9C6.7 76.7001 5 74 5 71.2V28.8C5 26 6.6 23.4 9 22.1C21.4 15.1 33.9 8.10005 46.3 1.10005Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M57.1001 30.4C62.5001 30.1 68.3001 30.2 73.2001 32.9C77.0001 34.9 79.1001 39.2 79.1001 43.4C79.0001 44 78.4001 44.3 77.9001 44.2C76.3001 44.2 74.8001 44.2 73.2001 44.2C72.5001 44.2 72.1001 43.6 72.1001 43C71.6001 41 70.6001 39 68.7001 38C65.8001 36.5 62.4001 36.6 59.3001 36.7C57.0001 36.8 54.5001 37 52.6001 38.4C51.1001 39.4 50.6001 41.5 51.2001 43.2C51.7001 44.4 53.1001 44.8 54.2001 45.1C60.7001 46.8 67.6001 46.6 74.0001 48.9C76.7001 49.8 79.2001 51.6 80.2001 54.4C81.4001 58.1 80.9001 62.6 78.2001 65.6C76.1001 68.1 72.9001 69.4 69.8001 70.1C65.5001 71 61.2001 71 57.0001 70.6C53.0001 70.1 48.9001 69.1 45.9001 66.4C43.3001 64.1 42.0001 60.6 42.1001 57.2C42.1001 56.6 42.7001 56.2 43.3001 56.3C44.9001 56.3 46.5001 56.3 48.0001 56.3C48.6001 56.3 49.1001 56.8 49.1001 57.4C49.4001 59.3 50.1001 61.3 51.8001 62.5C55.0001 64.6 59.1001 64.4 62.7001 64.5C65.8001 64.4 69.2001 64.3 71.7001 62.3C73.0001 61.1 73.4001 59.2 73.0001 57.6C72.6001 56.2 71.2001 55.6 69.9001 55.1C63.5001 53.1 56.5001 53.8 50.1001 51.5C47.5001 50.6 45.0001 48.9 44.0001 46.2C42.6001 42.4 43.2001 37.8 46.2001 34.9C49.1001 31.9 53.2001 30.8 57.1001 30.4Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport function ReactIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg viewBox=\"0 0 100 100\" fill=\"none\" {...props}>\n      <path\n        d=\"M50 58.8006C54.869 58.8006 58.7442 54.9003 58.7442 49.9999C58.7442 45.0995 54.869 41.1992 50 41.1992C45.1311 41.1992 41.2559 45.0995 41.2559 49.9999C41.2559 54.9003 45.1311 58.8006 50 58.8006Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M50 68.1014C75.9345 68.1014 97 60.0007 97 49.9999C97 39.9991 75.9345 31.8984 50 31.8984C24.0655 31.8984 3 39.9991 3 49.9999C3 60.0007 24.0655 68.1014 50 68.1014Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        d=\"M34.4989 59.0007C47.4165 81.7026 64.9048 96.0037 73.5496 91.0033C82.0951 86.0029 78.6173 63.6011 65.6004 40.9993C52.5835 18.2974 35.0951 3.99627 26.5497 8.99668C17.9048 13.9971 21.482 36.3989 34.4989 59.0007Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        d=\"M34.4991 40.9993C21.4822 63.6011 18.0044 86.0029 26.5498 91.0033C35.0953 96.0037 52.5836 81.7026 65.5012 59.0007C78.5181 36.3989 82.0953 13.9971 73.5498 8.99668C64.905 3.99627 47.4166 18.2974 34.4991 40.9993Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n    </svg>\n  )\n}\n\nexport function TailwindCSSIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg viewBox=\"0 0 100 100\" fill=\"none\" {...props}>\n      <path\n        d=\"M50 20C36.7 20 28.3 26.7 25 40C30 33.3 35.8 30.8 42.5 32.5C46.3 33.5 49 36.2 52 39.3C56.9 44.3 62.6 50 75 50C88.3 50 96.7 43.3 100 30C95 36.7 89.2 39.2 82.5 37.5C78.7 36.5 76 33.8 73 30.7C68.1 25.8 62.4 20 50 20ZM25 50C11.7 50 3.3 56.7 0 70C5 63.3 10.8 60.8 17.5 62.5C21.3 63.5 24 66.2 27 69.3C31.9 74.3 37.6 80 50 80C63.3 80 71.7 73.3 75 60C70 66.7 64.2 69.2 57.5 67.5C53.7 66.6 51 63.8 48 60.7C43.1 55.8 37.4 50 25 50Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n",
      "type": "registry:component",
      "target": "@components/hero-01-icons.tsx"
    }
  ],
  "meta": {
    "createdAt": "2026-03-12",
    "previewClassName": "pt-8"
  },
  "categories": [
    "marketing",
    "hero"
  ],
  "type": "registry:block"
}