import Link from "next/link"

export function CTA() {
  return (
    <section className="bg-surface-alt py-24">
      <div className="mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8">
        <h2 className="text-5xl font-black tracking-tight text-white">
          Ready to make a statement?
        </h2>
        <p className="mt-4 text-lg text-silver">
          Join 10,000+ people who wear their story every day.
        </p>

        <div className="mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row">
          <Link
            href="/#products"
            className="rounded-lg bg-gold px-8 py-3.5 text-sm font-bold text-black transition-colors hover:bg-gold-hover"
          >
            Shop All Tees
          </Link>
          <Link
            href="#contact"
            className="flex items-center gap-1.5 text-sm font-medium text-silver transition-colors hover:text-white"
          >
            Get in Touch <span aria-hidden="true">→</span>
          </Link>
        </div>
      </div>
    </section>
  )
}