import Link from "next/link";

export function LandingCta() {
  return (
    <section className="relative overflow-hidden py-12 lg:py-16">
      <div className="pointer-events-none absolute inset-0 -z-10 bg-[radial-gradient(circle_at_top,_rgba(79,70,229,0.18),_transparent_60%),radial-gradient(circle_at_bottom,_rgba(45,212,191,0.2),_transparent_50%)]" />
      <div className="mx-auto max-w-3xl px-6 text-center lg:px-8">
        <h2 className="heading-section mb-4">
          Start Making Smarter Money Decisions Today
        </h2>
        <p className="body-lead mb-8">
          No spreadsheets. No guesswork. Just clarity. Connect your accounts, see your future, and
          get a real-time &quot;safe to spend&quot; number.
        </p>
        <div className="flex flex-wrap items-center justify-center gap-4">
          <Link href="/register" className="btn-primary">
            Get started free
          </Link>
          <Link href="/pricing" className="btn-secondary">
            View pricing
          </Link>
        </div>
        <p className="mt-4 text-xs text-muted-foreground">
          No credit card required. Cancel anytime. Your data stays encrypted at rest and in transit.
        </p>
      </div>
    </section>
  );
}