section padding reduced

public/assets/images/apps/family.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 32 32" id="Family"><path d="M26.305 22.723a4.972 4.972 0 0 0-3.176-8.71 9.917 9.917 0 0 0-3.438-2.292 6 6 0 1 0-7.382 0 9.917 9.917 0 0 0-3.438 2.292 4.972 4.972 0 0 0-3.171 8.71A8.005 8.005 0 0 0 1 30a1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 8.005 8.005 0 0 0-4.695-7.277ZM26 19a3 3 0 1 1-3-3 3 3 0 0 1 3 3ZM12 7a4 4 0 1 1 4 4 4 4 0 0 1-4-4ZM6 19a3 3 0 1 1 3 3 3 3 0 0 1-3-3Zm10 7.136a8.04 8.04 0 0 0-3.695-3.413 4.949 4.949 0 0 0-1.05-8.16 7.984 7.984 0 0 1 9.49 0 4.949 4.949 0 0 0-1.05 8.16A8.04 8.04 0 0 0 16 26.136Z" fill="#4687ba" class="color000000 svgShape"></path></svg>

src/assets/css/main.css

@@ -907,6 +907,20 @@ p {
 .appie-header-area.appie-header-page-area.appie-sticky.sticky {
   background: #4687ba;
 }
+
+.wrench-logo-box {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  scroll-behavior: smooth;
+}
+
+.wrench-logo-box img {
+  max-width: 100%; /* Ensures the image doesn't overflow its container */
+  filter: brightness(1.2); /* Adjust image brightness */
+  opacity: 2.4; /* Adjust image opacity */
+}
+
+
 .appie-header-area.appie-header-7-area.appie-sticky.sticky {
   background: #290645;
 }

src/components/AboutText/AboutText.js

@@ -23,11 +23,11 @@
                             <div className="icon d-flex justify-content-center align-items-center">
                                 <img src={Design} alt="Design Icon" />
                             </div>
-                            <h4 className="designed-title">Carefully designed</h4>
+                            <h4 className="designed-title">Unlocking Potential</h4>
                             <p className="designed-description">
-                                Wrenchboard focuses on your needs and desires. 
-                                Your success is our priority, driving us to listen and adapt to your feedback.
-                                We're dedicated to enhancing our products for your convenience. It's all about you, not us.</p>
+                            At WrenchBoard, we believe age should never limit one's ability to pursue their passions and generate income. 
+                            Our platform offers a variety of categories for kids to explore and turn into profitable endeavors, 
+                            fostering financial awareness and unlocking their potential for a brighter future.</p>
                         </div>
                     </div>
 
@@ -43,11 +43,12 @@
                                         
                                         <img src={Approach} alt="Approach Icon"/>
                                     </div>
-                                    <h4 className="designed-title">Modern Approach</h4>
+                                    <h4 className="designed-title">Growing Money Mindset</h4>
                                     <p className="designed-description">
-                                        Our commitment is delivering a top-tier solution for you. 
-                                        Our aim: an intuitive, user-friendly product that continually evolves.
-                                        By focusing on you, we'll surpass expectations and make a real impact.</p>
+                                    We prioritize developing a strong money mindset in Kids. 
+                                    WrenchBoard offers a safe and supportive space for kids to explore their passions, learn new skills, and earn money. 
+                                    By instilling the value of hard work, saving, and investing, 
+                                    we aim to empower the next generation to make informed financial decisions and reach their goals.</p>
                                 </div>
                     </div>
 
@@ -61,12 +62,10 @@
                                     
                                         <img src={Interactive} alt="Interactive Icon"/>
                                     </div>
-                                    <h4 className="designed-title">User Interactive</h4>
+                                    <h4 className="designed-title">Realtime Notifications</h4>
                                     <p className="designed-description">
-                                        WrenchBoard keeps you engaged with diverse features. 
-                                        Email alerts guarantee you're always in the loop. 
-                                        Get updates your way: email, text, or push notifications . 
-                                        We've got you covered. </p>
+                                    Stay up-to-date with WrenchBoard! Our platform keeps you in the loop with convenient alerts and notifications. 
+                                    Choose your preferred method of receiving updates - email, text, or push notifications - and never miss a beat. </p>
                                 </div>
                     </div>
 
@@ -79,11 +78,12 @@
                                         <div className="icon d-flex justify-content-center align-items-center">
                                             <img src={Mobility} alt="Mobility Icon" />
                                         </div>
-                                        <h4 className="designed-title">Mobility Approach</h4>
+                                        <h4 className="designed-title">Social Media Management</h4>
                                         <p className="designed-description">
-                                            WrenchBoard's tools unite devices for seamless organization and productivity anywhere.
-                                            Manage tasks, track responses, and stay connected effortlessly. 
-                                            Experience a true mobile lifestyle with WrenchBoard!</p>
+                                        Teach youngsters the art of handling social media profiles for small enterprises,
+                                        cultivating essential marketing and communication abilities while also generating income. 
+                                        Manage tasks, track responses, and stay connected effortlessly. 
+                                        Experience a true mobile lifestyle with WrenchBoard!</p>
                                     </div>
                     </div>
 
@@ -97,11 +97,11 @@
                                         
                                         <img src={Seamless} alt="Seamless Icon"/>
                                     </div>
-                                    <h4 className="designed-title">Seamless Sync</h4>
+                                    <h4 className="designed-title">Inspiring Future Leaders</h4>
                                     <p className="designed-description"> 
-                                        WrenchBoard simplifies cross-platform activity management. 
-                                        Our features sync seamlessly on desktop, tablet, and phone, ensuring organization and productivity.
-                                        No more app hopping . WrenchBoard streamlines the process.</p>
+                                    By offering a platform for kids to earn, learn, and contribute, 
+                                    WrenchBoard is nurturing the next generation of entrepreneurs, creators, and leaders. 
+                                    We're sowing the seeds of ambition and self-confidence, preparing them for a brighter future.</p>
                                 </div>
                     </div>
 

src/components/AboutUs/HeroAbout.js

@@ -26,7 +26,7 @@ function HeroAbout() {
                                 <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.
                                 We believe that earning should go hand in hand with learning. As kids complete projects and earn, they also acquire essential life skills such as financial literacy, time management, and effective communication. WrenchBoard isn't just about making money; it's about fostering holistic growth.
-                                Learn more at <a href={process.env.REACT_APP_DASH_URL}>www.WrenchBoard.com</a>
+                                <p>Learn more at <a href={process.env.REACT_APP_DASH_URL}>www.WrenchBoard.com</a></p>
                                 </p>
                                
                             </div>

src/components/HomeOne/BlogHomeOne.js

@@ -8,7 +8,7 @@ import Blogs from '../News/Blogs';
 function BlogHomeOne() {
     return (
         <>
-            <section className="appie-blog-area pt-90 pb-95">
+            <section className="appie-blog-area pt-45 pb-95">
                 <div className="container">
                     <div className="row">
                         <div className="col-lg-12">

src/components/HomeOne/HeroHomeOne.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import heroThumbOne from '../../assets/images/app-thumb-1.png';
+import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
+
 import heroThumbTwo from '../../assets/images/app-pic.png';
 import shapeTwo from '../../assets/images/shape/shape-2.png';
 import shapeThree from '../../assets/images/shape/shape-3.png';
@@ -48,7 +50,7 @@ function HeroHomeOne() {
                                     {/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
                                     <div style={{width: '350px', margin: 'auto'}}>
                                         <CustomSlider
-                                            images={[heroThumbOne, heroThumbOne, heroThumbOne]}
+                                            images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
                                             speed='5'
                                             indicatorColor='#333'
                                         />

src/components/HomeOne/ServicesHomeOne.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import IconOne from '../../assets/images/icon/usericon.png';
-import IconTwo from '../../assets/images/icon/Findtaskicon.png';
-import IconThree from '../../assets/images/icon/taskicon.png';
-import IconFour from '../../assets/images/icon/walleticon.png';
+import IconOne from '../../assets/images/icon/play.png';
+import IconTwo from '../../assets/images/icon/task.png';
+import IconThree from '../../assets/images/icon/target.png';
+import IconFour from '../../assets/images/icon/reward.png';
 
 function ServiceItem({ icon, title, description, index }) {
   return (
@@ -22,22 +22,22 @@ function ServicesHomeOne({ className }) {
     {
       icon: IconOne,
       title: 'Free Account',
-      description: 'Join WrenchBoard. Create an account for Income.',
+      description: 'Join WrenchBoard. Get your free account.',
     },
     {
       icon: IconTwo,
-      title: 'Find Task',
-      description: 'Build a Self-Portfolio with sole purpose to Cash-Out.',
+      title: 'Set Goals',
+      description: 'Suggest or find what you want to get rewarded for.',
     },
     {
       icon: IconThree,
       title: 'Complete',
-      description: 'Organize and Manage your teams efficiently. Manage your workgroup.',
+      description: 'Complete task, and notify assigner with ease.',
     },
     {
       icon: IconFour,
-      title: 'Get Paid',
-      description: 'Start Boosting your Income by earning Cash for your Time and Skills.',
+      title: 'Reward',
+      description: 'Task completed. Find your reward.',
     },
   ];
 

src/components/HomeOne/TrafficHomeTwo.js

@@ -6,7 +6,7 @@ import getConfig from './../../Config/config'
 function TrafficHomeOne() {
   var site = getConfig()[0];
   return (
-    <section className="wrench-on-area pt-140 pb-180">
+    <section className="wrench-on-area pt-90 pb-45">
       <div className="container">
         <div className="row">
           <div className="col-lg-7">

src/components/News/HeaderNews.js

@@ -16,7 +16,7 @@ function HeaderNews({ action }) {
                     <div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
                         <div className="row align-items-center">
                             <div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
-                                <div className="appie-logo-box">
+                                <div className="wrench-logo-box">
                                     <a href="/">
                                         <img src={logo} alt="" />
                                     </a>

src/components/Service/HeaderService.js

@@ -12,7 +12,7 @@ function HeaderService({ action }) {
                     <div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
                         <div className="row align-items-center">
                             <div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
-                                <div className="appie-logo-box">
+                                <div className="wrench-logo-box">
                                     <a href="/">
                                         <img src={logo} alt="" />
                                     </a>

src/components/UseCases/HeaderNews.js

@@ -17,7 +17,7 @@ function HeaderNews({ action }) {
                     <div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
                         <div className="row align-items-center">
                             <div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
-                                <div className="appie-logo-box">
+                                <div className="wrench-logo-box">
                                     <a href="/">
                                         <img src={logo} alt={process.env.REACT_APP_SITE_NAME} />
                                     </a>