404 added

src/app/not-found.tsx

@@ -0,0 +1,21 @@
+import Image from "next/image";
+import Link from "next/link";
+
+export default function NotFound() {
+  const imageUrl = `/images/404/${Math.floor(Math.random() * 5) + 1}.jpg`;
+  console.log(imageUrl);
+
+  return (
+    <div className="mt-[120px] flex flex-col items-center justify-center gap-3">
+      <Image src={imageUrl} width={500} height={500} alt="404 illustration" />
+      <h2 className="text-[30px] font-[800]">Not Found</h2>
+      <p className="font-[600]">Could not find requested resource</p>
+      <Link
+        href="/"
+        className="rounded-md border border-[#fd6f00] px-5 py-3 font-[500] text-[#fd6f00]"
+      >
+        Return Home
+      </Link>
+    </div>
+  );
+}