something

src/App.jsx

@@ -14,7 +14,7 @@ import EditListing from "./pages/Edit-Listing";
 import ListingDetails from "./pages/Listing-Details";
 import PrivateRouteHost from "./components/PrivateRouteHost";
 import PrivateRouteUser from "./components/PrivateRouteUser";
-
+import ErrorPage from "./components/ErrorPage";
 
 function App() {
   return (
@@ -47,7 +47,7 @@ function App() {
         {/* <Route path="/listings-search" element={<ListingsSearch />} /> */}
         <Route path="/edit-listing/:id" element={<EditListing />} />
         <Route path="/listing-details" element={<ListingDetails />} />
-        {/* <Route path="/messages" element={<Messages />} /> */}
+        <Route path="/error-page" element={<ErrorPage />} />
       </Routes>
     </div>
   );

src/index.css

@@ -498,3 +498,7 @@ div.transbox,
 .firstinfo {
   margin-bottom: 20px;
 }
+
+.listingInUse {
+  color: #f66465;
+}

src/pages/ErrorPage.jsx

@@ -0,0 +1,21 @@
+import NavBar from "../components/NavBar";
+import Footer from "../components/Footer";
+import errorImg from "../images/errorImg.png";
+
+function ErrorPage() {
+  return (
+    <div className="container">
+      <div className="Home">
+        <NavBar />
+        <div>
+          <Link to="/">
+            <img src={errorImg} alt="errorImage" />
+          </Link>
+        </div>
+        <Footer />
+      </div>
+    </div>
+  );
+}
+
+export default ErrorPage;