translations to listings

public/assets/locales/en/translations.json

@@ -23,6 +23,11 @@
     "Nav_Contact_Us": "Contact Us",
     "Nav_listing_page": "listing-page",
     "Nav_Login": "Login",
+    "View_Button": "BOOK",
+    "MeetTeam": "Meet the Team",
+    "Sales_Ass": "sales assistant",
+    "Mike.Title": "Head Sales Assistant",
+    "Mike.Word": "Michael has a genuine passion for helping others and for giving back to the community.",
     "Slogan_1": "YOU ARE NOT BUYING A HOUSE, ",
     "Slogan_2": "YOU ARE BUYING A LIFESTYLE. ",
     "Info": "Click for Details",
@@ -61,14 +66,23 @@
 
     "Any": "Any",
     "Listing-Button": "Show Listing",
-    "FULL_DESCRIPTION_ENG":"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",
-
     "listing_desc": "{{desc}}",
-    "listing_address": "{{address}}"
+    "listing_address": "{{address}}",
-
-
-
-
-
 
+    "Listing1-address": "8720 Russell Road",
+    "Listing2-address": "1490 Youville Drive",
+    "Listing3-address": "100 Charlie Rogers Place",
+    "Listing4-address": "2785 8th Line Road",
+    "Listing1-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",
+    "Listing2-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",
+    "Listing3-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",
+    "Listing4-description": "Nestled in a quiet cul-de-sac in the family-friendly Ski Club/Widdifield neighbourhood, is 62 Riddle Court, a hidden gem that has everything you've been searching for - inside and out! Look up and take in the picturesque views of the escarpment, take a short walk or drive to the Laurentian Ski Hill with the family, or simply savour your very own property by having dinner on the patio, a glass of wine on the deck/balcony, and admire the breathtaking landscape (designed by an award-winning landscape artist) that wraps around your home. Lush perennials, tall grasses, interlocking brick pathways, in-ground sprinkler system and outdoor lighting make this property standout from the rest! Step inside to relish in all of the updated features this home has to offer - gleaming maple hardwood floors & stairs, updated maple kitchen cabinets, ceramic tile with in-floor radiant heat in bathrooms and office, built-in entertainment units, finished laundry room, low-maintenance composite deck off dining area, recessed lighting, updated windows, doors, insulation... the list goes on! Working from home these days? Enter the private & professional home office right off the recreation room through french doors. Enjoy the under-cabinet lighting, as well as the natural light beaming through the window with views of the backyard. Pride of ownership is obvious. Nothing left to do, but move-in! Pre-inspected for your peace of mind.",
+    "Listing-booking-btn": "Book Showing",
+    "Listing-description-header": "Description",
+    "Regular": "Sales Assistant",
+    "Agent2.W": "I have a passion for assisting clients with various real estate needs.",
+    "Agent3.W": "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.",
+    "Agent4.W": "Since getting licensed in 2010 Alex has consistently been a top producing agent in the GTA.",
+    "Agent5.W": "Xuan grew up in the GTA, and he explored many different neighborhoods in and surrounding Toronto.",
+    "Agent6.W": "Walter Henry has always been one to follow his passion. At 13 years old, he started his career as a competitive gymnast."
 }

public/assets/locales/fr/translations.json

@@ -23,6 +23,17 @@
     "Nav_Contact_Us": "Nous contacter",
     "Nav_listing_page": "page de liste",
     "Nav_Login": "Connexion",
+    "View_Button": "LIVRE",
+    "MeetTeam": "Rencontrer l'équipe",
+    "Sales_Ass": "assistant des ventes",
+    "Mike.Title": "Assistant commercial en chef",
+    "Mike.Word": "Michael a une véritable passion pour aider les autres et pour redonner à la communauté.",
+    "Regular": "Assistant des ventes",
+    "Agent2.W": "J'ai une passion pour aider les clients avec divers besoins immobiliers.",
+    "Agent3.W": "Anita a hâte de vous servir à son plein potentiel, de bâtir des relations durables et de faire de votre expérience immobilière une expérience agréable et mémorable.",
+    "Agent4.W": "Depuis l'obtention de sa licence en 2010, Alex a toujours été l'un des meilleurs agents de production dans la région du Grand Toronto.",
+    "Agent5.W": "Xuan a grandi dans la région du Grand Toronto et a exploré de nombreux quartiers différents de Toronto et des environs.",
+    "Agent6.W": "Walter Henry a toujours été du genre à suivre sa passion. À 13 ans, il a commencé sa carrière en tant que gymnaste de compétition.",
     "Slogan_1": "VOUS N'ACHETEZ PAS UNE MAISON, ",
     "Slogan_2": "VOUS ACHETEZ UN STYLE DE VIE. ",
     "Info": "Cliquer pour les détails",
@@ -62,11 +73,17 @@
     "Listing-Button": "Afficher la liste",
 
     "listing_desc": "{{desc}}",
-    "listing_address": "{{address}}"
+    "listing_address": "{{address}}",
-
-
-
-
 
 
+    "Listing1-address": "8720, chemin Russell",
+    "Listing2-address": "1490, promenade Youville",
+    "Listing3-address": "100, place Charlie Rogers",
+    "Listing4-address": "2785, chemin 8th Line",
+    "Listing1-description": "RUN NE PAS MARCHE à cette belle ancienne maison d'exposition Jayman. Cette maison a toutes les caractéristiques et commodités que vous pourriez souhaiter dans une maison. Lorsque vous entrez, vous serez accueilli par une grande entrée, un rez-de-chaussée à aire ouverte avec une cuisine très spacieuse de type chef, le grand coin repas est un rêve pour les artistes et beaucoup d'espace dans le salon cheminée. Lorsque vous montez à l 'étage, la suite du propriétaire vous impressionnera par une magnifique salle de bains comprenant une grande baignoire, une douche surdimensionnée, des vanités séparées, le chauffage au sol et 2 chambres séparées les plus proches. Vous trouverez également une chambre flexible de bonne taille, une buanderie spacieuse en haut des escaliers, une salle de bain principale de 4 pièces et 2 autres chambres. Ensuite, dirigez-vous vers le bas où vous trouverez une autre chambre, une salle de bains et une salle de théâtre avec un bar et une station de boissons, parfait pour tout amateur de cinéma. Il ne faut pas oublier que cette maison est climatisée, dispose d'irrigation avant et arrière à l'extérieur et de haut-parleurs dans toute la maison. Tout cela peut être le vôtre dans la communauté lacustre d'Auburn Bay, à proximité de toutes les commodités et d'un accès au lac toute l'année à une courte distance",
+    "Listing2-description": "La nature à son meilleur Les rives de Toney Bay sont situées à l'embouchure de la rivière Phillip, à la rencontre du détroit de Northumberland, avec un accès direct aux incroyables voies navigables récréatives de la rivière Phillip et à la riche nature de Toney Bay. Ce paradis des amoureux de la nature possède une pléthore d'oiseaux migrateurs et le riche stock de poissons de la rivière Philip. Les eaux chaudes du détroit de Northumberland sont baignables depuis votre rivage, un accès facile aux activités toute l'année et la proximité de la pittoresque communauté de Pugwash en font un endroit idéal pour une résidence permanente ou un chalet. Il y a aussi des lots avec vue sur l'océan / accès notarié disponibles. Grands terrains avec vue dégagée et bien loin du bruit de l'autoroute. Nagez dans les eaux chaudes de la magnifique plage de Heather à seulement 4 km, pêchez à la mouche au printemps sur la rivière Phillip, réservez à l'heure du départ à Northumberland links, à 16 km ou profitez d'une journée au Luxury Fox Harb'r Resort and Spa à moins de 30 minutes loin, et en hiver, profitez du ski à Ski Wentworth à 30 minutes en voiture. Les lots sont plats, dégagés et prêts pour la maison de vos rêves. Toutes les approbations de terrains septiques et à bâtir sont en place, de bonnes routes et l'alimentation électrique de la ligne de lot sont incluses. Veuillez prendre quelques minutes pour regarder la vidéo des superbes Shores à Toney Bay",
+    "Listing3-description": "Maison personnalisée Hi-Ranch située dans un quartier recherché au coeur de Petawawa. Cette maison comprend 2 + 1 chambres et 4 salles de bains. Le niveau principal comprend un hall d'entrée spacieux, un escalier en bois franc, des planchers de bois franc étincelants et un salon à aire ouverte. De grandes fenêtres offrent beaucoup de lumière naturelle, des plafonds voûtés dans le salon, une cuisine spacieuse spectaculaire avec des appareils en acier inoxydable et un grand îlot. Chambre des maîtres avec dressing et salle de bains 3 pièces avec douche carrelée sur mesure et plancher chauffant. Le niveau inférieur comprend une salle de jeux avec foyer au gaz confortable, une chambre et une salle de bains 3 pièces. La porte-patio du foyer mène à une grande cour arrière privée sans voisin arrière, une terrasse en bois spacieuse et un bain à remous. Un garage double attenant complète l'ensemble. Préparez-vous et entrez directement! Pas de transfert d'offres jusqu'au vendredi 9 avril à 15h00, mais le vendeur a le droit de consulter et peut accepter les offres de préemption",
+    "Listing4-description": "Niché dans une impasse tranquille dans le quartier familial de Ski Club / Widdifield, se trouve le 62 Riddle Court, un joyau caché qui a tout ce que vous recherchez - à l'intérieur comme à l'extérieur! Levez les yeux et admirez la vue pittoresque sur l'escarpement, faites une courte promenade ou en voiture jusqu'à la station de ski des Laurentides en famille, ou savourez simplement votre propriété en dînant sur la terrasse, un verre de vin sur la terrasse / balcon et admirez le paysage à couper le souffle (conçu par un paysagiste primé) qui entoure votre maison. Des plantes vivaces luxuriantes, de hautes herbes, des allées de briques imbriquées, un système d'arrosage dans le sol et un éclairage extérieur font de cette propriété une propriété hors du commun! Entrez pour profiter de toutes les fonctionnalités mises à jour que cette maison a à offrir - planchers et escaliers de bois franc en érable étincelant, armoires de cuisine en érable mises à jour, carreaux de céramique avec chauffage par rayonnement dans le plancher dans les salles de bains et le bureau, unités de divertissement intégrées, salle de lavage terminée , terrasse en composite à faible entretien de la salle à manger, éclairage encastré, fenêtres, portes, isolation ... la liste est longue! Travailler à domicile ces jours-ci? Entrez dans le bureau à domicile privé et professionnel juste à côté de la salle de loisirs par des portes françaises. Profitez de l'éclairage sous l'armoire, ainsi que de la lumière naturelle rayonnant à travers la fenêtre avec vue sur la cour arrière. La fierté de la propriété est évidente. Il ne reste plus rien à faire, mais emménage! Pré-inspecté pour votre tranquillité d'esprit.",
+    "Listing-booking-btn": "Présentation du livre",
+    "Listing-description-header": "La description"
 }

src/agent-page/AgentPage.js

@@ -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);

src/agent-page/Agents.js

@@ -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.Title>{t("Mike.Title")}</Card.Title>
-            <Card.Text>{agent.name}</Card.Text>
+            <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);
+  /* console.log(agentlist); */
-  return (
+ /*  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;

src/listings-page/single-listing-1/listing-page-1.js

@@ -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>
+        <h2 className="description-title">{t("Listing-description-header")}</h2>
-        <p className="listing-description">
+        <p className="listing-description">{t("Listing1-description")}</p>
-          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>
         <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>

src/listings-page/single-listing-2/listing-page-2.js

@@ -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>
+        <h2 className="description-title">{t("Listing-description-header")}</h2>
-        <p className="listing-description">
+        <p className="listing-description">{t("Listing2-description")}</p>
-          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>
         <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>

src/listings-page/single-listing-3/listing-page-3.js

@@ -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>
+        <h2 className="description-title">{t("Listing-description-header")}</h2>
-        <p className="listing-description">
+        <p className="listing-description">{t("Listing3-description")}</p>
-          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>
         <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>

src/listings-page/single-listing-4/listing-page-4.js

@@ -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>
+        <h2 className="description-title">{t("Listing-description-header")}</h2>
-        <p className="listing-description">
+        <p className="listing-description">{t("Listing4-description")}</p>
-          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>
         <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>

src/login-page/Login.js

@@ -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;