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

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

      <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="slider-image-container">
                  {/* <img src="/images/banner-bg.png" alt="Banner Background" /> */}
                </div>
                <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"  style={{
                              
                                fontSize: "30px",
                                padding: "10px",
                                fontWeight: "bold",
                              }}>
                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 */}

      {/* copyright section start */}

      <Footer />
    </>
  );
};

export default Home;