estatesfunding/ef-ui/src/components/Home.jsx

212 lines
8.1 KiB
JavaScript

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;