refactor: update assets

close 189
ReCoded-Org · Aug 31, 2022 · 9963c5d · 9963c5d
1 parent d7f48f2
commit 9963c5d
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 10 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/faviconreact.ico b/public/faviconreact.ico
diff --git a/public/index.html b/public/index.html
@@ -18,7 +18,7 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
 
-  <title>React App</title>
+  <title>Reach</title>
   <!-- tailwindcss -->
   <link href="/dist/output.css" rel="stylesheet">
   <title>Teach Kids</title>

diff --git a/src/assets/AboutUs-3.jpg b/src/assets/AboutUs-3.jpg
diff --git a/src/assets/herosction.png b/src/assets/herosction.png
diff --git a/src/assets/ourValues.jpg b/src/assets/ourValues.jpg
diff --git a/src/assets/studying.jpg b/src/assets/studying.jpg
diff --git a/src/components/AboutUs/AboutUs.jsx b/src/components/AboutUs/AboutUs.jsx
@@ -1,7 +1,7 @@
 import Slider from "react-slick";
 import "./AboutUs.css";
 import aboutUsOne from "src/assets/AboutUs-1.jpg";
-import aboutUsTwo from "src/assets/AboutUs-2.jpg";
+import aboutUsTwo from "src/assets/studying.jpg";
 import aboutUsThree from "src/assets/AboutUs-3.jpg";
 import SliderArrow from "./SliderArrow/SliderArrow";
 import { useTranslation } from "react-i18next";
@@ -26,7 +26,7 @@ function AboutUs() {
     const ImgMap = {
         aboutUsOne: aboutUsOne,
         aboutUsTwo: aboutUsTwo,
-        aboutUsThree: aboutUsTwo,
+        aboutUsThree: aboutUsThree,
     };
     let reverse = "flex-row";
     let reverse1 = "lg:text-left";
@@ -71,11 +71,11 @@ function AboutUs() {
                                             {/* Text Wrapper */}
                                             <div className=' mt-8 md:break-normal  lg:w-3/4  '>
                                                 <h1
-                                                    className={`pb-4 ${reverse1} px-4  font-SourceSansPro text-xl	 font-bold tracking-wider text-white  md:text-4xl`}
+                                                    className={`pb-4 ${reverse1} px-4 font-quicksand text-xl	 font-bold tracking-wider text-white  md:text-4xl`}
                                                 >
                                                     {item.title}
                                                 </h1>
-                                                <p className='px-4 pb-12 font-SourceSansPro text-lg text-white md:text-xl'>
+                                                <p className='px-4 pb-12 font-SourceSansPro font-medium text-lg text-white md:text-xl'>
                                                     {item.description}
                                                 </p>
                                             </div>

diff --git a/src/components/HeroSection/HeroSection.jsx b/src/components/HeroSection/HeroSection.jsx
@@ -1,6 +1,7 @@
 import React from "react";
 import "../../App.css";
-import logo from "../../assets/landing_page 1.png";
+//import logo from "../../assets/landing_page 1.png";
+import logo from "../../assets/herosction.png"
 import { Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import "./style.css";
@@ -17,7 +18,7 @@ function HeroSection() {
                             <h1 className=' mb-6 text-center  font-quicksand text-8xl font-semibold text-blue-dark md:text-start'>
                                 {t("home.hero.title")}
                             </h1>
-                            <h1 className='my-12 mb-4 text-center font-SourceSansPro text-2xl font-bold leading-5 tracking-wider text-blue-dark md:text-start md:text-4xl'>
+                            <h1 className='my-12 mb-4 text-center font-quicksand text-2xl font-bold leading-5 tracking-wider text-blue-dark md:text-start md:text-4xl'>
                                 {t("home.hero.description")}
                             </h1>
 

diff --git a/src/components/OurValues/OurValues.jsx b/src/components/OurValues/OurValues.jsx
@@ -1,7 +1,7 @@
 import Slider from "react-slick";
 import "./Values.css";
 import volunteerPic from "src/assets/volunteer.jpg";
-import teachPic from "src/assets/Teach.jpg";
+import teachPic from "src/assets/ourValues.jpg";
 import trustPic from "src/assets/Trust.jpg";
 import SliderArrow from "./SliderArrow/SliderArrow";
 
@@ -25,8 +25,8 @@ function OurValues() {
     const [t] = useTranslation();
     const ImgMap = {
         volunteerPic: volunteerPic,
-        teachPic: teachPic,
         trustPic: trustPic,
+        teachPic: teachPic,
     };
     let reverse = "flex-row";
     let reverse1 = "lg:text-left";
@@ -69,7 +69,7 @@ function OurValues() {
                                                 >
                                                     {item.title}
                                                 </h1>
-                                                <p className='pb-12 font-SourceSansPro text-lg text-blue-dark md:text-xl'>
+                                                <p className='pb-12 font-SourceSansPro font-bold text-lg text-blue-dark md:text-xl'>
                                                     {item.description}
                                                 </p>
                                             </div>