/**
 * ThinkSchool Public Website — High Impact Closing CTA Banner
 */
function CTASection() {
  return (
    <section className="py-24 md:py-32 bg-black relative border-t border-white/10 overflow-hidden">
      {/* Background glow and subtle mesh */}
      <div
        className="absolute inset-0 bg-gradient-to-r from-amber-500/10 via-orange-500/5 to-transparent pointer-events-none -z-10"
        aria-hidden="true"
      />

      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative">
        <div className="p-8 sm:p-14 lg:p-16 rounded-3xl bg-gradient-to-b from-zinc-900/90 to-zinc-950 border border-white/15 shadow-[0_0_80px_rgba(0,0,0,0.8)] relative overflow-hidden">
          <div className="absolute top-0 right-1/2 translate-x-1/2 w-96 h-48 bg-amber-500/15 rounded-full blur-3xl pointer-events-none" />

          <Badge variant="amber" icon={<Icon name="zap" size={12} />} className="mb-6">
            Transform Your Institution
          </Badge>

          <h2 className="text-3xl sm:text-5xl md:text-6xl font-heading italic text-white leading-tight mb-6">
            Ready to upgrade your school to a modern operating system?
          </h2>

          <p className="text-base sm:text-lg text-zinc-300 font-body max-w-2xl mx-auto mb-10 leading-relaxed">
            Explore the actual workflows against your school's academic structures. Request a product walkthrough focused on the modules your institution needs.
          </p>

          <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
            <Button
              href="/contact/"
              size="lg"
              variant="primary"
              iconAfter={<Icon name="arrow-right" size={16} />}
              className="w-full sm:w-auto px-8 py-3.5 text-base"
            >
              Request a 1-on-1 Demo
            </Button>
            <Button
              href="https://app.thinkschool.live"
              size="lg"
              variant="secondary"
              isExternal={true}
              iconAfter={<Icon name="external-link" size={14} />}
              className="w-full sm:w-auto px-7 py-3.5 text-base"
            >
              Sign in to ERP
            </Button>
          </div>

        </div>
      </div>
    </section>
  );
}

window.CTASection = CTASection;