import { NavigateBack } from "@/components/common/NavigateBack";
import { NavigationLinks } from "@/components/common/NavigationLinks";
import Image from "next/image";

export default function NotFound() {
  return (
    <div className="flex flex-col justify-center items-center gap-4 h-[480px]">
      <Image
        width={240}
        height={120}
        src="/404.jpg"
        alt="pinkie pie: http error 404 page not found"
      />
      <NavigateBack />
      <div className="gap-2 flex">
        <NavigationLinks />
      </div>
    </div>
  );
}
