{"$schema":"https://ui.artbloom.tech/schema/registry-item.json","name":"cta-banner","type":"registry:block","title":"CTA Banner","description":"A gradient call-to-action panel with a headline, subcopy and two buttons over soft blurred glows. Static markup, one file.","author":"@artbloom","dependencies":[],"registryDependencies":[],"files":[{"path":"components/blocks/cta-banner.tsx","target":"components/blocks/cta-banner.tsx","content":"export default function CtaBanner() {\n  return (\n    <section className=\"w-full bg-white py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-6xl px-6\">\n        <div className=\"relative overflow-hidden rounded-3xl bg-gradient-to-br from-indigo-600 to-violet-600 px-6 py-16 sm:px-16 sm:py-20 text-center\">\n          <div\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute -top-24 -left-16 h-72 w-72 rounded-full bg-white/10 blur-3xl\"\n          />\n          <div\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute -bottom-28 -right-10 h-80 w-80 rounded-full bg-violet-300/20 blur-3xl\"\n          />\n\n          <div className=\"relative z-10\">\n            <h2 className=\"text-3xl font-semibold tracking-tight text-white sm:text-4xl\">\n              Ready to ship faster?\n            </h2>\n            <p className=\"mx-auto mt-4 max-w-xl text-lg text-indigo-100\">\n              Turn ideas into production-ready interfaces in minutes. Start\n              building today, no credit card required.\n            </p>\n\n            <div className=\"mt-8 flex flex-col items-center justify-center gap-4 sm:flex-row\">\n              <a\n                href=\"#get-started\"\n                className=\"inline-flex items-center justify-center rounded-lg bg-white px-6 py-3 text-sm font-semibold text-indigo-700 shadow-sm hover:bg-indigo-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white\"\n              >\n                Get started free\n                <svg\n                  aria-hidden=\"true\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"currentColor\"\n                  className=\"ml-2 h-4 w-4\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M7.21 3.71a1 1 0 0 1 1.42 0l5.66 5.66a1 1 0 0 1 0 1.42l-5.66 5.66a1 1 0 1 1-1.42-1.42L12.16 10 7.21 5.05a1 1 0 0 1 0-1.34Z\"\n                    clipRule=\"evenodd\"\n                  />\n                </svg>\n              </a>\n              <a\n                href=\"#book-demo\"\n                className=\"inline-flex items-center justify-center rounded-lg px-6 py-3 text-sm font-semibold text-white ring-1 ring-inset ring-white/40 hover:bg-white/10\"\n              >\n                Book a demo\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block"}],"meta":{"kind":"blocks","categories":["cta"],"docs":"https://ui.artbloom.tech/artbloom/blocks/cta-banner"}}