From 2e18137b5b159dd9310286d298d776d20d361448 Mon Sep 17 00:00:00 2001
From: jackiettran <41605212+jackiettran@users.noreply.github.com>
Date: Thu, 25 Dec 2025 23:32:55 -0500
Subject: [PATCH] 404 page

---
 frontend/src/App.tsx               |  2 ++
 frontend/src/pages/NotFound.tsx    | 38 ++++++++++++++++++++++++++++++
 frontend/src/pages/VerifyEmail.tsx |  2 +-
 3 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/pages/NotFound.tsx

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8a48d4d..7dfc91b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -27,6 +27,7 @@ import CreateForumPost from './pages/CreateForumPost';
 import MyPosts from './pages/MyPosts';
 import EarningsDashboard from './pages/EarningsDashboard';
 import FAQ from './pages/FAQ';
+import NotFound from './pages/NotFound';
 import PrivateRoute from './components/PrivateRoute';
 import axios from 'axios';
 import './App.css';
@@ -184,6 +185,7 @@ const AppContent: React.FC = () => {
             }
           />
           <Route path="/faq" element={<FAQ />} />
+          <Route path="*" element={<NotFound />} />
             </Routes>
           </main>
           <Footer />
diff --git a/frontend/src/pages/NotFound.tsx b/frontend/src/pages/NotFound.tsx
new file mode 100644
index 0000000..05c6cf4
--- /dev/null
+++ b/frontend/src/pages/NotFound.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+const NotFound: React.FC = () => {
+  return (
+    <div className="container mt-5 mb-5">
+      <div className="row justify-content-center">
+        <div className="col-md-8 col-lg-6 text-center">
+          <h3 className="text-muted mb-5">
+            We can't find the page you're looking for!
+          </h3>
+
+          <div className="d-flex flex-column gap-3">
+            <Link to="/" className="btn btn-primary btn-lg">
+              Go to Home Page
+            </Link>
+
+            <p className="text-muted mb-0">or go to one of these</p>
+
+            <div className="d-flex flex-wrap justify-content-center gap-2">
+              <Link to="/items" className="btn btn-outline-secondary">
+                Browse Items
+              </Link>
+              <Link to="/forum" className="btn btn-outline-secondary">
+                Community Forum
+              </Link>
+              <Link to="/faq" className="btn btn-outline-secondary">
+                FAQ
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NotFound;
diff --git a/frontend/src/pages/VerifyEmail.tsx b/frontend/src/pages/VerifyEmail.tsx
index baf4ea6..9858c33 100644
--- a/frontend/src/pages/VerifyEmail.tsx
+++ b/frontend/src/pages/VerifyEmail.tsx
@@ -268,7 +268,7 @@ const VerifyEmail: React.FC = () => {
                     shortly.
                   </p>
                   <Link to="/" className="btn btn-success mt-3">
-                    Go to Home
+                    Go to Home Page
                   </Link>
                 </>
               ) : showManualEntry ? (