done

ef-ui/dist/index.html

@@ -27,7 +27,7 @@
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
     <!-- fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;800&family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
-   <script type="module" crossorigin src="/assets/index-CvZ9ops1.js"></script>
+   <script type="module" crossorigin src="/assets/index-XsVNmNlQ.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
  </head>
 

ef-ui/package-lock.json

@@ -8,6 +8,7 @@
       "name": "ef-ui",
       "version": "0.0.0",
       "dependencies": {
+        "@fortawesome/react-fontawesome": "^0.2.2",
         "ef-ui": "file:",
         "primeicons": "^7.0.0",
         "react": "^18.3.1",
@@ -484,6 +485,42 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.6.0.tgz",
+      "integrity": "sha512-xyX0X9mc0kyz9plIyryrRbl7ngsA9jz77mCZJsUkLl+ZKs0KWObgaEBoSgQiYWAsSmjz/yjl0F++Got0Mdp4Rw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.6.0.tgz",
+      "integrity": "sha512-KHwPkCk6oRT4HADE7smhfsKudt9N/9lm6EJ5BVg0tD1yPA5hht837fB87F8pn15D8JfTqQOjhKTktwmLMiD7Kg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/react-fontawesome": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.2.tgz",
+      "integrity": "sha512-EnkrprPNqI6SXJl//m29hpaNzOp1bruISWaOiRtkMi/xSvHJlzc2j2JAYS7egxt/EbjSNV/k6Xy0AQI6vB2+1g==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+        "react": ">=16.3"
+      }
+    },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "dev": true,
@@ -2368,7 +2405,6 @@
     },
     "node_modules/object-assign": {
       "version": "4.1.1",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -2588,7 +2624,6 @@
     },
     "node_modules/prop-types": {
       "version": "15.8.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -2659,7 +2694,6 @@
     },
     "node_modules/react-is": {
       "version": "16.13.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/react-refresh": {

ef-ui/package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "ef-ui": "file:",
     "primeicons": "^7.0.0",
     "react": "^18.3.1",

ef-ui/src/App.jsx

@@ -3,6 +3,7 @@ import Home from "./components/Home";
 import About from "./components/About";
 import Contact from "./components/Contact";
 import Register from "./components/Register";
+import Login from "./components/Login";
 
 
 const App = () => {
@@ -13,6 +14,7 @@ const App = () => {
      <Route path="/about" element={<About />}></Route>
      <Route path="/contact" element={<Contact/>}></Route>
      <Route path="/register" element={<Register/>}></Route>
+     <Route path="/login" element={<Login/>}></Route>
      </Routes>
     </BrowserRouter>
   )

ef-ui/src/components/Home.jsx

@@ -132,7 +132,6 @@ const Home = () => {
                     <div className="service_img">
                       <img src="images/icon-1.png" />
                     </div>
-                    <span className="pi pi-user" style={{ color: "#F74B02" }}></span>
                     <h4 className="development_text">Dedication Services</h4>
                     <p className="services_text">
                     Real estate investing even on a very small scale remains a tried and true means of building and 

ef-ui/src/components/Login.jsx

@@ -0,0 +1,154 @@
+import Footer from "./Footer";
+import Navbar from "./Navbar";
+
+const Login = () => {
+  return (
+    <>
+       <Navbar />
+      <br /><br /><br /><br /><br />
+      <section
+        className="py-19 py-md-5 py-xl-8"
+        style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}
+      >
+        <div className="container-fluid px-0">
+          <div className="row gy-4 align-items-center justify-content-center">
+            <div className="col-12 col-md-6 col-xl-20 text-center text-md-start">
+            
+
+            
+          
+            
+              <div className="text-bg-primary">
+                <div className="px-4">
+                  <hr className="border-primary-subtle mb-4" />
+               
+                  <p className="lead mb-5">
+                  A beautiful, easy-to-use, and secure Investor Portal that gives your investors everything they may need
+                  </p>
+                  <div className="text-endx">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width={48}
+                      height={48}
+                      fill="currentColor"
+                      className="bi bi-grip-horizontal"
+                      viewBox="0 0 16 16"
+                    >
+                      <path d="M2 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
+                    </svg>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-12 col-md-6 col-xl-5">
+              <div className="card border-0 rounded-4 shadow-lg" style={{ width: "100%" }}>
+                <div className="card-body p-3 p-md-4 p-xl-5">
+                  <div className="row">
+                    <div className="col-12">
+                      <div className="mb-4">
+                        <h2 className="h3">Please Login</h2>
+                     
+                      </div>
+                    </div>
+                  </div>
+                  <form action="#!">
+                    <div className="row gy-3 overflow-hidden">
+                      <div className="col-12">
+                 
+                      </div>
+                      <div className="col-12">
+                    
+                      </div>
+                      <div className="col-12">
+                        <div className="form-floating mb-3">
+                          <input
+                            type="email"
+                            className="form-control"
+                            name="email"
+                            id="email"
+                            placeholder="name@example.com"
+                            required
+                          />
+                          <label htmlFor="email" className="form-label">
+                            Email
+                          </label>
+                        </div>
+                      </div>
+                      <div className="col-12">
+                        <div className="form-floating mb-3">
+                          <input
+                            type="password"
+                            className="form-control"
+                            name="password"
+                            id="password"
+                            placeholder="Password"
+                            required
+                          />
+                          <label htmlFor="password" className="form-label">
+                            Password
+                          </label>
+                        </div>
+                      </div>
+                      <div className="col-12">
+                        <div className="form-check">
+                          <input
+                            className="form-check-input"
+                            type="checkbox"
+                            name="iAgree"
+                            id="iAgree"
+                            required
+                          />
+                          <label
+                            className="form-check-label text-secondary"
+                            htmlFor="iAgree"
+                          >
+                            Remember me{" "}
+                         
+                          </label>
+                        </div>
+                      </div>
+                      <div className="col-12">
+                        <div className="d-grid">
+                          <button
+                            className="btn btn-primary btn-lg"
+                            type="submit"
+                            style={{ backgroundColor: "#fda417", border:"#fda417" }}
+
+                          >
+                            Sign In
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </form>
+                  <div className="row">
+                    <div className="col-12">
+                      <div className="d-flex gap-2 gap-md-4 flex-column flex-md-row justify-content-md-end mt-4">
+                        <p className="m-0 text-secondary text-center">
+                          Don't have an account?{" "}
+                          <a
+                            href="#!"
+                            className="link-primary text-decoration-none"
+                          >
+                            Register
+                          </a>
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="row">
+                    <div className="col-12"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <Footer />
+
+    </>
+  )
+}
+
+export default Login 

ef-ui/src/components/Navbar.jsx

@@ -72,7 +72,9 @@ const Navbar = () => {
                 <div className="login_text">
                   <ul>
                     <li>
-                      <a href="#">Login</a>
+                    <NavLink to="/login" className="nav-link">
+                  Login
+                  </NavLink>
                     </li>
                     <li>
                       <a href="#">

ef-ui/src/components/Register.jsx

@@ -1,10 +1,10 @@
 import "../register.css";
 import Footer from "./Footer";
 import Navbar from "./Navbar";
-
 import 'primeicons/primeicons.css';
 
 
+      
 const Register = () => {
   return (
     <>
@@ -18,6 +18,10 @@ const Register = () => {
           <div className="row gy-4 align-items-center justify-content-center">
             <div className="col-12 col-md-6 col-xl-20 text-center text-md-start">
             <span className="pi pi-dollar" style={{ fontSize: '5rem', color:"#fda417" }} />
+
+            
+          
+            
               <div className="text-bg-primary">
                 <div className="px-4">
                   <hr className="border-primary-subtle mb-4" />