import Footer from "./Footer";
import Navbar from "./Navbar";

const Home = () => {
  return (
    <>

      <Navbar />
    <br />  <br />  <br />  <br />  <br />
      <div>
        <div className="header_section">
          <div className="banner_section layout_padding">
            <div id="my_slider" className="carousel slide" data-ride="carousel">
              <div className="carousel-inner">
                <div className="carousel-item active">
                  <div className="container">
                    <div className="row">
                      <div className="col-sm-12">
                        <div className="banner_taital_main">
                          <h1 className="banner_taital">
                          Reinventing real estate
                          investment
                          </h1>
                          <p className="banner_text">
                          Owners/operators, and real estate investment firms to excel in what they do best: finding new opportunities
                          {" "}
                          </p>
                          <div className="btn_main">
                            <div className="started_text active">
                              <a href="#">Contact US</a>
                            </div>
                            <div className="started_text">
                              <a href="#">About Us</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="carousel-item">
                  <div className="container">
                    <div className="row">
                      <div className="col-sm-12">
                        <div className="banner_taital_main">
                          <h1 className="banner_taital">
                          streamline investment management
                          </h1>
                          <p className="banner_text">
                          Best possible experience to our customers and their investors.{" "}
                          </p>
                          <div className="btn_main">
                            <div className="started_text active">
                              <a href="#">Contact US</a>
                            </div>
                            <div className="started_text">
                              <a href="#">About Us</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div className="carousel-item">
                  <div className="container">
                    <div className="row">
                      <div className="col-sm-12">
                        <div className="banner_taital_main">
                          <h1 className="banner_taital">
                          Increase your efficiency and security
                          </h1>
                          <p className="banner_text">
                          All-in-one real estate investment management platform with 100% security tools{" "}
                          </p>
                          <div className="btn_main">
                            <div className="started_text active">
                              <a href="#">Contact US</a>
                            </div>
                            <div className="started_text">
                              <a href="#">About Us</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <a
                className="carousel-control-prev"
                href="#my_slider"
                role="button"
                data-slide="prev"
              >
                <i className="fa fa-angle-left" />
              </a>
              <a
                className="carousel-control-next"
                href="#my_slider"
                role="button"
                data-slide="next"
              >
                <i className="fa fa-angle-right" />
              </a>
            </div>
          </div>
          {/* banner section end */}
        </div>

        {/* header section end */}
        {/* services section start */}
        <div className="services_section layout_padding">
          <div className="container-fluid">
            <div className="row">
              <div className="col-sm-12">
                <h1 className="services_taital">Our Services</h1>
                <p className="services_text_1">
                your documents, always and immediately within reach
                </p>
              </div>
            </div>
            <div className="services_section_2">
              <div className="row">
                <div className="col-lg-3 col-sm-6">
                  <div className="box_main active">
                    <div className="service_img">
                      <img src="images/icon-1.png" />
                    </div>
                    <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 
                    individual cash flow and wealth
                    </p>
                    <div className="readmore_bt">
                      <a href="#">Read More</a>
                    </div>
                  </div>
                </div>
                <div className="col-lg-3 col-sm-6">
                  <div className="box_main">
                    <div className="service_img">
                      <img src="images/icon-2.png" />
                    </div>
                    <h4 className="development_text">Building work Reports</h4>
                    <p className="services_text">
                    Deliver all the reports your investors need. Eliminate manual work and human errors with automatic distribution and allocation
                    </p>
                    <div className="readmore_bt">
                      <a href="#">Read More</a>
                    </div>
                  </div>
                </div>
                <div className="col-lg-3 col-sm-6">
                  <div className="box_main">
                    <div className="service_img">
                      <img src="images/icon-3.png" />
                    </div>
                    <h4 className="development_text">Reporting continuously</h4>
                    <p className="services_text">
                    Streamlining investor interactions, 
                    gaining complete visibility into your data, and using smart filters to create automatic workflows
                    </p>
                    <div className="readmore_bt">
                      <a href="#">Read More</a>
                    </div>
                  </div>
                </div>
                <div className="col-lg-3 col-sm-6">
                  <div className="box_main">
                    <div className="service_img">
                      <img src="images/icon-4.png" />
                    </div>
                    <h4 className="development_text">Manage your investment </h4>
                    <p className="services_text">
                    We offer a comprehensive set of tools and services to fully facilitate all your real estate investment management needs
                    </p>
                    <div className="readmore_bt">
                      <a href="#">Read More</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        {/* services section end */}

        {/* projects section start */}
        <div className="projects_section layout_padding">
          <div className="container">
            <div className="row">
              <div className="col-md-12">
                <h1 className="projects_taital">Projects</h1>
                <div className="nav-tabs-navigation">
                  <div className="nav-tabs-wrapper">
                    <ul className="nav " data-tabs="tabs">
                      <li className="nav-item">
                        <a
                          className="nav-link active"
                          href="#"
                          data-toggle="tab"
                        >
                          Category filter
                        </a>
                      </li>
                      <li className="nav-item">
                        <a className="nav-link " href="#" data-toggle="tab">
                          All
                        </a>
                      </li>
                      <li className="nav-item">
                        <a className="nav-link " href="#" data-toggle="tab">
                          Paintingl
                        </a>
                      </li>
                      <li className="nav-item">
                        <a className="nav-link " href="#" data-toggle="tab">
                          Reconstructionl
                        </a>
                      </li>
                      <li className="nav-item">
                        <a className="nav-link " href="#" data-toggle="tab">
                          Repairsl
                        </a>
                      </li>
                      <li className="nav-item">
                        <a className="nav-link " href="#" data-toggle="tab">
                          Residentall
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="projects_section_2 layout_padding">
            <div className="container">
              <div className="pets_section">
                <div className="pets_section_2">
                  <div
                    id="main_slider"
                    className="carousel slide"
                    data-ride="carousel"
                  >
                    <div className="carousel-inner">
                      <div className="carousel-item active">
                        <div className="row">
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-1.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-2.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-3.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div className="carousel-item">
                        <div className="row">
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-1.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-2.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-3.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div className="carousel-item">
                        <div className="row">
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-1.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-2.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                          <div className="col-md-4">
                            <div className="container_main">
                              <img
                                src="images/img-3.png"
                                alt
                                className="image"
                              />
                              <div className="overlay">
                                <div className="text">
                                  <h4 className="some_text">
                                    <i
                                      className="fa fa-link"
                                      aria-hidden="true"
                                    />
                                  </h4>
                                </div>
                              </div>
                            </div>
                            <div className="project_main">
                              <h2 className="work_text">Home Work</h2>
                              <p className="dummy_text">
                                alteration in some form, by injected humour, or
                                randomised words which don't look even slightly
                                believable. If you are going to use
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        {/* projects section end */}

       
        <Footer />
       


        {/* copyright section start */}
   
      </div>
    </>
  );
};

export default Home;