-
Notifications
You must be signed in to change notification settings - Fork 1
/
Home.jsx
82 lines (75 loc) · 3.21 KB
/
Home.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
import React from 'react';
import './Home.css';
import {
MDBCard,
MDBCardBody,
MDBCardText,
MDBCardImage
} from 'mdb-react-ui-kit';
import Location from '../../components/Location/Location';
// import Contact from '/src/components/ContactUs/Contact';
import Carousels from '../../components/Carousel/Carousel';
import Facilities from '../../components/Facilities/facilities';
import 'bootstrap/dist/css/bootstrap.min.css';
import NavBar from '../../components/NavBar/NavBar';
import home from "../../assests/home.mp4";
import apartment from "../../assests/apartment.png";
import homepage from "../../assests/homemap.png";
function Home() {
return (
<>
<NavBar/>
<div style={{ marginTop: "60px", width: "100%" }}>
<video width="100%" autoplay="" muted loop playsinline>
<source src={home} type="video/mp4"></source>
</video>
</div>
<div className="container cunt-bg-whight p-5">
<div className="section-title " style={{ clear: "both", textAlign: "left" }}>
<h1 className="mb-0 py-4">Building a Better Life</h1>
</div>
<div className="row d-flex align-items-stretch">
<div className="col-lg-6 faq-item content-home aos-init aos-animate" data-aos="fade-in" data-aos-duration="2000" data-aos-easing="ease-in-quad">
<p>
We believe real estate is more than just building the proverbial four walls, it's about "Building a Better Life". This is the ideology with which we at Lodha have delivered the world's finest developments that have become some of the most iconic addresses and the most desirable residences in India as well as in London.
</p>
</div>
<div className="col-lg-6 faq-item content-home aos-init aos-animate" data-aos="fade-in" data-aos-duration="2000" data-aos-easing="ease-in-quad">
<p>
Our residential and commercial spaces are aimed at every segment, right from super luxury to budget, thereby enabling every aspiring
consumer to fulfil their dream.
</p>
</div>
</div>
<div className="col-lg-12 faq-item aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<p> </p>
</div>
</div>
<div className="mb-3 container" >
<Carousels />
</div>
<hr style={{ width: "90%", marginLeft: "5%", marginTop: "5%", height: "3px", backgroundColor: "gold" }}></hr>
<div className='locationtitle'>
<img src={apartment} id="facilities"></img>
<div style={{ justifyContent: "center", display: "flex" }}>
<p id='our1'>OUR</p>
<p id='facility' >FACILITIES</p>
</div>
</div>
<div className="container">
<Facilities />
</div>
<hr style={{ width: "90%", marginLeft: "5%", marginTop: "5%", height: "3px", backgroundColor: "gold" }}></hr>
<div className='locationtitle'>
<img src={homepage} id="locationicon"></img>
<div style={{ justifyContent: "center", display: "flex" }}>
<p id='our'>OUR</p>
<p id='location' >LOCATION</p>
</div>
</div>
<Location />
{/* <Contact /> */}
</>
);
}
export default Home;