diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 1f252df..a8aa812 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -1726,7 +1726,7 @@ p {
   }
 }
 .appie-hero-content > span {
-  color: #2b70fa;
+  color: #4687ba;
   font-size: 14px;
   font-weight: 500;
 }
@@ -5781,7 +5781,7 @@ blockquote cite {
 
 .footer-copyright {
   /* padding-top: 35px; */
-  border-top: 1px solid #e1e5ec;
+  /* border-top: 1px solid #e1e5ec; */
   margin-top: 10px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
diff --git a/src/assets/images/value-approach.png b/src/assets/images/value-approach.png
new file mode 100644
index 0000000..8f73c8f
Binary files /dev/null and b/src/assets/images/value-approach.png differ
diff --git a/src/assets/images/value-design.png b/src/assets/images/value-design.png
new file mode 100644
index 0000000..ecdfe7e
Binary files /dev/null and b/src/assets/images/value-design.png differ
diff --git a/src/assets/images/value-interactive.png b/src/assets/images/value-interactive.png
new file mode 100644
index 0000000..d02f67d
Binary files /dev/null and b/src/assets/images/value-interactive.png differ
diff --git a/src/assets/images/value-mobility.png b/src/assets/images/value-mobility.png
new file mode 100644
index 0000000..155e9c7
Binary files /dev/null and b/src/assets/images/value-mobility.png differ
diff --git a/src/assets/images/value-privacy.png b/src/assets/images/value-privacy.png
new file mode 100644
index 0000000..afa3091
Binary files /dev/null and b/src/assets/images/value-privacy.png differ
diff --git a/src/assets/images/value-seamless.png b/src/assets/images/value-seamless.png
new file mode 100644
index 0000000..61fecad
Binary files /dev/null and b/src/assets/images/value-seamless.png differ
diff --git a/src/components/AboutUs/ServicesAbout.js b/src/components/AboutUs/ServicesAbout.js
index cb0215d..e5be5e7 100644
--- a/src/components/AboutUs/ServicesAbout.js
+++ b/src/components/AboutUs/ServicesAbout.js
@@ -1,5 +1,16 @@
 import React from 'react';
 
+import Design from '../../assets/images/value-design.png'
+import Approach from '../../assets/images/value-approach.png'
+import Interactive from '../../assets/images/value-interactive.png'
+import Mobility from '../../assets/images/value-mobility.png'
+import Privacy from '../../assets/images/value-privacy.png'
+import Seamless from '../../assets/images/value-seamless.png'
+
+
+
+
+
 function ServicesAbout() {
     return (
         <>
@@ -20,8 +31,13 @@ function ServicesAbout() {
                                 data-wow-duration="2000ms"
                                 data-wow-delay="200ms"
                             >
-                                <div className="icon">
-                                    <i className="fal fa-tv"></i>
+                                <div className="icon d-flex justify-content-between align-items-end">
+                                    <div className='container'>
+                                        <i className="fal fa-tv"></i>
+                                    </div>
+                                    <div className='container'>
+                                        <img src={Design} />
+                                    </div>
                                 </div>
                                 <h4 className="title">Carefully designed</h4>
                                 <p>We listen to how the users will love to use our tools. It is always about the users</p>
@@ -33,8 +49,16 @@ function ServicesAbout() {
                                 data-wow-duration="2000ms"
                                 data-wow-delay="400ms"
                             >
-                                <div className="icon">
+                                {/* <div className="icon">
                                     <i className="fal fa-code"></i>
+                                </div> */}
+                                <div className="icon d-flex justify-content-between align-items-end">
+                                    <div className='container'>
+                                        <i className="fal fa-code"></i>
+                                    </div>
+                                    <div className='container'>
+                                        <img src={Approach} />
+                                    </div>
                                 </div>
                                 <h4 className="title">Modern Approach</h4>
                                 <p>Our target is to present a cutting-edge solution that serves the users at all times.</p>
@@ -46,8 +70,16 @@ function ServicesAbout() {
                                 data-wow-duration="2000ms"
                                 data-wow-delay="600ms"
                             >
-                                <div className="icon">
+                                {/* <div className="icon">
                                     <i className="fal fa-user-friends"></i>
+                                </div> */}
+                                <div className="icon d-flex justify-content-between align-items-end">
+                                    <div className='container'>
+                                        <i className="fal fa-user-friends"></i>
+                                    </div>
+                                    <div className='container'>
+                                        <img src={Interactive} />
+                                    </div>
                                 </div>
                                 <h4 className="title">User Interactive</h4>
                                 <p>Email, notifications, and alerts to get you engaged in the process.</p>
@@ -59,8 +91,16 @@ function ServicesAbout() {
                                 data-wow-duration="2000ms"
                                 data-wow-delay="200ms"
                             >
-                                <div className="icon">
+                                {/* <div className="icon">
                                     <i className="fal fa-mobile"></i>
+                                </div> */}
+                                <div className="icon d-flex justify-content-between align-items-end">
+                                    <div className='container'>
+                                        <i className="fal fa-mobile"></i>
+                                    </div>
+                                    <div className='container'>
+                                        <img src={Mobility} />
+                                    </div>
                                 </div>
                                 <h4 className="title">Mobility Approach</h4>
                                 <p>Web and native app solution for your continuously moving life.</p>
@@ -72,8 +112,16 @@ function ServicesAbout() {
                                 data-wow-duration="2000ms"
                                 data-wow-delay="400ms"
                             >
-                                <div className="icon">
+                                {/* <div className="icon">
                                     <i className="fal fa-retweet"></i>
+                                </div> */}
+                                <div className="icon d-flex justify-content-between align-items-end">
+                                    <div className='container'>
+                                        <i className="fal fa-retweet"></i>
+                                    </div>
+                                    <div className='container'>
+                                        <img src={Seamless} />
+                                    </div>
                                 </div>
                                 <h4 className="title">Seamless Sync</h4>
                                 <p> Changes across platforms is simplified and streamlined.</p>
@@ -85,8 +133,16 @@ function ServicesAbout() {
                                 data-wow-duration="2000ms"
                                 data-wow-delay="600ms"
                             >
-                                <div className="icon">
+                                {/* <div className="icon">
                                     <i className="fal fa-bell"></i>
+                                </div> */}
+                                <div className="icon d-flex justify-content-between align-items-end">
+                                    <div className='container'>
+                                        <i className="fal fa-bell"></i>
+                                    </div>
+                                    <div className='container'>
+                                        <img src={Privacy} />
+                                    </div>
                                 </div>
                                 <h4 className="title">Privacy</h4>
                                 <p>We truly respect your need for privacy. Our solution doesn't need to share your data to work for you.</p>
diff --git a/src/components/HomeOne/FooterHomeOne.js b/src/components/HomeOne/FooterHomeOne.js
index da738d7..3b3b4da 100644
--- a/src/components/HomeOne/FooterHomeOne.js
+++ b/src/components/HomeOne/FooterHomeOne.js
@@ -5,6 +5,7 @@ import getConfig from './../../Config/config'
 
 function FooterHomeOne({ className }) {
     var site = getConfig()[0];
+    let newDate = new Date().getFullYear()
 
     return (
         <>
@@ -124,7 +125,7 @@ function FooterHomeOne({ className }) {
                                     </ul>
                                 </div>
                                 <div className="copyright-text">
-                                    <p>Copyright © 2022 WrenchBoard. All rights reserved.</p>
+                                    <p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
                                 </div>
                             </div>
                         </div>
diff --git a/src/components/HomeOne/HeroHomeOne.js b/src/components/HomeOne/HeroHomeOne.js
index 2ad653f..90872b3 100644
--- a/src/components/HomeOne/HeroHomeOne.js
+++ b/src/components/HomeOne/HeroHomeOne.js
@@ -18,11 +18,8 @@ function HeroHomeOne() {
                             <div className="appie-hero-content">
                                 <span>Welcome To WrenchBoard..</span>
                                 <h1 className="appie-title">
-                                    Make money with any skill.
+                                    Earn Money with Any Skill.
                                 </h1>
-                                <p>
-                                    The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
-                                </p>
                                 <ul>
                                     <li>
                                         <a href={site.apple_app}>
@@ -36,6 +33,9 @@ function HeroHomeOne() {
                                         </a>
                                     </li>
                                 </ul>
+                                <p className='mt-3'>
+                                    The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
+                                </p>
                             </div>
                         </div>
                         <div className="col-lg-6">
diff --git a/src/components/HomeOne/TrafficHomeTwo.js b/src/components/HomeOne/TrafficHomeTwo.js
index d435351..5bec492 100644
--- a/src/components/HomeOne/TrafficHomeTwo.js
+++ b/src/components/HomeOne/TrafficHomeTwo.js
@@ -52,13 +52,13 @@ function TrafficHomeOne() {
                                     <p>Get your account credited when the job is completed, and the client authorizes payment.</p>
                                 </div>
                             </div>
-                            <div className="col-lg-12">
+                            {/* <div className="col-lg-12">
                                 <div className="traffic-btn mt-50">
                                     <a className="main-btn" href={site.dash_url_login}>
                                         Login <i className="fal fa-arrow-right" />
                                     </a>
                                 </div>
-                            </div>
+                            </div> */}
                         </div>
                     </div>
                 </div>