Merge pull request #36 from ArcticHawk1/Agent2

Agent2

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",
@@ -52,8 +57,15 @@
     "Contact-Submit": "Submit",
     "Contact-Error1": "Please select an item in the list.",
     "Contact-Error2": "Please fill out this field.",
-    "Contact-Error3": "Invalid email address."
+    "Contact-Error3": "Invalid email address.",
+    "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",
@@ -53,4 +64,4 @@
     "Contact-Error1": "Veuillez sélectionner un élément dans la liste.",
     "Contact-Error2": "Veuillez remplir ce champ.",
     "Contact-Error3": "Adresse e-mail invalide."
-}
+}

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;