import Link from "next/link";
import { landingDict } from "@/features/landing/dict";

export function LandingCta() {
  return (
    <section className="px-4 pb-16 sm:px-6 sm:pb-20">
      <div className="mx-auto max-w-6xl rounded-[2rem] bg-gradient-to-l from-primary/20 via-accent to-info/10 px-6 py-10 text-center shadow-soft sm:px-10">
        <h2 className="text-2xl font-bold text-foreground sm:text-3xl">
          {landingDict.cta.title}
        </h2>
        <p className="mx-auto mt-3 max-w-2xl text-sm leading-7 text-muted-foreground sm:text-base">
          {landingDict.cta.description}
        </p>
        <Link
          href="/login"
          className="mt-8 inline-flex h-12 items-center justify-center rounded-2xl bg-primary px-8 text-sm font-medium text-primary-foreground shadow-soft-sm transition-all hover:brightness-105"
        >
          {landingDict.cta.button}
        </Link>
      </div>
    </section>
  );
}