Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite

src/assets/css/main.css

@@ -3042,6 +3042,38 @@ p {
   color: #9b2cfa;
 }
 
+/*===========================
+    6.On WrenchBoard Area  css
+===========================*/
+.wrench-on-area {
+  position: relative;
+  overflow: hidden;
+  z-index: 15;
+/* background-color: #fbf4fe; */
+}
+/* .wrench-on-area .traffic-thumb {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 42%;
+} */
+/* @media (max-width: 767px) {
+  .wrench-on-area .traffic-thumb {
+    display: none;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .wrench-on-area .traffic-thumb {
+    display: none;
+  }
+} */
+
+.withFadeEdge{
+  border-radius: 10px 10px 10px 10px;
+  /* box-shadow: inset 0 0 15px 25px white; */
+  box-shadow: 0 0 10px 20px #fff inset;
+}
 /*===========================
     6.APPIE TRAFFICE css 
 ===========================*/

src/components/AboutUs/HeroAbout.js

@@ -21,7 +21,7 @@ function HeroAbout() {
                         <div className="col-12">
                             <div className="appie-about-page-content">
                                 <h3 className="title">
-                                Empower Young Talent to  Earn and Learn Financial Literacy
+                                    We Empower Reward for Achievements
                                 </h3>
                                 <p>
                                 WrenchBoard prioritizes safety above all. Parents can set up family accounts to oversee their children's activities and earnings. We implement strict guidelines to ensure age-appropriate tasks and interactions, providing a worry-free space for both kids and their guardians.

src/components/AboutUs/ServicesAbout.js

@@ -11,7 +11,7 @@ function ServicesAbout() {
                         <div className="col-12 col-lg-8">
                             <div className="appie-section-title">
                                 <h3 className="appie-title">We’re driven by your values</h3>
-                                <p>The app provides design and digital marketing. </p>
+                                {/*<p>The app provides design and digital marketing. </p>*/}
                             </div>
                         </div>
                     </div>

src/components/HomeOne/FooterHomeOne.js

@@ -20,7 +20,7 @@ function FooterHomeOne({ className }) {
                                     </a>
                                 </div>
                                 <p>
-                                    {`It is simple. You can do something that somebody is ready to pay you for. WrenchBoard is the platform to connect you with earning opportunities. `}
+                                    {`It is simple. You can set goals, task, or anything that need to be done and reward accomplishment. WrenchBoard is the platform to connect opportunities. `}
                                 </p>
                                 <a href="/service">
                                     Read More <i className="fal fa-arrow-right" />

src/components/HomeOne/ServicesHomeOne.js

@@ -17,7 +17,7 @@ function ServiceItem({ icon, title, description, index }) {
 }
 
 function ServicesHomeOne({ className }) {
-  const serviceTitle = ""
+  const serviceTitle = "Set Goals and Rewards to Inspire";
   const serviceItems = [
     {
       icon: IconOne,
@@ -42,7 +42,7 @@ function ServicesHomeOne({ className }) {
   ];
 
   return (
-    <section className={`appie-service-area pt-90 pb-50 ${className}`} id="service">
+    <section className={`appie-service-area pt-10 pb-50 ${className}`} id="service">
       <div className="container">
         <div className="row justify-content-center">
           <div className="col-lg-8">

src/components/HomeOne/TrafficHomeTwo.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import thumb from '../../assets/images/PerformingTaskNew.png';
+//import thumb from '../../assets/images/PerformingTaskNew.png';
+import thumb from '../../assets/images/PerformingTask2.jpg';
 import getConfig from './../../Config/config'
 
 function TrafficHomeOne() {
   var site = getConfig()[0];
   return (
-    <section className="appie-traffic-area pt-140 pb-180">
+    <section className="wrench-on-area pt-140 pb-180">
       <div className="container">
         <div className="row">
           <div className="col-lg-7">
@@ -34,17 +35,30 @@ function TrafficHomeOne() {
                             </div> */}
             </div>
           </div>
+          <div className="traffic-thumb d-none d-lg-flex col-lg-5 justify-content-center align-items-center">
+            <div className='position-relative d-flex'>
+              <div className='withFadeEdge position-absolute bg-transparent w-100 h-100' style={{zIndex: '1'}}></div>
+                <img
+                  className="position-relative wow animated fadeInRight p-1"
+                  data-wow-duration="2000ms"
+                  data-wow-delay="200ms"
+                  src={thumb}
+                  alt=""
+                  style={{zIndex: '0'}}
+                />
+            </div>
+          </div>
         </div>
       </div>
-      <div className="traffic-thumb ">
+      {/* <div className="traffic-thumb">
         <img
-          className="wow animated fadeInRight"
+          className="withFadeEdge wow animated fadeInRight"
           data-wow-duration="2000ms"
           data-wow-delay="200ms"
           src={thumb}
           alt=""
         />
-      </div>
+      </div> */}
     </section>
   );
 }