-
-
-
-
-
- YOU ARE NOT BUYING A HOUSE,
-YOU ARE BUYING A LIFESTYLE.
-
-
-
- 
-
-
- 
-
-
-
- 
-
-
-
-
-
-
-
-
- Contact Us
- -
+
+
+
+
+
+
+
+ );
+ }
+ onFirstNameChange(event) {
+ this.setState({ firstname: event.target.value });
+ }
- onNameChange(event) {
- this.setState({ name: event.target.value })
- }
+ onLastNameChange(event) {
+ this.setState({ lastname: event.target.value });
+ }
- onEmailChange(event) {
- this.setState({ email: event.target.value })
- }
+ onEmailChange(event) {
+ this.setState({ email: event.target.value });
+ }
- onMessageChange(event) {
- this.setState({ message: event.target.value })
- }
+ onMessageChange(event) {
+ this.setState({ message: event.target.value });
+ }
- handleSubmit(event) {
- }
+ handleSubmit(event) {}
}
export default Homepage;
diff --git a/src/homePage/homePage.css b/src/homePage/homePage.css
deleted file mode 100644
index 2d082b7..0000000
--- a/src/homePage/homePage.css
+++ /dev/null
@@ -1,62 +0,0 @@
-.colored-section {
- background-color: #ffe609;
- color: #000000;
- white-space: nowrap;
-}
-
-.white-section {
- background-color: #ffffff;
-}
-
-#title .container-fluid {
- padding: 4% 34% 6%;
- text-align: left;
- font-family: "Georgia";
-}
-
-.housesIntro{
- padding: 4% 5%;
-}
-
-.contactIntro{
- padding-left: 30%;
- padding-right: 30%;
- padding-bottom: 80px;
-}
-
-.carouselSection {
- margin: 2% 8%;
-}
-
-.headerImg{
- width: 2000px;
- height: 600px;
-}
-
-.heading-1{
- padding-left: 40%;
- padding-top: 10%;
- padding-bottom: 20px;
-}
-
-.formhelper{
- padding-bottom: 15px;
-}
-
-.button-1 {
- background-color: rgb(0, 0, 0);
- border-color: transparent;
- color: #ffffff;
- font-size: 20px;
-}
-
-.button-1:hover {
- background-color: rgb(92, 92, 92);
- color: #ffffff;
- border-color: transparent;
-}
-
-.buttonhelper {
- padding-left: 45%;
- padding-top: 15px;
-}
\ No newline at end of file
diff --git a/src/homePage/homePage.js b/src/homePage/homePage.js
index f95a614..2fd748e 100644
--- a/src/homePage/homePage.js
+++ b/src/homePage/homePage.js
@@ -1,107 +1,126 @@
import { Component } from "react";
-import './Homepage.css';
-import house1 from '../images/house1.jpg';
-import house2 from '../images/house2.jpg';
-import house3 from '../images/house3.jpg';
-import Carousel from 'react-bootstrap/Carousel'
+import "./Homepage.css";
+import house1 from "../images/house1.jpg";
+import house2 from "../images/house2.jpg";
+import house3 from "../images/house3.jpg";
+import Carousel from "react-bootstrap/Carousel";
class Homepage extends Component {
- constructor(props) {
- super(props);
- this.state = {
- firstname: '',
- lastname: '',
- email: '',
- message: ''
- }
- }
+ constructor(props) {
+ super(props);
+ this.state = {
+ firstname: "",
+ lastname: "",
+ email: "",
+ message: "",
+ };
+ }
- render() {
- return (
-
+
+
+
- );
- }
+
+
YOU ARE NOT BUYING A HOUSE,
+YOU ARE BUYING A LIFESTYLE.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact Us
+ +
-
-
-
-
-
-
+ render() {
+ return (
+
- {listingData.Properties.map(house => (
+ {listingData.Properties.map(house => (
- {
- setSelectedProperty(house)
- }}
+ }}
- icon={{
- url:"homes-3.svg",
- scaledSize: new window.google.maps.Size(50,50)
- }}
-
+ onClick={() => {
+ setSelectedProperty(house)
+ }}
-
- />
-
-
-
- ))}
+ icon={{
+ url: "homes-3.svg",
+ scaledSize: new window.google.maps.Size(50, 50)
+ }}
- {selectedProperty && (
-
- {
- setSelectedProperty(null);
- }}
- >
-
-
-
-
-
-
- YOU ARE NOT BUYING A HOUSE,
-YOU ARE BUYING A LIFESTYLE.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Contact Us
- -
+
+
+
+
+
+
+
+ );
+ }
+ onFirstNameChange(event) {
+ this.setState({ firstname: event.target.value });
+ }
- onNameChange(event) {
- this.setState({ name: event.target.value })
- }
+ onLastNameChange(event) {
+ this.setState({ lastname: event.target.value });
+ }
- onEmailChange(event) {
- this.setState({ email: event.target.value })
- }
+ onEmailChange(event) {
+ this.setState({ email: event.target.value });
+ }
- onMessageChange(event) {
- this.setState({ message: event.target.value })
- }
+ onMessageChange(event) {
+ this.setState({ message: event.target.value });
+ }
- handleSubmit(event) {
- }
+ handleSubmit(event) {}
}
export default Homepage;
diff --git a/src/images/logo1.png b/src/images/logo1.png
new file mode 100644
index 0000000..58c623c
Binary files /dev/null and b/src/images/logo1.png differ
diff --git a/src/listings-page/ListingsPage.js b/src/listings-page/ListingsPage.js
index 3aa80cf..4d17a58 100644
--- a/src/listings-page/ListingsPage.js
+++ b/src/listings-page/ListingsPage.js
@@ -1,16 +1,17 @@
+// eslint-disable-next-line
import React, { useState, useEffect, Component } from "react";
import {
- GoogleMap,
- withScriptjs,
+ GoogleMap,
+ withScriptjs,
withGoogleMap,
Marker,
InfoWindow
- } from "react-google-maps";
- import * as listingData from "./data/property-data.json";
- import mapStyles from "./mapStyles";
- import "./ListingsPage.css";
+} from "react-google-maps";
+import * as listingData from "./data/property-data.json";
+import mapStyles from "./mapStyles";
+import "./ListingsPage.css";
-function Map(){
+function Map() {
const [selectedProperty, setSelectedProperty] = useState(null);
@@ -19,89 +20,89 @@ function Map(){
return (
+
+
+
- );
- }
+
+
YOU ARE NOT BUYING A HOUSE,
+YOU ARE BUYING A LIFESTYLE.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact Us
+ +
-
{selectedProperty.ADDRESS}
-{selectedProperty.DESC}
-
-
-
+ />
+
+
+
+ ))}
+
+
+ {selectedProperty && (
+
+ {
+ setSelectedProperty(null);
+ }}
+ >
+
- )}
-
+
+
+
+ )}
+
+
-
-
+
+
);
}
@@ -113,12 +114,12 @@ class ListingsPage extends Component {
render() {
return (
-
+
- {selectedProperty.ADDRESS}
+{selectedProperty.DESC}
+
+
-
-
+
+
+
+
-
1
2
-
-
-
+
+
+
-
-
+
+
+
+
+ );
}
}
diff --git a/src/listings-page/mapStyles.js b/src/listings-page/mapStyles.js
index 84d724c..98b6c24 100644
--- a/src/listings-page/mapStyles.js
+++ b/src/listings-page/mapStyles.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line
export default [
{
"featureType": "all",
diff --git a/src/shared-components/navbar-component/Navbar.css b/src/shared-components/navbar-component/Navbar.css
index d7f8dda..57306c6 100644
--- a/src/shared-components/navbar-component/Navbar.css
+++ b/src/shared-components/navbar-component/Navbar.css
@@ -1,3 +1,13 @@
.Navbar{
- background-color: pink;
-}
\ No newline at end of file
+ background-color: #30475e;
+ padding-top: 20px;
+ padding-bottom: 24px;
+}
+
+.navbar-brand{
+
+ color: #5b83aa;
+ padding-left:20px;
+
+}
+
diff --git a/src/shared-components/navbar-component/Navbar.js b/src/shared-components/navbar-component/Navbar.js
index 5499ca4..8493e46 100644
--- a/src/shared-components/navbar-component/Navbar.js
+++ b/src/shared-components/navbar-component/Navbar.js
@@ -1,18 +1,19 @@
import React from "react";
import { Link, withRouter } from "react-router-dom";
import "./Navbar.css";
+import logo from "./logo2.png";
/* eslint-disable jsx-a11y/anchor-is-valid */
const Navbar = () => {
return (
/* Nav Bar */
-
+
- {/*
+ {/*
@@ -153,41 +154,45 @@ class ListingsPage extends Component {
*/}
-
-
-
-
- );
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- Map
- -
-
+
+
+
+
+
-
-
-
+
+ Map
+
+
+
+
+
+