{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "link-demo",
  "title": "Link Demo",
  "description": "Example showing animated link hover effects.",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/example/link-demo.tsx",
      "content": "\"use client\"\n\nimport { RevealLinks } from \"@/registry/pioneerui/link-reveal\"\nimport { motion } from \"framer-motion\"\n\ninterface CreativeDemoProps {\n  config: {\n    duration: number\n    stagger: number\n    fontSize: number\n    showUnderline: boolean\n  }\n}\n\nexport default function CreativeDemo({ config }: CreativeDemoProps) {\n  const links = [\n    { text: \"Imagine\", href: \"https://codewithtoni.com\", color: \"from-blue-500 to-sky-500\" },\n    { text: \"Create\", href: \"#\", color: \"from-purple-500 to-pink-500\" },\n    { text: \"Inspire\", href: \"#\", color: \"from-orange-500 to-red-500\" },\n    { text: \"Share\", href: \"#\", color: \"from-green-500 to-emerald-500\" },\n  ]\n\n  return (\n    <div className=\"relative overflow-hidden rounded-xl bg-gradient-to-br p-8\">\n      {/* Animated shapes */}\n      <div className=\"absolute inset-0\">\n        {[...Array(20)].map((_, i) => (\n          <motion.div\n            key={i}\n            className=\"absolute h-8 w-8 rounded-full bg-white/5\"\n            style={{\n              left: `${Math.random() * 100}%`,\n              top: `${Math.random() * 100}%`,\n            }}\n            animate={{\n              scale: [1, 1.5, 1],\n              opacity: [0.1, 0.3, 0.1],\n              rotate: [0, 180, 360],\n            }}\n            transition={{\n              duration: 8,\n              delay: i * 0.2,\n              repeat: Number.POSITIVE_INFINITY,\n              ease: \"linear\",\n            }}\n          />\n        ))}\n      </div>\n\n      <RevealLinks\n        links={links}\n        variant=\"perspective\"\n        duration={0.3}\n        stagger={0.02}\n        showUnderline={false}\n        fontSize={48}\n        className=\"relative z-10\"\n        fontWeight=\"bold\"\n        letterSpacing=\"0.1em\"\n        textTransform=\"uppercase\"\n      />\n    </div>\n  )\n}\n",
      "type": "registry:example",
      "target": "components/link-demo.tsx"
    }
  ],
  "type": "registry:example"
}