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

import "@/app/globals.css";

export const metadata: Metadata = {
  title: "Page not found | PureSaaS",
  description: "The page you requested does not exist.",
};

export default function GlobalNotFound() {
  return (
    <html lang="en" data-scroll-behavior="smooth">
      <body className="flex min-h-screen items-center justify-center bg-[#fbfdff] px-6 text-center">
        <div>
          <p className="text-sm font-extrabold uppercase tracking-[0.25em] text-[#626bef]">404</p>
          <h1 className="mt-3 text-4xl font-extrabold tracking-[-0.05em] text-[#111a42]">Page not found</h1>
          <p className="mt-3 text-sm text-[#72809a]">The page you requested does not exist or has moved.</p>
          <Link href="/en" className="mt-6 inline-flex rounded-lg bg-[#5865ee] px-5 py-3 text-sm font-bold text-white">
            Back to home
          </Link>
        </div>
      </body>
    </html>
  );
}
