{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-static-radial-gradient-demo",
  "type": "registry:component",
  "registryDependencies": [
    "hero-static-radial-gradient"
  ],
  "files": [
    {
      "path": "registry/default/example/hero-static-radial-gradient-demo.tsx",
      "content": "\"use client\"\n\nimport {\n  AISDKIcon,\n  HeroStaticRadialGradient,\n  HeroStaticRadialGradientActions,\n  HeroStaticRadialGradientBadges,\n  HeroStaticRadialGradientContainer,\n  HeroStaticRadialGradientContent,\n  HeroStaticRadialGradientDescription,\n  HeroStaticRadialGradientHeading,\n  HeroStaticRadialGradientMobileVisual,\n  HeroStaticRadialGradientRoot,\n  HeroStaticRadialGradientVisual,\n  NextjsIcon,\n} from \"../ui/hero-static-radial-gradient\"\n\nexport default function HeroStaticRadialGradientDemo() {\n  return (\n    <div className=\"space-y-16\">\n      <div className=\"space-y-4\">\n        <h3 className=\"text-lg font-medium\">Default</h3>\n        <HeroStaticRadialGradient />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h3 className=\"text-lg font-medium\">Configured Via Props</h3>\n        <HeroStaticRadialGradientRoot\n          ctaProps={{\n            href: \"#\",\n            label: \"Try NewCopy for marketing\",\n          }}\n          description=\"Human-in-the-loop marketing copy software that helps teams draft, review, and ship high-converting campaigns with confidence.\"\n          desktopShaderProps={{\n            width: 1280,\n            height: 720,\n            colors: [\"#ed40b3\", \"#adfa1e\", \"#6ef7cc\"],\n            colorBack: \"#ffffff00\",\n            radius: 0.98,\n            focalDistance: 0,\n            focalAngle: 0,\n            falloff: 0.9,\n            mixing: 0.7,\n            distortion: 0,\n            distortionShift: 0,\n            distortionFreq: 12,\n            grainMixer: 1,\n            grainOverlay: 0.5,\n          }}\n          mobileShaderProps={{\n            colors: [\"#ed40b3\", \"#adfa1e\", \"#6ef7cc\"],\n            colorBack: \"#ffffff00\",\n            radius: 0.98,\n            focalDistance: 0,\n            focalAngle: 0,\n            falloff: 0.9,\n            mixing: 0.7,\n            distortion: 0,\n            distortionShift: 0,\n            distortionFreq: 12,\n            grainMixer: 1,\n            grainOverlay: 0.5,\n          }}\n          srTitle=\"Composable hero\"\n          subtitle=\"Marketing\"\n          techStack={[\n            { name: \"Next.js\", version: \"v16\" },\n            { name: \"AI SDK\", version: \"v6\" },\n            { name: \"Tailwind\", version: \"v4\" },\n          ]}\n          title=\"Cursor for\"\n        >\n          <HeroStaticRadialGradientContainer>\n            <HeroStaticRadialGradientContent>\n              <HeroStaticRadialGradientHeading />\n              <HeroStaticRadialGradientDescription />\n              <HeroStaticRadialGradientActions />\n              <div\n                className=\"flex justify-center lg:justify-start\"\n                data-slot=\"hero-static-radial-gradient-badges-wrap\"\n              >\n                <HeroStaticRadialGradientBadges\n                  techStack={[\n                    { name: \"Next.js\", version: \"v16\", icon: NextjsIcon },\n                    { name: \"AI SDK\", version: \"v6\", icon: AISDKIcon },\n                  ]}\n                />\n              </div>\n            </HeroStaticRadialGradientContent>\n            <HeroStaticRadialGradientVisual />\n          </HeroStaticRadialGradientContainer>\n          <HeroStaticRadialGradientMobileVisual />\n        </HeroStaticRadialGradientRoot>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component"
    }
  ]
}