batuhan-basoglu/Kene-s-Cribs-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

translations to listings

Browse source
This commit is contained in:
ruchi 2021-04-08 18:54:11 -04:00
commit ed766a9d6a
15 changed files with 21318 additions and 147 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/agent-page/AgentPage.js
View file

@ -7,6 +7,8 @@ import Agent3 from "../images/Agent3.jpg";
import Agent4 from "../images/Agent4.jpg";
import Agent5 from "../images/Agent5.jpg";
import Agent6 from "../images/Agent6.jpg";
import { withTranslation } from "react-i18next";
class AgentPage extends Component {
state = {
agents: [
@ -16,16 +18,21 @@ class AgentPage extends Component {
{ 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 },
{ 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.', id: 6 },
]
}
render() {
const { t } = this.props;
return (
<div>
<div className="center blue-text text-darken-4">
<h1 style={{ fontFamily: "Georgia" }} >Meet the Team</h1>
<h1 style={{ fontFamily: "Georgia" }} >{t("MeetTeam")}</h1>
</div>
<div className="container">
@ -41,4 +48,5 @@ class AgentPage extends Component {
}
}
export default AgentPage;
/* export default AgentPage; */
export default withTranslation()(AgentPage);

144
src/agent-page/Agents.js
View file

@ -1,31 +1,149 @@
import React from "react";
/* import {Link} from 'react-router-dom' */
import Card from "react-bootstrap/Card";
import Button from "react-bootstrap/Button";
import {Link} from 'react-router-dom'
/* import Button from "react-bootstrap/Button"; */
import { useTranslation } from 'react-i18next';
import './agent-page.css';
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";
import { withTranslation } from "react-i18next";
import { Container, Row, Col } from 'reactstrap';
const Agents = ({ agents }) => {
const agentlist = agents.map((agent) => {
const { t } = useTranslation();
/* const agentlist = agents.map((agent) => { */
return (
<div className="agent" key={agent.id}>
<div >
{}
<Row>
<Card style={{ width: "22rem", height: "42rem" }}>
<Card.Img variant="top" style={{ height: "22rem" }} src={agent.src} />
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent1} />
<Card.Body>
<Card.Title>{agent.title}</Card.Title>
<Card.Text>{agent.name}</Card.Text>
<Card.Title>{t("Mike.Title")}</Card.Title>
<Card.Text>Michael</Card.Text>
<Card.Text style={{ height: "7rem" }}>
{agent.word}
{t("Mike.Word")}
</Card.Text>
<div className="buttonfriend">
<Link to={"/contact-us/"}>
<button type="view" className="btn-small">
{t("View_Button")}
</button>
</Link>
{/* <div className="buttonfriend">
<Button variant="primary">VIEW</Button>
</div>
</div> */}
</Card.Body>
</Card>
<Card style={{ width: "22rem", height: "42rem" }}>
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent2} />
<Card.Body>
<Card.Title>{t("Regular")}</Card.Title>
<Card.Text>Jin</Card.Text>
<Card.Text style={{ height: "7rem" }}>
{t("Agent2.W")}
</Card.Text>
<Link to={"/contact-us/"}>
<button type="view" className="btn-small">
{t("View_Button")}
</button>
</Link>
{/* <div className="buttonfriend">
<Button variant="primary">VIEW</Button>
</div> */}
</Card.Body>
</Card>
<Card style={{ width: "22rem", height: "42rem" }}>
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent3} />
<Card.Body>
<Card.Title>{t("Regular")}</Card.Title>
<Card.Text>Anita</Card.Text>
<Card.Text style={{ height: "7rem" }}>
{t("Agent3.W")}
</Card.Text>
<Link to={"/contact-us/"}>
<button type="view" className="btn-small">
{t("View_Button")}
</button>
</Link>
{/* <div className="buttonfriend">
<Button variant="primary">VIEW</Button>
</div> */}
</Card.Body>
</Card>
</Row>
<Row>
<Card style={{ width: "22rem", height: "42rem" }}>
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent4} />
<Card.Body>
<Card.Title>{t("Regular")}</Card.Title>
<Card.Text>Alex</Card.Text>
<Card.Text style={{ height: "7rem" }}>
{t("Agent4.W")}
</Card.Text>
<Link to={"/contact-us/"}>
<button type="view" className="btn-small">
{t("View_Button")}
</button>
</Link>
{/* <div className="buttonfriend">
<Button variant="primary">VIEW</Button>
</div> */}
</Card.Body>
</Card>
<Card style={{ width: "22rem", height: "42rem" }}>
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent5} />
<Card.Body>
<Card.Title>{t("Regular")}</Card.Title>
<Card.Text>Xuan</Card.Text>
<Card.Text style={{ height: "7rem" }}>
{t("Agent5.W")}
</Card.Text>
<Link to={"/contact-us/"}>
<button type="view" className="btn-small">
{t("View_Button")}
</button>
</Link>
{/* <div className="buttonfriend">
<Button variant="primary">VIEW</Button>
</div> */}
</Card.Body>
</Card>
<Card style={{ width: "22rem", height: "42rem" }}>
<Card.Img variant="top" style={{ height: "22rem" }} src={Agent6} />
<Card.Body>
<Card.Title>{t("Regular")}</Card.Title>
<Card.Text>Walter</Card.Text>
<Card.Text style={{ height: "7rem" }}>
{t("Agent6.W")}
</Card.Text>
<Link to={"/contact-us/"}>
<button type="view" className="btn-small">
{t("View_Button")}
</button>
</Link>
{/* <div className="buttonfriend">
<Button variant="primary">VIEW</Button>
</div> */}
</Card.Body>
</Card>
</Row>
</div>
);
});
console.log(agentlist);
return (
/* }); */
/* console.log(agentlist); */
/* return (
<div className="agent-list">
<div className="row">
<div className="col m4">{agentlist[0]}</div>
@ -36,6 +154,6 @@ const Agents = ({ agents }) => {
<div className="col m4">{agentlist[5]}</div>
</div>
</div>
);
); */
};
export default Agents;

BIN
src/images/Agent1.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 307 KiB

Before After
Before After

BIN
src/images/Agent3.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 389 KiB

Before After
Before After

BIN
src/images/Agent4.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 82 KiB

Before After
Before After

BIN
src/images/Agent5.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 485 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Before After
Before After

BIN
src/images/Agent6.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

28
src/listings-page/single-listing-1/listing-page-1.js
View file

@ -1,19 +1,22 @@
import React from "react";
import "./listing-page-1.css";
import { Link } from "react-router-dom";
import { useTranslation } from "react-i18next";
// import house images
import house_img1 from "../../images/house3.jpg";
import house_img2 from "../../images/house1-2.jpg";
import house_img3 from "../../images/house1-3.jpg";
const ListingPage1 = () => {
const { t } = useTranslation();
return (
<div className="single-listing-1">
{/* Listing header */}
<div className="row listing-header">
<div className="col-12">
<h2 className="listing-title">
<i class="fas fa-home title-icon"></i> 8720 Russell Road
<i class="fas fa-home title-icon"></i> {t("Listing1-address")}
</h2>
</div>
</div>
@ -79,29 +82,12 @@ const ListingPage1 = () => {
{/* Description for the listing */}
<div className="description-box">
<h2 className="description-title">Description</h2>
<p className="listing-description">
RUN DON'T WALK to this beautiful former Jayman show home. This home
has every feature and convenience you could want in a home. When you
enter you will be greeted with a large entry way, open concept main
floor with a very spacious chef-like kitchen, the big eat in dinning
area is an entertainers dream and plenty of room in the living room as
to cozy up to the fireplace. When you head upstairs the owner 's suite
will impress with a gorgeous ensuite consisting of a large soaker tub,
oversized shower, separate vanities, in-floor heating and 2 separate
closest. You will also find a nice sized flex room, spacious laundry
room up stairs, 4 piece main bathroom and 2 more bedrooms. Then head
downstairs where you will find another bedroom, bathroom and Theatre
room with wet bar and beverage station that is perfect for any movie
lover. Must not forget that this home is air conditioned, has front
and back irrigation outside and speakers throughout the house. All of
this can be yours in the lake community of Auburn Bay close to all
amenities and year round lake access just a short distance away
</p>
<h2 className="description-title">{t("Listing-description-header")}</h2>
<p className="listing-description">{t("Listing1-description")}</p>
<div className="booking-btn">
<Link to="/contact-us">
<button type="button" class="btn btn-lg btn-info">
Book Showing
{t("Listing-booking-btn")}
</button>
</Link>
</div>

31
src/listings-page/single-listing-2/listing-page-2.js
View file

@ -1,19 +1,20 @@
import React from "react";
import "./listing-page-2.css";
import { Link } from "react-router-dom";
import { useTranslation } from "react-i18next";
// import house images
import house_img1 from "../../images/house2.jpg";
import house_img2 from "../../images/house2-2.jpg";
import house_img3 from "../../images/house2-3.jpg";
const ListingPage2 = () => {
const { t } = useTranslation();
return (
<div className="single-listing-2">
{/* Listing header */}
<div className="row listing-header">
<div className="col-12">
<h2 className="listing-title">
<i class="fas fa-home title-icon"></i> 1490 Youville Drive
<i class="fas fa-home title-icon"></i> {t("Listing2-address")}
</h2>
</div>
</div>
@ -79,32 +80,12 @@ const ListingPage2 = () => {
{/* Description for the listing */}
<div className="description-box">
<h2 className="description-title">Description</h2>
<p className="listing-description">
Nature at its Finest The Shores of Toney Bay are located at the mouth
of River Phillip where it meets the Northumberland Straight with
direct access to the incredible recreational waterways of River
Phillip and nature rich Toney Bay. This nature lovers paradise boasts
a plethora of migratory bird life and the rich fish stock of River
Philip. The warm waters of the Northumberland Straight are swimmable
from your shorefront, easy access to year-around activities and close
proximity to the quaint community of Pugwash make this an ideal spot
for a permeant residence or cottage. There are also ocean view /
deeded access lots available. Large lots with unobstructed views and
well away from highway noise. Swim in the warm waters at beautiful
Heather's Beach just 4km away, fly fishing in the spring on River
Phillip, book at tee time at Northumberland links, 16km away or enjoy
a day at the Luxury Fox Harb'r Resort and Spa less then 30 mins away,
and in winter enjoy skiing at Ski Wentworth a short 30 minutes drive.
Lots are flat, cleared and ready for your dream home. All septic and
building lot approvals are in place, good roads, and power to the lot
line are included. Please take a few minutes to watch the video of the
stunning Shores at Toney Bay
</p>
<h2 className="description-title">{t("Listing-description-header")}</h2>
<p className="listing-description">{t("Listing2-description")}</p>
<div className="booking-btn">
<Link to="/contact-us">
<button type="button" class="btn btn-lg btn-info">
Book Showing
{t("Listing-booking-btn")}
</button>
</Link>
</div>

26
src/listings-page/single-listing-3/listing-page-3.js
View file

@ -1,19 +1,20 @@
import React from "react";
import "./listing-page-3.css";
import { Link } from "react-router-dom";
import { useTranslation } from "react-i18next";
// import house images
import house_img1 from "../../images/house1.jpg";
import house_img2 from "../../images/house3-2.jpg";
import house_img3 from "../../images/house3-3.jpg";
const ListingPage3 = () => {
const { t } = useTranslation();
return (
<div className="single-listing-3">
{/* Listing header */}
<div className="row listing-header">
<div className="col-12">
<h2 className="listing-title">
<i class="fas fa-home title-icon"></i> 100 Charlie Rogers Place
<i class="fas fa-home title-icon"></i> {t("Listing3-address")}
</h2>
</div>
</div>
@ -79,27 +80,12 @@ const ListingPage3 = () => {
{/* Description for the listing */}
<div className="description-box">
<h2 className="description-title">Description</h2>
<p className="listing-description">
Custom, Hi-Ranch home located in sought after neighborhood in the
Heart of Petawawa. This home features 2+1 bedrooms and 4 bathrooms.
Main level features spacious foyer, hardwood staircase, gleaming
hardwood floors and open concept living. Large windows provide lots of
natural light, vaulted ceilings in living room, a spectacular spacious
kitchen with stainless steel appliances and large island. Master
bedroom with walk through closet and 3 piece en-suite with custom tile
shower and heated tile floor. Lower level features a finished rec room
with cozy gas fireplace, bedroom and 3 piece bathroom. Patio door in
foyer leads to large private backyard with no rear neighbours,
spacious wood deck and hot tub. Double attached garage completes the
package. Pack your backs and move right in! No Conveyances of offers
until Friday April 9th at 3PM however the seller has the right to view
and may accept pre-emptive offers
</p>
<h2 className="description-title">{t("Listing-description-header")}</h2>
<p className="listing-description">{t("Listing3-description")}</p>
<div className="booking-btn">
<Link to="/contact-us">
<button type="button" class="btn btn-lg btn-info">
Book Showing
{t("Listing-booking-btn")}
</button>
</Link>
</div>

32
src/listings-page/single-listing-4/listing-page-4.js
View file

@ -1,19 +1,20 @@
import React from "react";
import "./listing-page-4.css";
import { Link } from "react-router-dom";
import { useTranslation } from "react-i18next";
// import house images
import house_img1 from "../../images/house4.jpg";
import house_img2 from "../../images/house4-2.jpg";
import house_img3 from "../../images/house4-3.jpg";
const ListingPage4 = () => {
const { t } = useTranslation();
return (
<div className="single-listing-4">
{/* Listing header */}
<div className="row listing-header">
<div className="col-12">
<h2 className="listing-title">
<i class="fas fa-home title-icon"></i> 2785 8th Line Road
<i class="fas fa-home title-icon"></i> {t("Listing4-address")}
</h2>
</div>
</div>
@ -79,33 +80,12 @@ const ListingPage4 = () => {
{/* Description for the listing */}
<div className="description-box">
<h2 className="description-title">Description</h2>
<p className="listing-description">
MOVE IN READY I WALKING DISTANCE TO SHOPPING, SCHOOLS AND TRANSIT I
Conveniently located in Haysboro, you have Restaurants, Groceries,
Coffee shops, Schools and a Library all within walking distance. This
Updated Bungalow offers over 2000 square feet of developed living
space, 3 Bedrooms upstairs to accommodate almost any family and 2 down
stairs in the fully developed basement. Having a separate entrance
downstairs through the backyard makes it much easier if you ever want
to convert the basement into a suite. The double garage is even heated
with 220v plus 2 additional spaces that could be used for RV parking
or for any additional vehicles in the house. You will notice the home
has been tastefully updated over the years including a soaker tub in
the bathroom, in the kitchen your cabinetry goes right to the ceiling
for a nice finished look, granite counters and Kitchenaid appliances
and a new garburator. The entire property has a fresh coat of paint
inside and out, Newer windows and roof along with the Plumbing,
Electrical (Cat 5 connection throughout and 200amp service) has been
updated. Last but not least, the back deck already has gas and ready
for the BBQ season. With the BIG updates being done, all that is left
to do is enjoy Summer on the deck or enjoy a bonfire in your sunny
West facing backyard!
</p>
<h2 className="description-title">{t("Listing-description-header")}</h2>
<p className="listing-description">{t("Listing4-description")}</p>
<div className="booking-btn">
<Link to="/contact-us">
<button type="button" class="btn btn-lg btn-info">
Book Showing
{t("Listing-booking-btn")}
</button>
</Link>
</div>

5
src/login-page/Login.js
View file

@ -14,14 +14,15 @@ class Login extends Component {
},
};
handleLogin() {
handleLogin = (e) => {
// e.preventDefault();
// if ( !== this.state.Account.email) {
// alert("invalid");
// }
// if (password !== this.state.Account.password) {
// alert("invalid");
// }
}
};
render() {
const { t } = this.props;