{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-glow",
  "type": "registry:component",
  "title": "Cta glow",
  "description": "A call to action card in Tailwind with soft accent glow layers, a title, optional description, a magnetic get started button and an outline button.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "https://ui.minidev.pro/r/magnetic-cta.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/premium/cta-glow.tsx",
      "type": "registry:ui",
      "target": "components/ui/cta-glow.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { motion, useReducedMotion } from \"motion/react\"\nimport { cn } from \"@/lib/utils\"\nimport { MagneticCta } from \"@/components/ui/magnetic-cta\"\nimport { Button } from \"@/components/ui/button\"\n\nfunction CtaGlow({\n  title,\n  description,\n  className,\n}: {\n  title: string\n  description?: string\n  className?: string\n}) {\n  const reduce = useReducedMotion()\n  return (\n    <motion.div\n      data-slot=\"cta-glow\"\n      data-tier=\"premium\"\n      initial={reduce ? false : { y: 12 }}\n      whileInView={{ y: 0 }}\n      viewport={{ once: true }}\n      className={cn(\n        \"relative overflow-hidden rounded-2xl border border-border bg-sunken p-5 text-center shadow-highlight sm:p-8\",\n        className\n      )}\n    >\n      <div\n        className=\"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_center,color-mix(in_oklch,var(--accent)_22%,transparent),transparent_60%)]\"\n        aria-hidden\n      />\n      <div\n        className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-[linear-gradient(90deg,transparent,color-mix(in_oklch,var(--accent)_55%,transparent),transparent)]\"\n        aria-hidden\n      />\n      <h3 className=\"relative text-2xl font-medium tracking-[-0.018em] text-fg\">{title}</h3>\n      {description ? (\n        <p className=\"relative mx-auto mt-2 max-w-md text-sm text-fg-muted\">{description}</p>\n      ) : null}\n      <div className=\"relative mt-6 flex flex-col items-stretch justify-center gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n        <MagneticCta>Get started</MagneticCta>\n        <Button variant=\"outline\">Stay free</Button>\n      </div>\n    </motion.div>\n  )\n}\nexport { CtaGlow }\n"
    }
  ]
}