diff --git a/frontend/src/components/NotFound.js b/frontend/src/components/NotFound.js
new file mode 100644
index 0000000000000000000000000000000000000000..c92683113525b5eb351cde76601aff467e7c5fda
--- /dev/null
+++ b/frontend/src/components/NotFound.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import '../css/NotFound.css'; // Make sure the path matches your project structure
+
+function NotFound() {
+    return (
+        <div className="not-found-container">
+            <h1>404</h1>
+            <h2>Page Not Found</h2>
+            <p>The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p>
+        </div>
+    );
+}
+
+export default NotFound;