diff --git a/package-lock.json b/package-lock.json index b41fa80..2bf3d97 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3638,6 +3638,15 @@ "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", "optional": true }, + "bindings": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", + "optional": true, + "requires": { + "file-uri-to-path": "1.0.0" + } + }, "bluebird": { "version": "3.7.2", "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz", @@ -3979,6 +3988,11 @@ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.0.tgz", "integrity": "sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==" }, + "can-use-dom": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/can-use-dom/-/can-use-dom-0.1.0.tgz", + "integrity": "sha1-IsxKNKCrxDlQ9CxkEQJKP2NmtFo=" + }, "caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -4023,6 +4037,11 @@ "supports-color": "^5.3.0" } }, + "change-emitter": { + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/change-emitter/-/change-emitter-0.1.6.tgz", + "integrity": "sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=" + }, "char-regex": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz", @@ -5478,6 +5497,24 @@ "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" }, + "encoding": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", + "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", + "requires": { + "iconv-lite": "^0.6.2" + }, + "dependencies": { + "iconv-lite": { + "version": "0.6.2", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.2.tgz", + "integrity": "sha512-2y91h5OpQlolefMPmUlivelittSWy0rP+oYVpn6A7GwVHNE8AWzoYOBNmlwks3LobaJxgHCYZAnyNo2GgpNRNQ==", + "requires": { + "safer-buffer": ">= 2.1.2 < 3.0.0" + } + } + } + }, "end-of-stream": { "version": "1.4.4", "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", @@ -6619,6 +6656,35 @@ "bser": "2.1.1" } }, + "fbjs": { + "version": "0.8.17", + "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz", + "integrity": "sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=", + "requires": { + "core-js": "^1.0.0", + "isomorphic-fetch": "^2.1.1", + "loose-envify": "^1.0.0", + "object-assign": "^4.1.0", + "promise": "^7.1.1", + "setimmediate": "^1.0.5", + "ua-parser-js": "^0.7.18" + }, + "dependencies": { + "core-js": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz", + "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=" + }, + "promise": { + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", + "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", + "requires": { + "asap": "~2.0.3" + } + } + } + }, "figgy-pudding": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz", @@ -6653,6 +6719,12 @@ } } }, + "file-uri-to-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", + "optional": true + }, "filesize": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz", @@ -7147,6 +7219,11 @@ "slash": "^3.0.0" } }, + "google-maps-infobox": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/google-maps-infobox/-/google-maps-infobox-2.0.0.tgz", + "integrity": "sha512-hTuWmWZZSOxf5D/z7l3/hTF1grgRvLG53BEKMdjiKOG+FcK/kH7vqseUeyIU9Zj2ZIqKTOaro0nknxpAuRq4Vw==" + }, "graceful-fs": { "version": "4.2.6", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.6.tgz", @@ -7345,6 +7422,11 @@ "minimalistic-crypto-utils": "^1.0.1" } }, + "hoist-non-react-statics": { + "version": "2.5.5", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz", + "integrity": "sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==" + }, "hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -8167,6 +8249,15 @@ "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=" }, + "isomorphic-fetch": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz", + "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=", + "requires": { + "node-fetch": "^1.0.1", + "whatwg-fetch": ">=0.10.0" + } + }, "isstream": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz", @@ -10104,6 +10195,16 @@ "object-visit": "^1.0.0" } }, + "marker-clusterer-plus": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/marker-clusterer-plus/-/marker-clusterer-plus-2.1.4.tgz", + "integrity": "sha1-+O/3TVmdqzt9Dj/tUmTqDnBPXWc=" + }, + "markerwithlabel": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/markerwithlabel/-/markerwithlabel-2.0.2.tgz", + "integrity": "sha512-C/cbm1A0h/u54gwHk5ZJNdUU3V3+1BbCpRPMsMyFA7vF4yL+aB4rWpxACz29TpQ+cTg6/iQroExh0PMSRGtQFg==" + }, "md5.js": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz", @@ -10426,6 +10527,12 @@ "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz", "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=" }, + "nan": { + "version": "2.14.2", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz", + "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==", + "optional": true + }, "nanoid": { "version": "3.1.22", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz", @@ -10550,6 +10657,15 @@ } } }, + "node-fetch": { + "version": "1.7.3", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", + "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", + "requires": { + "encoding": "^0.1.11", + "is-stream": "^1.0.1" + } + }, "node-forge": { "version": "0.10.0", "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz", @@ -12767,6 +12883,34 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, + "react-google-maps": { + "version": "9.4.5", + "resolved": "https://registry.npmjs.org/react-google-maps/-/react-google-maps-9.4.5.tgz", + "integrity": "sha512-8z5nX9DxIcBCXuEiurmRT1VXVwnzx0C6+3Es6lxB2/OyY2SLax2/LcDu6Aldxnl3HegefTL7NJzGeaKAJ61pOA==", + "requires": { + "babel-runtime": "^6.11.6", + "can-use-dom": "^0.1.0", + "google-maps-infobox": "^2.0.0", + "invariant": "^2.2.1", + "lodash": "^4.16.2", + "marker-clusterer-plus": "^2.1.4", + "markerwithlabel": "^2.0.1", + "prop-types": "^15.5.8", + "recompose": "^0.26.0", + "scriptjs": "^2.5.8", + "warning": "^3.0.0" + }, + "dependencies": { + "warning": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz", + "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=", + "requires": { + "loose-envify": "^1.0.0" + } + } + } + }, "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -12972,6 +13116,17 @@ "picomatch": "^2.2.1" } }, + "recompose": { + "version": "0.26.0", + "resolved": "https://registry.npmjs.org/recompose/-/recompose-0.26.0.tgz", + "integrity": "sha512-KwOu6ztO0mN5vy3+zDcc45lgnaUoaQse/a5yLVqtzTK13czSWnFGmXbQVmnoMgDkI5POd1EwIKSbjU1V7xdZog==", + "requires": { + "change-emitter": "^0.1.2", + "fbjs": "^0.8.1", + "hoist-non-react-statics": "^2.3.1", + "symbol-observable": "^1.0.4" + } + }, "recursive-readdir": { "version": "2.2.2", "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz", @@ -13695,6 +13850,11 @@ "ajv-keywords": "^3.5.2" } }, + "scriptjs": { + "version": "2.5.9", + "resolved": "https://registry.npmjs.org/scriptjs/-/scriptjs-2.5.9.tgz", + "integrity": "sha512-qGVDoreyYiP1pkQnbnFAUIS5AjenNwwQBdl7zeos9etl+hYKWahjRTfzAZZYBv5xNHx7vNKCmaLDQZ6Fr2AEXg==" + }, "select-hose": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", @@ -14225,6 +14385,11 @@ "wbuf": "^1.7.3" } }, + "spectre.css": { + "version": "0.5.9", + "resolved": "https://registry.npmjs.org/spectre.css/-/spectre.css-0.5.9.tgz", + "integrity": "sha512-9jUqwZmCnvflrxFGcK+ize43TvjwDjqMwZPVubEtSIHzvinH0TBUESm1LcOJx3Ur7bdPaeOHQIjOqBl1Y5kLFw==" + }, "split-string": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", @@ -14625,6 +14790,11 @@ "util.promisify": "~1.0.0" } }, + "symbol-observable": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz", + "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==" + }, "symbol-tree": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", @@ -15091,6 +15261,11 @@ "is-typedarray": "^1.0.0" } }, + "ua-parser-js": { + "version": "0.7.26", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.26.tgz", + "integrity": "sha512-VwIvGlFNmpKbjzRt51jpbbFTrKIEgGHxIwA8Y69K1Bqc6bTIV7TaGGABOkghSFQWsLmcRB4drGvpfv9z2szqoQ==" + }, "uglify-js": { "version": "3.13.2", "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.13.2.tgz", @@ -15573,7 +15748,11 @@ "version": "1.2.13", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", - "optional": true + "optional": true, + "requires": { + "bindings": "^1.5.0", + "nan": "^2.12.1" + } }, "glob-parent": { "version": "3.1.0", @@ -16172,7 +16351,11 @@ "version": "1.2.13", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", - "optional": true + "optional": true, + "requires": { + "bindings": "^1.5.0", + "nan": "^2.12.1" + } }, "glob-parent": { "version": "3.1.0", diff --git a/package.json b/package.json index 5a6d592..789e1f1 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,9 @@ "react-bootstrap": "^1.5.2", "react-bootstrap-carousel": "^4.1.1", "react-dom": "^17.0.2", + "react-google-maps": "^9.4.5", "react-scripts": "4.0.3", + "spectre.css": "^0.5.9", "web-vitals": "^1.1.1" }, "scripts": { diff --git a/public/home-solid.svg b/public/home-solid.svg new file mode 100644 index 0000000..5b996f1 --- /dev/null +++ b/public/home-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/home.svg b/public/home.svg new file mode 100644 index 0000000..f82df04 --- /dev/null +++ b/public/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/homes-2.svg b/public/homes-2.svg new file mode 100644 index 0000000..20b0053 --- /dev/null +++ b/public/homes-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/homes-3.svg b/public/homes-3.svg new file mode 100644 index 0000000..82a9ef8 --- /dev/null +++ b/public/homes-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/index.html b/public/index.html index 91eee89..39d0714 100644 --- a/public/index.html +++ b/public/index.html @@ -55,7 +55,7 @@ crossorigin="anonymous" > - Kene's Crib + Kene's Cribs diff --git a/src/App.js b/src/App.js index 8a4cd7b..72475d5 100644 --- a/src/App.js +++ b/src/App.js @@ -7,6 +7,8 @@ import ListingsPage from "./listings-page/listings-page"; import AgentPage from "./agent-page/agent-page"; import ContactUs from "./shared-components/Contact-us/Contact-us"; +import Homepage from "./homePage/Homepage"; + class App extends Component { render() { return ( @@ -20,6 +22,9 @@ class App extends Component { + {/* */} + + ); } diff --git a/src/agent-page/AgentPage.js b/src/agent-page/AgentPage.js new file mode 100644 index 0000000..0d90622 --- /dev/null +++ b/src/agent-page/AgentPage.js @@ -0,0 +1,41 @@ +import React, { Component } from "react"; +import Agents from './Agents' +import './agent-page.css'; +import Carousel from 'react-bootstrap/Carousel' +import Agent1 from "../images/Agent1.jpg"; +import Agent2 from "../images/Agent2.jpg"; +import Agent3 from "../images/Agent3.jpg"; +import Agent4 from "../images/Agent4.jpg"; +import Agent5 from "../images/Agent5.jpg"; +import Agent6 from "../images/Agent6.jpg"; + class AgentPage extends Component { + state={ + agents: [ + + {title:'head sales assistant',name: 'Michael', src: Agent1,word:'Michael has a genuine passion for helping others and for giving back to the community.',id:1}, + {title:'sales assistant',name: 'Jin', src: Agent2,word:'I have a passion for assisting clients with various real estate needs.',id:2}, + {title:'sales assistant',name: 'Anita', src: Agent3,word:'Anita looks forward to servicing you to her fullest potential, building long-lasting relationships and making your real estate experience a smooth and memorable one.',id:3}, + {title:'sales assistant',name: 'Alex', src: Agent4,word:'Since getting licensed in 2010 Alex has consistently been a top producing agent in the GTA',id:4}, + {title:'sales assistant',name: 'Xuan', src: Agent5,word:'Xuan grew up in the GTA, and he explored many different neighborhoods in and surrounding Toronto. ',id:5}, + {title:'sales assistant',name: 'Walter', src: Agent6,word:'Walter Henry has always been one to follow his passion. At 13 years old, he started his career as a competitive gymnast.Walter will be certain that you feel informed and at ease throughout the entire process.',id:6}, + + + ] + } + render(){ + return( +
+
+

Meet the team

+
+ + +
+ ) + } + displayAgents= (agent) => { + console.log(agent); + } + +} +export default AgentPage; diff --git a/src/agent-page/Agents.js b/src/agent-page/Agents.js new file mode 100644 index 0000000..ef8b34e --- /dev/null +++ b/src/agent-page/Agents.js @@ -0,0 +1,40 @@ +import React from "react"; +import AgentPage from "./AgentPage"; +/* import {Link} from 'react-router-dom' */ +import Card from "react-bootstrap/Card"; +import Button from "react-bootstrap/Button"; + +const Agents = ({ agents }) => { + const agentlist = agents.map((agent) => { + return ( +
+ {} + + + + {agent.title} + {agent.name} + + {agent.word} + + + + +
+ ); + }); + console.log(agentlist); + return ( +
+
+
{agentlist[0]}
+
{agentlist[1]}
+
{agentlist[2]}
+
{agentlist[3]}
+
{agentlist[4]}
+
{agentlist[5]}
+
+
+ ); +}; +export default Agents; diff --git a/src/agent-page/agent-page.css b/src/agent-page/agent-page.css index e69de29..6e07d46 100644 --- a/src/agent-page/agent-page.css +++ b/src/agent-page/agent-page.css @@ -0,0 +1,19 @@ +.agentPage { + background-image: url('../images/Agent1.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: scroll; + } + + @media screen and (min-width: 992px) { + .miniHero { + background-position-y: -150px; + } + } + .center{ + height: 25vh; /* Magic here */ + background-color: yellow; + display: flex; + justify-content: center; + align-items: center; + } \ No newline at end of file diff --git a/src/agent-page/agent-page.js b/src/agent-page/agent-page.js deleted file mode 100644 index a53bbf7..0000000 --- a/src/agent-page/agent-page.js +++ /dev/null @@ -1,9 +0,0 @@ -import React, { Component } from "react"; - -class AgentPage extends Component { - render() { - return
AgentPage
; - } -} - -export default AgentPage; diff --git a/src/agent-page/workspace.code-workspace b/src/agent-page/workspace.code-workspace new file mode 100644 index 0000000..ec89ccf --- /dev/null +++ b/src/agent-page/workspace.code-workspace @@ -0,0 +1,7 @@ +{ + "folders": [ + { + "path": "../../.." + } + ] +} \ No newline at end of file diff --git a/src/homePage/Homepage.css b/src/homePage/Homepage.css new file mode 100644 index 0000000..2d082b7 --- /dev/null +++ b/src/homePage/Homepage.css @@ -0,0 +1,62 @@ +.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 new file mode 100644 index 0000000..f95a614 --- /dev/null +++ b/src/homePage/Homepage.js @@ -0,0 +1,107 @@ +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' + +class Homepage extends Component { + constructor(props) { + super(props); + this.state = { + firstname: '', + lastname: '', + email: '', + message: '' + } + } + + render() { + return ( +
+
+
+
+
+

YOU ARE NOT BUYING A HOUSE,

+

YOU ARE BUYING A LIFESTYLE.

+
+
+
+
+
+
+ + + First House + + + Second House + + + + Third House + + + +
+
+
+
+
+

Contact Us

+
+
+
+ +
+
+ +
+
+
+ +
+
+