done

ef-ui/dist/assets/index-BPvgi06w.css

@@ -1 +0,0 @@
-:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}

ef-ui/dist/index.html

@@ -27,8 +27,8 @@
     <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-A1qbMXnH.js"></script>
+   <script type="module" crossorigin src="/assets/index-CvZ9ops1.js"></script>
-   <link rel="stylesheet" crossorigin href="/assets/index-BPvgi06w.css">
+   <link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
  </head>
 
 

ef-ui/package-lock.json

@@ -9,8 +9,10 @@
       "version": "0.0.0",
       "dependencies": {
         "ef-ui": "file:",
-        "react": "^19.0.0-rc-f90a6bcc-20240827",
+        "primeicons": "^7.0.0",
-        "react-dom": "^19.0.0-rc-f90a6bcc-20240827",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-icons": "^5.3.0",
         "react-router-dom": "^6.26.1"
       },
       "devDependencies": {
@@ -2200,7 +2202,6 @@
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/js-yaml": {
@@ -2306,7 +2307,6 @@
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
@@ -2580,6 +2580,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/primeicons": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
+      "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
+      "license": "MIT"
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "dev": true,
@@ -2618,24 +2624,37 @@
       "license": "MIT"
     },
     "node_modules/react": {
-      "version": "19.0.0-rc-fb9a90fa48-20240614",
+      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.0.0-rc-fb9a90fa48-20240614.tgz",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-      "integrity": "sha512-nvE3Gy+IOIfH/DXhkyxFVQSrITarFcQz4+shzC/McxQXEUSonpw2oDy/Wi9hdDtV3hlP12VYuDL95iiBREedNQ==",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "19.0.0-rc-fb9a90fa48-20240614",
+      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0-rc-fb9a90fa48-20240614.tgz",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
-      "integrity": "sha512-PoEsPe32F7KPLYOBvZfjylEI1B67N44PwY3lyvpmBkhlluLnLz0jH8q2Wg9YidAi6z0k3iUnNRm5x10wurzt9Q==",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
       "dependencies": {
-        "scheduler": "0.25.0-rc-fb9a90fa48-20240614"
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
       },
       "peerDependencies": {
-        "react": "19.0.0-rc-fb9a90fa48-20240614"
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-icons": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
+      "integrity": "sha512-DnUk8aFbTyQPSkCfF8dbX6kQjXA9DktMeJqfjrg6cK9vwQVMxmcA3BfP4QoiztVmEHtwlTgLFsPuH2NskKT6eg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
       }
     },
     "node_modules/react-is": {
@@ -2843,10 +2862,13 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.25.0-rc-fb9a90fa48-20240614",
+      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-fb9a90fa48-20240614.tgz",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
-      "integrity": "sha512-HHqQ/SqbeiDfXXVKgNxTpbQTD4n7IUb4hZATvHjp03jr3TF7igehCyHdOjeYTrzIseLO93cTTfSb5f4qWcirMQ==",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
     },
     "node_modules/semver": {
       "version": "6.3.1",

ef-ui/package.json

@@ -11,8 +11,10 @@
   },
   "dependencies": {
     "ef-ui": "file:",
-    "react": "^19.0.0-rc-f90a6bcc-20240827",
+    "primeicons": "^7.0.0",
-    "react-dom": "^19.0.0-rc-f90a6bcc-20240827",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.3.0",
     "react-router-dom": "^6.26.1"
   },
   "devDependencies": {

ef-ui/src/App.jsx

@@ -2,6 +2,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Home from "./components/Home";
 import About from "./components/About";
 import Contact from "./components/Contact";
+import Register from "./components/Register";
 
 
 const App = () => {
@@ -11,6 +12,7 @@ const App = () => {
      <Route path="/" element={<Home />}></Route>
      <Route path="/about" element={<About />}></Route>
      <Route path="/contact" element={<Contact/>}></Route>
+     <Route path="/register" element={<Register/>}></Route>
      </Routes>
     </BrowserRouter>
   )

ef-ui/src/components/About.jsx

@@ -8,9 +8,12 @@ const About = () => {
     <>
   
     <Navbar />
+ 
 
     <div className="about_section layout_padding">
+    <br />   <br />   <br />
           <div className="container">
+        
             <div className="row">
               <div className="col-md-6">
                 <h1 className="about_taital">About Us</h1>
@@ -39,6 +42,8 @@ const About = () => {
           </div>
           <br />
           <br />
+          <br />
+       
         </div>
    
 

ef-ui/src/components/Home.jsx

@@ -23,12 +23,12 @@ const Home = () => {
                       <div className="col-sm-12">
                         <div className="banner_taital_main">
                           <h1 className="banner_taital">
-                            BUILDER CONSTRUCTION SERVICES
+                          Reinventing real estate
+                          investment
                           </h1>
                           <p className="banner_text">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                          Owners/operators, and real estate investment firms to excel in what they do best: finding new opportunities
-                            elit, sed do eiusmod tempor incididunt ut labore et
+                          {" "}
-                            dolore magna{" "}
                           </p>
                           <div className="btn_main">
                             <div className="started_text active">
@@ -49,12 +49,10 @@ const Home = () => {
                       <div className="col-sm-12">
                         <div className="banner_taital_main">
                           <h1 className="banner_taital">
-                            BUILDER CONSTRUCTION SERVICES
+                          streamline investment management
                           </h1>
                           <p className="banner_text">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                          Best possible experience to our customers and their investors.{" "}
-                            elit, sed do eiusmod tempor incididunt ut labore et
-                            dolore magna{" "}
                           </p>
                           <div className="btn_main">
                             <div className="started_text active">
@@ -75,12 +73,10 @@ const Home = () => {
                       <div className="col-sm-12">
                         <div className="banner_taital_main">
                           <h1 className="banner_taital">
-                            BUILDER CONSTRUCTION SERVICES
+                          Increase your efficiency and security
                           </h1>
                           <p className="banner_text">
-                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                          All-in-one real estate investment management platform with 100% security tools{" "}
-                            elit, sed do eiusmod tempor incididunt ut labore et
-                            dolore magna{" "}
                           </p>
                           <div className="btn_main">
                             <div className="started_text active">
@@ -125,8 +121,7 @@ const Home = () => {
               <div className="col-sm-12">
                 <h1 className="services_taital">Our Services</h1>
                 <p className="services_text_1">
-                  ssages of Lorem Ipsum available, but the majority have
+                your documents, always and immediately within reach
-                  suffered alteration
                 </p>
               </div>
             </div>
@@ -137,11 +132,11 @@ const Home = () => {
                     <div className="service_img">
                       <img src="images/icon-1.png" />
                     </div>
-                    <h4 className="development_text">Construction Services</h4>
+                    <span className="pi pi-user" style={{ color: "#F74B02" }}></span>
+                    <h4 className="development_text">Dedication Services</h4>
                     <p className="services_text">
-                      fact that a reader will be distracted by the readable
+                    Real estate investing even on a very small scale remains a tried and true means of building and 
-                      content of a page when looking at its layout. The point of
+                    individual cash flow and wealth
-                      using L
                     </p>
                     <div className="readmore_bt">
                       <a href="#">Read More</a>
@@ -153,11 +148,9 @@ const Home = () => {
                     <div className="service_img">
                       <img src="images/icon-2.png" />
                     </div>
-                    <h4 className="development_text">Building Modeling</h4>
+                    <h4 className="development_text">Building work Reports</h4>
                     <p className="services_text">
-                      fact that a reader will be distracted by the readable
+                    Deliver all the reports your investors need. Eliminate manual work and human errors with automatic distribution and allocation
-                      content of a page when looking at its layout. The point of
-                      using L
                     </p>
                     <div className="readmore_bt">
                       <a href="#">Read More</a>
@@ -169,11 +162,10 @@ const Home = () => {
                     <div className="service_img">
                       <img src="images/icon-3.png" />
                     </div>
-                    <h4 className="development_text">Pre construction</h4>
+                    <h4 className="development_text">Reporting continuously</h4>
                     <p className="services_text">
-                      fact that a reader will be distracted by the readable
+                    Streamlining investor interactions, 
-                      content of a page when looking at its layout. The point of
+                    gaining complete visibility into your data, and using smart filters to create automatic workflows
-                      using L
                     </p>
                     <div className="readmore_bt">
                       <a href="#">Read More</a>
@@ -185,11 +177,9 @@ const Home = () => {
                     <div className="service_img">
                       <img src="images/icon-4.png" />
                     </div>
-                    <h4 className="development_text">Management</h4>
+                    <h4 className="development_text">Manage your investment </h4>
                     <p className="services_text">
-                      fact that a reader will be distracted by the readable
+                    We offer a comprehensive set of tools and services to fully facilitate all your real estate investment management needs
-                      content of a page when looking at its layout. The point of
-                      using L
                     </p>
                     <div className="readmore_bt">
                       <a href="#">Read More</a>

ef-ui/src/components/Navbar.jsx

@@ -82,7 +82,10 @@ const Navbar = () => {
                   </ul>
                 </div>
                 <div className="quote_btn">
-                  <a href="#">Get A Quote</a>
+                  <NavLink to="/register" className="nav-link">
+                  Register
+                  </NavLink>
+
                 </div>
               </form>
             </div>

ef-ui/src/components/Register.jsx

@@ -0,0 +1,186 @@
+import "../register.css";
+import Footer from "./Footer";
+import Navbar from "./Navbar";
+
+import 'primeicons/primeicons.css';
+        
+
+const Register = () => {
+  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">
+            <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" />
+                  <h2 className="h1 mb-4">
+                  Empower your investors
+                  </h2>
+                  <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">Registration</h2>
+                        <h3 className="fs-6 fw-normal text-secondary m-0">
+                          Enter your details to register
+                        </h3>
+                      </div>
+                    </div>
+                  </div>
+                  <form action="#!">
+                    <div className="row gy-3 overflow-hidden">
+                      <div className="col-12">
+                        <div className="form-floating mb-3">
+                          <input
+                            type="text"
+                            className="form-control"
+                            name="firstName"
+                            id="firstName"
+                            placeholder="First Name"
+                            required
+                          />
+                          <label htmlFor="firstName" className="form-label">
+                            First Name
+                          </label>
+                        </div>
+                      </div>
+                      <div className="col-12">
+                        <div className="form-floating mb-3">
+                          <input
+                            type="text"
+                            className="form-control"
+                            name="lastName"
+                            id="lastName"
+                            placeholder="Last Name"
+                            required
+                          />
+                          <label htmlFor="lastName" className="form-label">
+                            Last Name
+                          </label>
+                        </div>
+                      </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"
+                          >
+                            I agree to the{" "}
+                            <a
+                              href="#!"
+                              className="link-primary text-decoration-none"
+                            >
+                              terms and conditions
+                            </a>
+                          </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 up
+                          </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">
+                          Already have an account?{" "}
+                          <a
+                            href="#!"
+                            className="link-primary text-decoration-none"
+                          >
+                            Sign in
+                          </a>
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="row">
+                    <div className="col-12"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <Footer />
+    </>
+  );
+};
+
+export default Register;

ef-ui/src/register.css

@@ -0,0 +1,2 @@
+<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css">
+<link rel="stylesheet" href="https://unpkg.com/bs-brain@2.0.4/components/registrations/registration-9/assets/css/registration-9.css">