Merge pull request #241 from RamakrushnaBiswal/ram-dev

404 not found page added

src/Pages/NotFound.jsx

@@ -0,0 +1,10 @@
+import { Link } from "react-router-dom";
+
+export default function NotFound() {
+ return (
+ <div>
+ <img src="./assets/404.webp" alt="404" className="w-1/3 mx-auto " />
+ <Link to="/" className="text-white bg-green-500 mx-auto text-2xl justify-center flex items-center px-4 py-3 rounded-2xl w-1/6">Go Home</Link>
+ </div>
+ );
+}

src/main.jsx

@@ -27,6 +27,7 @@ import Guidelines from "./Pages/Guidelines.jsx";
 import Services from "./Pages/Services.jsx";
 import Faq from "./Pages/Faq.jsx";
 import FeedbackPage from "./Pages/FeedbackForm.jsx"; // Import FeedbackPage
+import NotFound from "./Pages/NotFound.jsx";
 import Nurses from "./Pages/Nurses.jsx";
 import Patients from "./Pages/Patients.jsx";
 
@@ -52,6 +53,7 @@ const router = createBrowserRouter(
  <Route path="findpatients" element={<Patients/>}/>
  <Route path="faq" element={<Faq/>}/>
  <Route path="feedback" element={<FeedbackPage />} /> {/* Feedback route */}
+ <Route path="*" element={<NotFound />} />
  </Route>
  )
 );