added error page bg

.env

@@ -6,7 +6,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api
 REACT_APP_SITE_NAME='WrenchBoard'
 REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
 REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
-REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup"
+REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=ng"
 REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
 REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
 REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'

.env.development

@@ -6,7 +6,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api
 REACT_APP_SITE_NAME='WrenchBoard'
 REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
 REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
-REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup"
+REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=ng"
 REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
 REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
 REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'

.env.production

@@ -6,7 +6,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/en/wrench/api
 REACT_APP_SITE_NAME='WrenchBoard'
 REACT_APP_DASH_URL='https://users.wrenchboard.com'
 REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login"
-REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup"
+REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup?cnt=ng"
 REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
 REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
 REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'

public/index.html

@@ -25,6 +25,10 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+
+    <!-- link to font awesome -->
+    <link rel="stylesheet" href="//use.fontawesome.com/releases/v6.4.2/css/all.css">
+    
     <title>WrenchBoard</title>
     <meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
     <meta property="business:contact_data:street_address" content="Cumberland Pkwy">

src/Routes.js

@@ -5,14 +5,9 @@ import Contact from './components/Contact';
 import Error from './components/Error';
 import Loader from './components/Helper/Loader';
 import ScrollToTop from './components/Helper/ScrollToTop';
-// import HomeEight from './components/HomeEight';
-// import HomeFive from './components/HomeFive';
-// import HomeFour from './components/HomeFour';
 import HomeOne from './components/HomeOne';
 import HomeSeven from './components/HomeSeven';
 import HomeSix from './components/HomeSix';
-// import HomeThree from './components/HomeThree';
-// import Hometwo from './components/HomeTwo';
 import News from './components/News';
 import SingleNews from './components/News/SingleNews';
 import Service from './components/Service';
@@ -23,47 +18,47 @@ import Terms from './components/Service/Terms';
 import FAQ from './components/FAQ/Index';
 
 function Routes() {
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        window.scrollTo(0, 0);
-    });
-    useEffect(() => {
-        setTimeout(() => {
-            setLoading(false);
-        }, 2000);
-    });
-    return (
-        <>
-            {loading && (
-                <div className={`appie-loader ${loading ? 'active' : ''}`}>
-                    <Loader />
-                </div>
-            )}
-            <div className={`appie-visible ${loading === false ? 'active' : ''}`}>
-                <Router>
-                    <ScrollToTop>
-                        <Switch>
-                            {/*<Route exact path="/" component={HomeSix} />*/}
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  });
+  useEffect(() => {
+    setTimeout(() => {
+      setLoading(false);
+    }, 2000);
+  });
+  return (
+    <>
+      {loading && (
+        <div className={`appie-loader ${loading ? 'active' : ''}`}>
+          <Loader />
+        </div>
+      )}
+      <div className={`appie-visible ${loading === false ? 'active' : ''}`}>
+        <Router>
+          <ScrollToTop>
+            <Switch>
+              {/*<Route exact path="/" component={HomeSix} />*/}
 
-                            <Route exact path="/" component={HomeOne} />
-                            <Route exact path="/news" component={News} />
-                            <Route exact path="/blog" component={News} />
-                            <Route exact path="/use-cases" component={UseCases} />
-                            <Route exact path="/news/single-news" component={SingleNews} />
-                            <Route exact path="/service" component={Service} />
-                            <Route exact path="/terms" component={Terms} />
-                            <Route exact path="/privacy" component={Privacy} />
-                            <Route exact path="/about-us" component={AboutUs} />
-                            <Route exact path="/contact" component={Contact} />
-                            <Route exact path="/faq" component={FAQ} />
-                            <Route exact path="/error" component={Error} />
-                            <Route component={Error} />
-                        </Switch>
-                    </ScrollToTop>
-                </Router>
-            </div>
-        </>
-    );
+              <Route exact path="/" component={HomeOne} />
+              <Route exact path="/news" component={News} />
+              <Route exact path="/blog" component={News} />
+              <Route exact path="/use-cases" component={UseCases} />
+              <Route exact path="/news/single-news" component={SingleNews} />
+              <Route exact path="/service" component={Service} />
+              <Route exact path="/terms" component={Terms} />
+              <Route exact path="/privacy" component={Privacy} />
+              <Route exact path="/about-us" component={AboutUs} />
+              <Route exact path="/contact" component={Contact} />
+              <Route exact path="/faq" component={FAQ} />
+              <Route exact path="/error" component={Error} />
+              <Route component={Error} />
+            </Switch>
+          </ScrollToTop>
+        </Router>
+      </div>
+    </>
+  );
 }
 
 export default Routes;

src/assets/css/main.css

@@ -5903,6 +5903,22 @@ blockquote cite {
 
 .appie-error-area {
   padding-top: 250px;
+  width: 100%;
+  min-height: 100vh;
+  background: url("../images/wrenchng-page-notfound.jpg") center/cover;
+  position: relative;
+  /* z-index: 1; */
+}
+
+.appie-error-area::before{
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #cdcdcd;
+  opacity: 0.8;
 }
 
 .appie-error-content span {
@@ -7563,7 +7579,11 @@ blockquote cite {
 }
 
 .ab-social a.twi {
-  background: #00aced;
+  background: #fff;
+  color: #0e1133;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .ab-social a.you {

src/components/Contact/Forms.js

@@ -33,8 +33,8 @@ function Forms() {
 
        const callRet = ContactData(callData);
        console.log('You clicked submit========> '+ callRet);
+    }
 
-      }
 
 
     return (
@@ -82,7 +82,7 @@ function Forms() {
                                         <i className="fab fa-facebook-f"></i>
                                     </a>
                                     <a className="twi" href={process.env.REACT_APP_TWITTER_LINK}>
-                                        <i className="fab fa-twitter"></i>
+                                        <i className="fab fa-x-twitter"></i>
                                     </a>
                                     <a className="you" href="#">
                                         <i className="fab fa-youtube"></i>

src/components/HomeOne/FooterHomeOne.js

@@ -4,136 +4,136 @@ import logo from '../../assets/images/wrenchboard.png';
 import getConfig from './../../Config/config'
 
 function FooterHomeOne({ className }) {
-    var site = getConfig()[0];
-    let newDate = new Date().getFullYear()
+  var site = getConfig()[0];
+  let newDate = new Date().getFullYear()
 
-    return (
-        <>
-            <section className={`appie-footer-area ${className || ''}`}>
-                <div className="container">
-                    <div className="row">
-                        <div className="col-lg-4 col-md-6">
-                            <div className="footer-about-widget">
-                                <div className="logo">
-                                    <a href="#">
-                                        <img src={logo} alt="WrenchBoard" />
-                                    </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. `}
-                                </p>
-                                <a href="/service">
-                                    Read More <i className="fal fa-arrow-right" />
-                                </a>
-                                <div className="social mt-30">
-                                    <ul>
-                                        <li>
-                                            <a href={site.facebook_link}>
-                                                <i className="fab fa-facebook-f" />
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href={process.env.REACT_APP_TWITTER_LINK}>
-                                                <i className="fab fa-twitter" />
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                        <div className="col-lg-2 col-md-6">
-                            <div className="footer-navigation">
-                                <h4 className="title">Company</h4>
-                                <ul>
-                                    <li>
-                                        <Link to="/about-us">About Us</Link>
-                                    </li>
-                                    <li>
-                                        <Link to="/service">Our Services</Link>
-                                    </li>
-                                    <li>
-                                        <a href="/use-cases">Use Cases</a>
-                                    </li>
-                                    <li>
-                                        <Link to="/blog">Blog</Link>
-                                    </li>
-                                   
-                                </ul>
-                            </div>
-                        </div>
-                        <div className="col-lg-3 col-md-6">
-                            <div className="footer-navigation">
-                                <h4 className="title">Support</h4>
-                                <ul>
-                                    <li>
-                                        <Link to="/contact">Contact</Link>
-                                    </li>
-                                    <li>
-                                        <a href="/faq">Faqs</a>
-                                    </li>
-                                    <li>
-                                        <a href="https://blog.wrenchboard.com/resources/">Resources</a>
-                                    </li>
-                                    <li>
-                                        <a href="/privacy">Privacy Policy</a>
-                                    </li>
-                                    <li>
-                                        <a href="/terms">Terms of use</a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                        <div className="col-lg-3 col-md-6">
-                            <div className="footer-widget-info">
-                                <h4 className="title">Get In Touch</h4>
-                                <ul>
-                                    <li>
-                                        <a href="#">
-                                            <i className="fal fa-envelope" /> {site.support_email}
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="#">
-                                            <i className="fal fa-phone" />  404 855-7966
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="#">
-                                            <i className="fal fa-map-marker-alt" />Atlanta,GA 30339 
-                                        </a>
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="row">
-                        <div className="col-lg-12">
-                            <div className="footer-copyright d-flex align-items-center justify-content-between pt-2">
-                                <div className="apps-download-btn">
-                                    <ul>
-                                        <li>
-                                            <a href={process.env.APPLE_APP}>
-                                                <i className="fab fa-apple" /> Download for iOS
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
-                                                <i className="fab fa-google-play" /> Download for
-                                                Android
-                                            </a>
-                                        </li>
-                                    </ul>
-                                </div>
-                                <div className="copyright-text">
-                                    <p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+  return (
+    <>
+      <section className={`appie-footer-area ${className || ''}`}>
+        <div className="container">
+          <div className="row">
+            <div className="col-lg-4 col-md-6">
+              <div className="footer-about-widget">
+                <div className="logo">
+                  <a href="#">
+                    <img src={logo} alt="WrenchBoard" />
+                  </a>
                 </div>
-            </section>
-        </>
-    );
+                <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. `}
+                </p>
+                <a href="/service">
+                  Read More <i className="fal fa-arrow-right" />
+                </a>
+                <div className="social mt-30">
+                  <ul>
+                    <li>
+                      <a href={site.facebook_link}>
+                        <i className="fab fa-facebook-f" />
+                      </a>
+                    </li>
+                    <li>
+                      <a className="twi" href={process.env.REACT_APP_TWITTER_LINK}>
+                        <i className="fab fa-x-twitter"></i>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <div className="col-lg-2 col-md-6">
+              <div className="footer-navigation">
+                <h4 className="title">Company</h4>
+                <ul>
+                  <li>
+                    <Link to="/about-us">About Us</Link>
+                  </li>
+                  <li>
+                    <Link to="/service">Our Services</Link>
+                  </li>
+                  <li>
+                    <a href="/use-cases">Use Cases</a>
+                  </li>
+                  <li>
+                    <Link to="/blog">Blog</Link>
+                  </li>
+
+                </ul>
+              </div>
+            </div>
+            <div className="col-lg-3 col-md-6">
+              <div className="footer-navigation">
+                <h4 className="title">Support</h4>
+                <ul>
+                  <li>
+                    <Link to="/contact">Contact</Link>
+                  </li>
+                  <li>
+                    <a href="/faq">Faqs</a>
+                  </li>
+                  <li>
+                    <a href="https://blog.wrenchboard.com/resources/">Resources</a>
+                  </li>
+                  <li>
+                    <a href="/privacy">Privacy Policy</a>
+                  </li>
+                  <li>
+                    <a href="/terms">Terms of use</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div className="col-lg-3 col-md-6">
+              <div className="footer-widget-info">
+                <h4 className="title">Get In Touch</h4>
+                <ul>
+                  <li>
+                    <a href="#">
+                      <i className="fal fa-envelope" /> {site.support_email}
+                    </a>
+                  </li>
+                  <li>
+                    <a href="#">
+                      <i className="fal fa-phone" />  404 855-7966
+                    </a>
+                  </li>
+                  <li>
+                    <a href="#">
+                      <i className="fal fa-map-marker-alt" />Atlanta,GA 30339
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <div className="row">
+            <div className="col-lg-12">
+              <div className="footer-copyright d-flex align-items-center justify-content-between pt-2">
+                <div className="apps-download-btn">
+                  <ul>
+                    <li>
+                      <a href={process.env.APPLE_APP}>
+                        <i className="fab fa-apple" /> Download for iOS
+                      </a>
+                    </li>
+                    <li>
+                      <a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
+                        <i className="fab fa-google-play" /> Download for
+                        Android
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <div className="copyright-text">
+                  <p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </>
+  );
 }
 
 export default FooterHomeOne;

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/account_login.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';
 
 // import FirstSlide from '../../assets/images/icon/Untitledxyz.png';