done

ef-ui/dist/index.html

@@ -54,8 +54,8 @@
  <!-- Custom styles for this template-->
  <link href="css/sb-admin-2.min.css" rel="stylesheet">
 
-   <script type="module" crossorigin src="/assets/index-CTVwB6j6.js"></script>
+   <script type="module" crossorigin src="/assets/index-Ta_ndD8p.js"></script>
-   <link rel="stylesheet" crossorigin href="/assets/index-C3G6Dufq.css">
+   <link rel="stylesheet" crossorigin href="/assets/index-CN6EriED.css">
  </head>
 
 

ef-ui/src/components/Dashboard.jsx

@@ -58,10 +58,13 @@ const Dashboard = () => {
   return (
     <>
       <Navbar />
-      <br />      <br />      <br />          
+      <br /> <br />
       <div className="d-flex" style={{ margin: "0", padding: "0" }}>
         {/* Left sidebar */}
-        <div className="col-md-3 p-1" style={{ paddingRight: "2px", margin: "0" }}>
+        <div
+          className="col-md-3 p-1"
+          style={{ paddingRight: "2px", margin: "0" }}
+        >
           <div className="card card1 p-5">
             <img
               className="img-fluid"
@@ -88,18 +91,17 @@ const Dashboard = () => {
                 }`}
                 onClick={() => setActiveTab("Userdetails")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>User Profile</span>
               </button>
 
-
               <button
                 className={`btn mt-3 ${
                   activeTab === "FundToInvest" ? "active" : ""
                 }`}
                 onClick={() => setActiveTab("FundToInvest")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>Fund To Invest</span>
               </button>
 
@@ -109,7 +111,7 @@ const Dashboard = () => {
                 }`}
                 onClick={() => setActiveTab("addProperty")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>Add Property</span>
               </button>
               <button
@@ -118,7 +120,7 @@ const Dashboard = () => {
                 }`}
                 onClick={() => setActiveTab("activeProperties")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>Active Properties</span>
               </button>
 
@@ -128,7 +130,7 @@ const Dashboard = () => {
                 }`}
                 onClick={() => setActiveTab("Fundings Received")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>Fundings Received</span>
               </button>
 
@@ -138,19 +140,17 @@ const Dashboard = () => {
                 }`}
                 onClick={() => setActiveTab("Offers Submitted")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>Offers Submitted</span>
               </button>
 
-
-
               <button
                 className={`btn mt-3 ${
                   activeTab === "closedProperties" ? "active" : ""
                 }`}
                 onClick={() => setActiveTab("closedProperties")}
               >
-                <span className="fa fa-home" style={{ color: "#F74B02" }} />
+                {/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
                 <span>Closed Properties</span>
               </button>
             </div>
@@ -158,10 +158,13 @@ const Dashboard = () => {
         </div>
 
         {/* Main content area */}
-        <div className="col-md-9 p-1" style={{ paddingLeft: "2px", margin: "0" }}>
+        <div
+          className="col-md-9 p-1"
+          style={{ paddingLeft: "2px", margin: "0" }}
+        >
           <div className="card card2 p-2">
             <span>
-            <br />
+              <br /> <br />
               Welcome to{" "}
               <span style={{ color: "#067ADC" }}>
                 <NavLink
@@ -172,7 +175,6 @@ const Dashboard = () => {
                   {user.result.middleName} {user.result.lastName}
                 </NavLink>
               </span>
-
               <span style={{ color: "#067ADC" }}>
                 <NavLink
                   to={`/addproperty`}
@@ -181,34 +183,57 @@ const Dashboard = () => {
                   add
                 </NavLink>
               </span>
-
-
             </span>
             {activeTab === "dashboard" && (
               <>
                 <br />
                 <div className="banner_taital">
-            <h1 style={{ color: "#fda417", fontSize: "30px",
+                  <h1
+                    style={{
+                      color: "#fda417",
+                      fontSize: "30px",
                       padding: "10px",
-                                fontWeight: "normal" }}  className="services_taital">
+                      fontWeight: "normal",
-              Now you are accessing the world's only portal which has Streamlined the 
+                    }}
-              <h1 style={{ fontSize: "30px",
+                    className="services_taital"
+                  >
+                    Now you are accessing the world's only portal which has
+                    Streamlined the
+                    <h1
+                      style={{
+                        fontSize: "30px",
                         padding: "10px",
-                                fontWeight: "normal" }}> investor-borrower interactions, </h1>
+                        fontWeight: "normal",
-                    
+                      }}
+                    >
+                      {" "}
+                      investor-borrower interactions,{" "}
                     </h1>
-            <h1 className="services_taital"  style={{color: "#fda417",fontSize: "30px",
-                                padding: "10px",
-                                fontWeight: "normal" }}  >
-              gaining complete visibility
-              into your data, and using smart filters to  
-            <h1 className="services_taital"  style={{fontSize: "30px",
-                                padding: "10px",
-                                fontWeight: "normal" }} >create automatic
-              workflows{" "}</h1>
-
                   </h1>
-              <br /> <br /> <br /> <br /> <br /><br />
+                  <h1
+                    className="services_taital"
+                    style={{
+                      color: "#fda417",
+                      fontSize: "30px",
+                      padding: "10px",
+                      fontWeight: "normal",
+                    }}
+                  >
+                    gaining complete visibility into your data, and using smart
+                    filters to
+                    <h1
+                      className="services_taital"
+                      style={{
+                        fontSize: "30px",
+                        padding: "10px",
+                        fontWeight: "normal",
+                      }}
+                    >
+                      create automatic workflows{" "}
+                    </h1>
+                  </h1>
+                  <br /> <br /> <br /> <br /> <br />
+                  <br />
                 </div>
               </>
             )}

ef-ui/src/components/Home.jsx

@@ -118,8 +118,13 @@ const Home = () => {
         <div className="container-fluid">
           <div className="row">
             <div className="col-sm-12">
-              <h1 className="services_taital">Our Services</h1>
+              {/* <h1 className="services_taital">Our Services</h1> */}
-              <p className="services_text_1">
+                  <p className="services_text_1"  style={{
+                              
+                                fontSize: "30px",
+                                padding: "10px",
+                                fontWeight: "bold",
+                              }}>
                 your documents, always and immediately within reach
               </p>
           

ef-ui/src/components/Login.jsx

@@ -40,8 +40,7 @@ const Login = () => {
       <br />
       <br />
       <br />
-      <br />
+
-      <br />
       <section
         className="py-19 py-md-5 py-xl-8"
         style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}

ef-ui/src/components/Navbar.jsx

@@ -16,7 +16,7 @@ const Navbar = () => {
   };
 
   return (
-    <div
+    <nav
       className="navbar navbar-expand-lg w-100"
       style={{
         backgroundColor: "#000000",
@@ -27,9 +27,9 @@ const Navbar = () => {
         zIndex: 1000,
       }}
     >
-    
+      <div className="container-fluid">
-      <div className="container-fluid d-flex align-items-center justify-content-between">
         <div className="d-flex align-items-center">
+          {/* Logo Section */}
           {/* <img src={logo} alt="logo" width="75" height="75" className="img-fluid" /> */}
           <p
             style={{
@@ -44,9 +44,26 @@ const Navbar = () => {
           </p>
         </div>
 
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
+        {/* Toggler Button for Small Screens */}
-          <ul className="navbar-nav ml-auto">
+        <button
-            <li className="nav-item active">
+          className="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarNav"
+          aria-controls="navbarNav"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+          style={{ borderColor: "#fda417" }}
+        >
+          <span className="navbar-toggler-icon"></span>
+        </button>
+
+        <div
+          className="collapse navbar-collapse justify-content-end"
+          id="navbarNav"
+        >
+          <ul className="navbar-nav">
+            <li className="nav-item">
               <NavLink
                 to="/"
                 className="nav-link"
@@ -60,7 +77,11 @@ const Navbar = () => {
               </NavLink>
             </li>
             <li className="nav-item">
-              <NavLink to="/services" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
+              <NavLink
+                to="/services"
+                className="nav-link"
+                style={{ fontSize: "20px", fontWeight: "normal" }}
+              >
                 Services
               </NavLink>
             </li>
@@ -78,7 +99,11 @@ const Navbar = () => {
               </NavLink>
             </li>
             <li className="nav-item">
-              <NavLink to="/about" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
+              <NavLink
+                to="/about"
+                className="nav-link"
+                style={{ fontSize: "20px", fontWeight: "normal" }}
+              >
                 About
               </NavLink>
             </li>
@@ -96,13 +121,17 @@ const Navbar = () => {
               </NavLink>
             </li>
             <li className="nav-item">
-              <NavLink to="/contact" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
+              <NavLink
+                to="/contact"
+                className="nav-link"
+                style={{ fontSize: "20px", fontWeight: "normal" }}
+              >
                 Contact
               </NavLink>
             </li>
           </ul>
 
-          <div className="navbar-right">
+          <div className="navbar-right d-flex">
             {user?.result?._id ? (
               <>
                 <NavLink
@@ -150,16 +179,12 @@ const Navbar = () => {
                 >
                   Login
                 </NavLink>
-                
               </>
             )}
-          
           </div>
         </div>
       </div>
-
+    </nav>
-    </div>
- 
   );
 };
 

ef-ui/src/components/Register.jsx

@@ -118,9 +118,7 @@ const Register = () => {
       <Navbar />
       <br />
       <br />
-      <br />
+    
-      <br />
-      <br />
       <section
         className="card"
         style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}
@@ -167,9 +165,9 @@ const Register = () => {
                     <div className="col-12">
                       <div className="mb-4">
                         <h2 className="h3">Registration</h2>
-                        <h3 style={{ color: "red" }}>
+                        <h6 style={{ color: "red" }}>
                           All fields are mandatory to enable "Sign up"
-                        </h3>
+                        </h6>
                         <hr />
                       </div>
                     </div>

ef-ui/src/navbar.css

@@ -29,3 +29,37 @@
     margin-top: 0;
   }
 
+  /* Style the hamburger icon */
+.navbar-toggler-icon {
+  background-image: none; /* Remove the default icon */
+  display: block;
+  width: 10px; /* Adjust the size of the icon */
+  height: 10px;
+  position: relative;
+}
+
+.navbar-toggler-icon::before,
+.navbar-toggler-icon::after,
+.navbar-toggler-icon div {
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 2px; /* Thickness of the lines */
+  background-color: #fda417; /* Yellow color */
+  border-radius: 2px; /* Rounded edges */
+}
+
+.navbar-toggler-icon::before {
+  top: 0; /* Position the top line */
+}
+
+.navbar-toggler-icon div {
+  top: 50%; /* Position the middle line */
+  transform: translateY(-50%); /* Center the middle line */
+}
+
+.navbar-toggler-icon::after {
+  bottom: 0; /* Position the bottom line */
+}
+
+