1 files changed, 21 insertions, 0 deletions
diff --git a/src/pages/404Page.tsx b/src/pages/404Page.tsx
new file mode 100644
index 0000000..3eabe6b
--- /dev/null
+++ b/src/pages/404Page.tsx
@@ -0,0 +1,21 @@
+import { useNavigate } from "react-router-dom";
+import notFoundImg from "../assets/404.png";
+import { useEffect } from "react";
+
+export default function NotFoundPage() {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      navigate('/', { replace: true });
+    }, 4000);
+
+    return () => clearTimeout(timer);
+  }, [navigate]);
+  return(
+    <>
+      <h1>404 - Not found</h1>
+      <img src={notFoundImg} className="rounded-lg"/>
+    </>
+  );
+}
+\ No newline at end of file