{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-band-motion",
  "type": "registry:block",
  "title": "CTA band (motion)",
  "description": "The CTA band, appearing as you scroll to it.",
  "categories": [
    "motion"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/cta-band.json",
    "https://facadeui.dev/r/motion-primitives.json"
  ],
  "files": [
    {
      "path": "src/sections/cta-band-motion.tsx",
      "type": "registry:component",
      "target": "components/sections/cta-band-motion.tsx",
      "content": "\"use client\"\n\n/**\n * CtaBandMotion — the closing CTA revealed as it scrolls into view.\n *\n * Unlike the heroes, this stack plays on scroll rather than on mount, because a\n * closing band is below the fold by definition.\n *\n * Dependencies: react, @/components/motion/slots, @/components/motion/stagger,\n * @/components/sections/cta-band.\n */\n\nimport type { ReactNode } from \"react\"\n\nimport { StaggerBlock } from \"@/components/motion/slots\"\nimport { Stagger } from \"@/components/motion/stagger\"\nimport { CtaBand, type CtaBandProps } from \"@/components/sections/cta-band\"\n\nfunction RevealStack({\n  className,\n  children,\n}: {\n  className?: string\n  children?: ReactNode\n}) {\n  return (\n    <Stagger className={className} stagger={0.08}>\n      {children}\n    </Stagger>\n  )\n}\n\nexport type CtaBandMotionProps = Omit<CtaBandProps, \"stackAs\" | \"blockAs\">\n\nexport function CtaBandMotion(props: CtaBandMotionProps) {\n  return <CtaBand {...props} stackAs={RevealStack} blockAs={StaggerBlock} />\n}\n"
    }
  ],
  "docs": "Render FacadeMotionProvider once near the root of your app. Icons passed to a -motion section need a client boundary. Docs: https://facadeui.dev/components/cta-band-motion"
}