diff --git a/public/404.png b/public/404.png
new file mode 100644
index 0000000..8e2f4b5
Binary files /dev/null and b/public/404.png differ
diff --git a/src/App.jsx b/src/App.jsx
index 2a0f722..ef8480d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -32,6 +32,7 @@ import InvestorManagementPage from "./Pages/InvestorManagementPage";
 import FinancialServices from './Pages/FinancialServices'
 import FullServiceFund from './Pages/FullServiceFund';
 import { PiSelectionInverseThin } from "react-icons/pi";
+import Notfound from './Components/Notfound/Notfound';
 
 export const ThemeContext = createContext();
 
@@ -62,7 +63,7 @@ const App = () => {
       
       <div className="main-div">
       
-      <Navbar />
+      <Navbar/>
         <Routes>
           <Route path="/" element={<Home />} />
           <Route path="/login" element={<Login />} />
@@ -78,6 +79,7 @@ const App = () => {
           <Route path='/investormanagementpage' element={<InvestorManagementPage/>}/>
           <Route path='/financialservicesPage' element = {<FinancialServices/>}/>
           <Route path="/fullservicefund" element={<FullServiceFund/>}/>
+          <Route path="*" element={<Notfound/>}/>
         </Routes>
         <ChatAssistant/>
         <GoToTop/>
diff --git a/src/Components/Notfound/Notfound.css b/src/Components/Notfound/Notfound.css
new file mode 100644
index 0000000..8c3048d
--- /dev/null
+++ b/src/Components/Notfound/Notfound.css
@@ -0,0 +1,23 @@
+.notfound{
+    width: 50%;
+    height: 100vh;
+    margin-top: 70px;
+}
+.notfound-container{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100.5vh;
+}
+.btnx{
+    position: absolute;
+    bottom: 40px;
+    background-color: #212EA0;
+    color: #fff;
+    border-radius: 5px;
+    padding: 10px 20px;
+    font-size: 20px;
+    font-weight: 600;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/Components/Notfound/Notfound.jsx b/src/Components/Notfound/Notfound.jsx
new file mode 100644
index 0000000..2f2d9d7
--- /dev/null
+++ b/src/Components/Notfound/Notfound.jsx
@@ -0,0 +1,10 @@
+import "./Notfound.css";
+import { Link } from "react-router-dom";
+export default function Notfound(){
+    return(
+        <div className="notfound-container">
+           <img src="./404.png" alt="Not found pic" className="notfound" />
+           <Link to={"/"} className="btnx" style={{textDecoration: "none"}}>Go to Home</Link>
+        </div>
+    )
+}
\ No newline at end of file