Iraq-WBC-Capstones-2020 · MohammedAlabd · Aug 16, 2020 · Aug 15, 2020 · Aug 15, 2020
diff --git a/public/locales/ar/translation.json b/public/locales/ar/translation.json
@@ -10,52 +10,67 @@
       "sara": {
         "fullName": "سارة الطائي",
         "bio": "من الحقائق الراسخة أن القارئ سيشتت انتباهه لمحتوى المقروءمن الصفحة عند النظر في تخطيطها. الهدف من استخدام LoremIpsum هو ذلك لديه توزيع طبيعي أكثر أو أقل من الحروف ، مثل يعارض استخدامالمحتوى هنا.",
-        "specailty": "مصممة",
-        "pic": "pic6.jpg",
-        "id": "1"
+        "specailty": "مصممة"
       },
 
       "neven": {
         "fullName": "نيڤين بدر",
         "bio": "من الحقائق الراسخة أن القارئ سيشتت انتباهه لمحتوى المقروءمن الصفحة عند النظر في تخطيطها. الهدف من استخدام LoremIpsum هو ذلك لديه توزيع طبيعي أكثر أو أقل من الحروف ، مثل يعارض استخدامالمحتوى هنا.",
-        "specailty": "مصممة",
-        "pic": "pic1.jpg",
-        "id": "2"
+        "specailty": "مصممة"
       },
       "dunia": {
         "fullName": "دنيا ناصر",
         "bio": "من الحقائق الراسخة أن القارئ سيشتت انتباهه لمحتوى المقروءمن الصفحة عند النظر في تخطيطها. الهدف من استخدام LoremIpsum هو ذلك لديه توزيع طبيعي أكثر أو أقل من الحروف ، مثل يعارض استخدامالمحتوى هنا.",
-        "specailty": "مصممة",
-        "pic": "pic2.jpg",
-        "id": "3"
+        "specailty": "مصممة"
       },
       "qays": {
         "fullName": "قيس اياد",
         "bio": "من الحقائق الراسخة أن القارئ سيشتت انتباهه لمحتوى المقروءمن الصفحة عند النظر في تخطيطها. الهدف من استخدام LoremIpsum هو ذلك لديه توزيع طبيعي أكثر أو أقل من الحروف ، مثل يعارض استخدامالمحتوى هنا.",
-        "specailty": "مصمم",
-        "pic": "pic3.jpg",
-        "id": "4"
+        "specailty": "مصمم"
       },
       "zeena": {
         "fullName": "زينة كريم",
         "bio": "من الحقائق الراسخة أن القارئ سيشتت انتباهه لمحتوى المقروءمن الصفحة عند النظر في تخطيطها. الهدف من استخدام LoremIpsum هو ذلك لديه توزيع طبيعي أكثر أو أقل من الحروف ، مثل يعارض استخدامالمحتوى هنا.",
-        "specailty": "مصممة",
-        "pic": "pic4.jpg",
-        "id": "5"
+        "specailty": "مصممة"
       },
       "zaniab": {
         "fullName": "زينب سعود",
         "bio": "من الحقائق الراسخة أن القارئ سيشتت انتباهه لمحتوى المقروءمن الصفحة عند النظر في تخطيطها. الهدف من استخدام LoremIpsum هو ذلك لديه توزيع طبيعي أكثر أو أقل من الحروف ، مثل يعارض استخدامالمحتوى هنا.",
-        "specailty": "مصممة",
-        "pic": "pic5.jpg",
-        "id": "6"
+        "specailty": "مصممة"
       }
     },
 
     "aboutSection": {
       "aboutUs": "معلومات عنا",
       "aboutUsText": "من الحقائق الراسخة أن القارئ سيشتت انتباهه من خلال المحتوى المقروء للصفحة عند النظر في تصميمها. والغرض من استخدام Lorem Ipsum هو أنه يحتوي على توزيع عادي للرسائل بشكل أو بآخر ، بدلاً من استخدام المحتوى هنا. من الحقائق الثابتة أن القارئ سيشتت انتباهه بسبب المحتوى المقروء للصفحة عند النظر في تصميمه. الهدف من استخدام Lorem Ipsum هو أنه يحتوي على توزيع عادي إلى حد ما من رسائل ، على عكس استخدام المحتوى hereh. ",
       "readMoreButton": "اقرا المزيد"
+    },
+    "services": {
+      "header": "خدماتنا",
+      "reservations": {
+        "title": "الحجز مسبقا ",
+        "explanation": "احجز عبر الإنترنت الكتب التي تريدها ، ثم ادفع واستلم من المتجر ، يمكننا أن نحصل لك على أي كتاب تريد نسخة منه أو كتاب موقّع"
+      },
+      "PrepaidPickup": {
+        "title": "Prepaid Pickup",
+        "explanation": "اطلب وادفع عبر الإنترنت ، ثم استلم من المتجر اطلب استلام عند الطلب لشحنات UPS الأرضية والجوية والدولية الخاصة بك"
+      },
+      "MailOrder": {
+        "title": "طلب بالبريد",
+        "explanation": "إذا تم شحنها مباشرة إلى منزلك عبر UPS ، يمكننا الوصول إليك في أي مكان ، لذا اطلب الآن ، وأحيانًا يكون لدينا خصومات وأيضًا لمن يشتري أكثر من 3 كتب ستحصل على شحن مجاني "
+      },
+      "StudentHelper": {
+        "title": "مساعد الطالب",
+        "explanation": "ساعد الطلاب في العثور على الكتب ، وأدلة الحلول ، والأوراق السابقة وما إلى ذلك ، والمحاضرات التي أوصى بها مدرسو الدورة التدريبية ، وساعدهم في جميع المجالات أو الاستشارة "
+      },
+      "GiftCards": {
+        "title": "بطاقات الهدايا",
+        "explanation": "بطاقة الهدايا هي بطاقة خصم مسبقة الدفع تحتوي على مبلغ محدد من المال المتاح للاستخدام في مجموعة متنوعة من عمليات الشراء"
+      },
+      "SignedBooks": {
+        "title": "كتب موقعة ",
+        "explanation": "يمكن لكتاب موقّع من مؤلفك المفضل تحويل عنصر ذي قيمة شخصية إلى تذكار عزيز بقيمة مالية. سواء كان واحدًا من مئات أو واحدًا من نوعه"
+      }
     }
   },
 
@@ -80,16 +95,15 @@
       "Authors": "المؤلفيين",
       "Books": "الكتب"
     },
+    "text": "انت لست ضائع انت هنا "
+  },
 
-    "authorPage": false,
-    "footer": false,
-    "landingPage": false,
-    "navbar": false,
-    "profilePage": false,
-    "contactUSPage": false,
-    "signInPage": false,
-    "sigOutPage": false,
-    "paymentPage": false,
-    "bookPage": false
-  }
+  "footer": false,
+  "landingPage": false,
+  "navbar": false,
+  "profilePage": false,
+  "contactUSPage": false,
+  "signInPage": false,
+  "sigOutPage": false,
+  "paymentPage": false
 }
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
@@ -170,6 +170,7 @@
       "Literature & Fiction": "Literature & Fiction",
       "Business&Investing": "Business&Investing",
       "History": "History"
-    }
+    },
+    "text": " YOU ARE NOT LOST YOU ARE HERE"
   }
 }
diff --git a/src/Pages/nav.js b/src/Pages/nav.js
@@ -17,6 +17,7 @@ import {
 } from 'mdbreact';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
+import i18n from '../i18n';
 
 function NavbarPage() {
   const { t } = useTranslation();
@@ -32,6 +33,9 @@ function NavbarPage() {
       pathname: '/login',
     });
 
+  function hanndleClick(Lang) {
+    i18n.changeLanguage(Lang);
+  }
   const toggleCollapse = () => setIsOpen((oldState) => !oldState);
   return (
     <>
@@ -60,9 +64,15 @@ function NavbarPage() {
                     </div>
                   </MDBDropdownToggle>
                   <MDBDropdownMenu className="dropdown-default">
-                    <MDBDropdownItem href="#!">عربي</MDBDropdownItem>
-                    <MDBDropdownItem href="#!">كوردى</MDBDropdownItem>
-                    <MDBDropdownItem href="#!">English</MDBDropdownItem>
+                    <MDBDropdownItem onClick={() => hanndleClick('ar')}>
+                      عربي
+                    </MDBDropdownItem>
+                    <MDBDropdownItem onClick={() => hanndleClick('ku')}>
+                      كوردى
+                    </MDBDropdownItem>
+                    <MDBDropdownItem onClick={() => hanndleClick('en')}>
+                      English
+                    </MDBDropdownItem>
                   </MDBDropdownMenu>
                 </MDBDropdown>
               </MDBNavItem>

diff --git a/src/components/AboutUs/Team.js b/src/components/AboutUs/Team.js
@@ -17,7 +17,7 @@ function TeamMembersInformation() {
     { name: 'dunia', pic: pic2, id: 3 },
     { name: 'qays', pic: pic3, id: 4 },
     { name: 'zeena', pic: pic4, id: 5 },
-    { name: 'zainab', pic: pic5, id: 6 },
+    { name: 'zaniab', pic: pic5, id: 6 },
   ];
   const teamInfo = t(`aboutPage.members`, { returnObjects: true });
   const team = members.map((member) => {

diff --git a/src/components/CarouselSection/paragraph.js b/src/components/CarouselSection/paragraph.js
@@ -1,9 +1,11 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 function Paragraph() {
+  const { t } = useTranslation();
   return (
-    <p className="font-serif text-center text-black font-bold my-12 text-5xl bgLightblue">
-      YOU ARE NOT LOST YOU ARE HERE
+    <p className="font-serif text-center text-blue-600 font-bold my-12 text-3xl bgLightblue">
+      {t('mainPage.text')}
     </p>
   );
 }

diff --git a/src/components/MainPageFirstParagraph/MainPageFirstParagraph.js b/src/components/MainPageFirstParagraph/MainPageFirstParagraph.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Paragraph() {
   return (
-    <p className="font-serif text-center text-black font-bold my-12 text-5xl bgLightblue">
+    <p className="font-serif text-center text-black font-bold my-12 text-xl bgLightblue">
       YOU ARE NOT LOST YOU ARE HERE
     </p>
   );

diff --git a/src/components/signinSignup/Form.js b/src/components/signinSignup/Form.js
@@ -6,10 +6,10 @@ export default function Form({ formData }) {
 
   return (
     <MDBCol md="5" className="mt-5 ml-5">
-      <MDBCard className="mt-5 log">
+      <MDBCard className="mt-5 log z-depth-0">
         <MDBCardBody className="mx-4">
-          <div className="text-center">
-            <h3 className="dark mb-5">
+          <div className="text-center bg-gray-400">
+            <h3 className="mb-5">
               <strong>{title}</strong>
             </h3>
           </div>
@@ -25,8 +25,8 @@ export default function Form({ formData }) {
             />
           ))}
           {extraAnchor && (
-            <p className="font-small blue-text d-flex justify-content-end pb-3">
-              <a href={extraAnchor.href} className="blue-text ml-1">
+            <p className="d-flex justify-content-end pb-3">
+              <a href={extraAnchor.href} className="ml-1">
                 {extraAnchor.title}
               </a>
             </p>
@@ -35,7 +35,7 @@ export default function Form({ formData }) {
             <MDBBtn
               type="button"
               color="blue"
-              className=" rounded-pill text-white btn-block z-depth-1a"
+              className="rounded-pill text-white z-depth-1a w-48"
             >
               {button.title}
             </MDBBtn>

diff --git a/src/components/signinSignup/SocialMediaButtons.js b/src/components/signinSignup/SocialMediaButtons.js
@@ -4,14 +4,15 @@ import { MDBCol, MDBCard, MDBCardBody } from 'mdbreact';
 export default function SocialMediaButtons() {
   return (
     <MDBCol md="5" className="mt-5">
-      <MDBCard className="mt-5 log">
+      <MDBCard className="mt-5 log z-depth-0">
         <MDBCardBody className="mx-4">
           <div className="text-center">
             <div className=" social">
               <button
                 type="button"
                 className="btn btn-gplus
-                   btn btn-danger rounded-pill"
+                   btn btn-danger rounded-pill z-depth-0 animate transition duration-500 ease-in-out  
+                   transform hover:-translate-y-1 hover:scale-110"
               >
                 <i className="fab fa-google-plus-g pr-1"></i> Login with Google
               </button>
@@ -20,7 +21,8 @@ export default function SocialMediaButtons() {
               <button
                 type="button"
                 className="btn btn-git
-                  btn btn-grey rounded-pill"
+                  btn btn-grey rounded-pill z-depth-0 animate transition duration-500 ease-in-out  
+                  transform hover:-translate-y-1 hover:scale-110"
               >
                 <i className="fab fa-github pr-1"></i> Login with Github...
               </button>
@@ -29,7 +31,8 @@ export default function SocialMediaButtons() {
               <button
                 type="button"
                 className="btn btn-fb
-                   btn btn-primary rounded-pill"
+                   btn btn-primary rounded-pill z-depth-0 animate transition duration-500 ease-in-out  
+                   transform hover:-translate-y-1 hover:scale-110"
               >
                 <i className="fab fa-facebook-f pr-1"></i>Login with Facebook
               </button>