"use client";

import Link from "next/link";

export default function NotFound() {
  return (
    <main
      className="min-h-screen flex flex-col items-center justify-center bg-[#0d1721] text-white px-4"
      role="alert"
      aria-live="assertive"
      aria-labelledby="notfound-title"
      aria-describedby="notfound-desc"
      tabIndex={-1}
    >
      <h1 id="notfound-title" className="text-6xl font-extrabold mb-4 text-[#ff914d] focus:outline-none">
        404
      </h1>
      <h2 className="text-3xl font-bold mb-2">Page Not Found</h2>
      <p id="notfound-desc" className="mb-8 text-lg text-gray-300 max-w-xl text-center">
        Sorry, the page you are looking for does not exist or has been moved.
      </p>
      <Link
        href="/"
        className="px-8 py-4 rounded-full bg-[#ff914d] text-white font-semibold hover:bg-[#ff914d]/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#ff914d] transition-all duration-300"
        aria-label="Go to homepage"
      >
        Go to Homepage
      </Link>
    </main>
  );
}
