import Link from 'next/link'

export default function CallToAction() {
  return (
    <section className="mx-auto max-w-5xl px-6 py-24 text-center">
      <p className="font-mono text-xs uppercase tracking-[0.2em] text-zinc-500">
        Get in touch
      </p>
      <h2 className="mt-4 text-3xl font-semibold text-zinc-900 dark:text-white">
        Let&apos;s work together.
      </h2>
      <p className="mx-auto mt-4 max-w-sm text-sm leading-6 text-zinc-600 dark:text-zinc-400">
        Open to freelance projects, full-time roles, and interesting
        collaborations. I&apos;d love to hear what you&apos;re building.
      </p>
      <Link
        href="/contact"
        className="mt-8 inline-block rounded-sm bg-zinc-900 px-8 py-3 text-sm font-semibold text-white transition-colors hover:bg-zinc-700 dark:bg-white dark:text-zinc-950 dark:hover:bg-zinc-200"
      >
        Say Hello
      </Link>
    </section>
  )
}