import type { Metadata } from "next";
import Link from "next/link";

export const metadata: Metadata = {
  title: "Página não encontrada | Felipe Tosin",
  robots: { index: false },
};

export default function NotFound() {
  return (
    <main className="mx-auto flex w-full max-w-2xl flex-1 flex-col items-center justify-center px-6 py-24 text-center">
      <p className="text-xs uppercase tracking-wide text-zinc-500">Erro 404</p>
      <h1 className="mt-2 text-2xl font-semibold tracking-tight">Esta página não existe, ou a obra mudou de lugar</h1>
      <p className="mt-3 text-sm leading-relaxed text-zinc-600">
        O endereço pode ter sido digitado errado ou a página foi removida. Veja as obras da loja ou fale comigo.
      </p>
      <div className="mt-8 flex flex-wrap justify-center gap-3 text-sm">
        <Link href="/" className="rounded-full bg-zinc-900 px-6 py-3 font-medium text-white">Ver as obras</Link>
        <Link href="/sobre" className="rounded-full border border-zinc-300 px-6 py-3 text-zinc-700 hover:border-zinc-900">Sobre o artista</Link>
        <Link href="/contato" className="rounded-full border border-zinc-300 px-6 py-3 text-zinc-700 hover:border-zinc-900">Contato</Link>
      </div>
    </main>
  );
}