{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"shimmer-text","type":"registry:component","title":"Shimmer Text","description":"Brilho atravessando o título em loop.","author":"UI Catalog <https://ui.codehall.io>","dependencies":["motion"],"registryDependencies":[],"files":[{"path":"components/illustrations/shimmer-text.tsx","type":"registry:component","content":"'use client'\n\nimport { motion } from 'motion/react'\n\n// \"Shimmer Text\": brilho atravessa o título em loop (gradiente com background-clip: text).\nexport default function ShimmerText() {\n  return (\n    <div className=\"text-center\">\n      <motion.h2\n        className=\"bg-[length:200%_100%] bg-clip-text text-4xl font-semibold tracking-tight text-transparent sm:text-5xl\"\n        style={{\n          backgroundImage: 'linear-gradient(110deg, var(--muted-foreground) 0%, var(--foreground) 45%, var(--muted-foreground) 55%, var(--muted-foreground) 100%)',\n        }}\n        animate={{ backgroundPosition: ['200% 0', '-200% 0'] }}\n        transition={{ duration: 3.2, repeat: Infinity, ease: 'linear' }}\n      >\n        Gerando sua landing page…\n      </motion.h2>\n      <p className=\"mt-3 text-sm text-muted-foreground\">Enquanto a IA escreve, o texto brilha.</p>\n    </div>\n  )\n}\n"}]}