Merge pull request #456 from RamakrushnaBiswal/ram-dev

feat: 404 notfound page added with config

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/>

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;
+}

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>
+    )
+}