import Link from "next/link";
import { ShieldAlert } from "lucide-react";

export const metadata = {
  title: "صفحه پیدا نشد",
  robots: { index: false },
};

export default function NotFound() {
  return (
    <main className="flex min-h-screen flex-col items-center justify-center px-5 text-center">
      <div className="hazard absolute inset-x-0 top-0 h-2.5" />
      <ShieldAlert className="size-16 text-accent" />
      <h1 className="mt-8 text-4xl font-black md:text-6xl">
        صفحه مورد نظر پیدا نشد
      </h1>
      <p className="mt-5 max-w-md leading-8 text-muted">
        ممکن است آدرس اشتباه وارد شده باشد یا این صفحه جابه‌جا شده باشد.
      </p>
      <Link
        href="/"
        className="mt-9 inline-flex items-center gap-2.5 rounded-full bg-accent px-7 py-4 font-bold text-bg transition-all duration-300 hover:bg-accent-soft"
      >
        بازگشت به صفحه اصلی
      </Link>
    </main>
  );
}