import Link from "next/link";
import { ArrowRight } from "lucide-react";
import { Button } from "@/components/ui/button";
import { publicTexts } from "@/lib/i18n/public";

/** Closing conversion band — same navy language as the hero, at a smaller scale. */
export function CtaBand() {
  return (
    <section className="py-20 lg:py-28">
      <div className="mx-auto w-full max-w-6xl px-5 sm:px-8">
        <div className="relative isolate overflow-hidden rounded-3xl bg-[#0b1533] px-6 py-14 text-center text-white sm:px-12 lg:py-16">
          <div
            aria-hidden
            className="absolute inset-0 bg-gradient-to-br from-[#12245c] via-[#0e1a3a] to-[#0a1230]"
          />
          <div aria-hidden className="lp-glow-b absolute inset-0" />
          <div aria-hidden className="lp-grid absolute inset-0" />

          <div className="relative">
            <h2 className="font-display text-3xl font-semibold tracking-tight text-balance sm:text-4xl">
              {publicTexts.ctaTitle}
            </h2>
            <p className="mx-auto mt-4 max-w-xl text-base leading-relaxed text-pretty text-white/65">
              {publicTexts.ctaBody}
            </p>
            <div className="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row">
              <Button
                asChild
                size="lg"
                className="h-12 w-full rounded-xl bg-white px-6 text-[15px] font-semibold text-slate-900 hover:bg-white/90 sm:w-auto dark:bg-white dark:text-slate-900"
              >
                <Link href="/signup">
                  {publicTexts.ctaPrimary}
                  <ArrowRight className="size-4" />
                </Link>
              </Button>
              <Button
                asChild
                variant="outline"
                size="lg"
                className="h-12 w-full rounded-xl border-white/20 bg-white/5 px-6 text-[15px] font-medium text-white hover:bg-white/10 hover:text-white sm:w-auto dark:border-white/20 dark:bg-white/5 dark:hover:bg-white/10"
              >
                <Link href="/services">{publicTexts.ctaSecondary}</Link>
              </Button>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

export default CtaBand;