client side finished lap view

package.json

@@ -10,6 +10,7 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/user-event": "^13.5.0",
+    "axios": "^1.7.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "faker": "^6.6.6",

src/App.js

@@ -1,24 +1,24 @@
-import Home from "./Pages/Client/NewMember/Home";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import Membershipform from "./Pages/Client/NewMember/Membershipform";
 import Payment from "./Pages/Client/NewMember/Payment";
-import Updateform from "./Pages/Client/NewMember/Updateform";
+import Existing from "./Pages/Client/ExistingMember/Existing";
 import Membershipform2 from "./Pages/Client/NewMember/Membershipform2";
 import Submittedform from "./Pages/Client/NewMember/Submittedform";
+import Submittedpayment from "./Pages/Client/NewMember/Submittedpayment";
 import Login from "./Pages/Client/ExistingMember/Login";
 function App() {
   return (
     <Router>
       <div>
         <Routes>
-          <Route path="/" element={<Home />} />
           <Route path="/membershipform" element={<Membershipform />} />
-          <Route path="/Payment" element={<Payment />} />
-          <Route path="/updateform" element={<Updateform />} />
+          <Route path="/payment" element={<Payment />} />
+          <Route path="/updateform" element={<Existing />} />
           <Route path="/membershipform2" element={<Membershipform2 />} />
           <Route path="/submitted" element={<Submittedform />} />
 
           <Route path="/login" element={<Login />} />
+          <Route path="/submittedpayment" element={<Submittedpayment />} />
         </Routes>
       </div>
     </Router>

src/Pages/Client/ExistingMember/Existing.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Existing = () => {
+  return <div>Existing</div>;
+};
+
+export default Existing;

src/Pages/Client/ExistingMember/Login.jsx

@@ -2,10 +2,10 @@ import React from "react";
 import icci from "../../../Assets/icci.jpg";
 const Login = () => {
   return (
-    <div>
+    <div className=" bg-slate-200 h-screen">
       <div className="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
         <div className="sm:mx-auto sm:w-full sm:max-w-sm">
-          <img className="mx-auto h-10 w-auto" src={icci} alt="Chamber" />
+          <img className="mx-auto h-20 w-auto" src={icci} alt="Chamber" />
           <h2 className="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">
             Log in to your account
           </h2>
@@ -16,9 +16,9 @@ const Login = () => {
             <div>
               <label
                 for="email"
-                className="block text-sm font-medium leading-6 text-gray-900"
+                className="block text-sm leading-6 text-black font-bold"
               >
-                Pan Card
+                Email Id
               </label>
               <div className="mt-2">
                 <input
@@ -32,6 +32,25 @@ const Login = () => {
               </div>
             </div>
 
+            <div>
+              <label
+                for="aadhar"
+                className="block text-sm leading-6 text-black font-bold"
+              >
+                Aadhar Number
+              </label>
+              <div className="mt-2">
+                <input
+                  id="aadhar"
+                  name="aadhar"
+                  type="aadhar"
+                  autocomplete="aadhar"
+                  required
+                  className="block px-3 w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                />
+              </div>
+            </div>
+
             <div>
               <button
                 type="submit"