image blended with container bg

Merge branch 'header-nav-revert' of WrenchBoard/WrenchBoardMainSite into master
reverted header component
2023-08-15 23:04:16 +01:00 · 2023-08-15 21:26:51 +00:00 · 2023-08-15 21:52:31 +01:00 · 2023-08-15 20:18:50 +00:00 · 2023-08-15 20:42:02 +01:00 · 2023-08-15 19:57:27 +01:00
78 changed files with 668 additions and 411 deletions
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.png" />
+    <link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
@@ -26,7 +26,7 @@
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title>WrenchBoard</title>
-    <meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
+    <meta property="og:image" content="%PUBLIC_URL%/favicon-32x32.png" />
    <meta property="business:contact_data:street_address" content="Cumberland Pkwy">
    

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
@@ -44,6 +44,7 @@ function Routes() {
                    <ScrollToTop>
                        <Switch>
                            <Route exact path="/" component={HomeOne} />
+                            <Route exact path="/eoffer" component={HomeOne} />
                            <Route exact path="/news" component={News} />
                            <Route exact path="/blog" component={News} />
                            <Route exact path="/use-cases" component={UseCases} />
@@ -1,212 +1,8 @@
-// http://172.31.4.19:8000/wordpress-data
-
-//import React from 'react';
 import Axios from 'axios';

-function BlogData() {
-
-    console.log("~~~~~~~~ ameye 009 ~~~~~~~~~");
-var res = null;
-   const getWrenchBoardBlog = () => {
-        Axios.get("http://10.0.0.52:5101/wp/wrenchboard/", {
-            headers: { 
-                'Access-Control-Allow-Origin' : '*',
-                'Access-Control-Allow-Credentials':true,
-                'crossorigin':true,
-                'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',
-              },
-            responseType: "json",
-          }).then((response) => {
-           console.log(response);
-           res = response;
-           console.log("~~~~~~~~ ameye ~~~~~~~~~");
-           return response;
-          // console.log(blogResultData);
-        });
-    }
-
-  /*  return (
-        <>
-            Ameye
-        </>
-    );
-*/
-getWrenchBoardBlog();
-
-//console.log(getWrenchBoardBlog());
-
-//console.log("Ameye got here");
- //   return blogResultData; // getWrenchBoardBlog();
-
- var res1  =[
-    {
-        "id": 78,
-        "ID": 78,
-        "post_author": 1,
-        "post_date": "2018-06-25T18:54:22.000Z",
-        "post_date_gmt": "2018-06-25T18:54:22.000Z",
-        "post_content": "Globalization spells danger for the type of jobs that will be available at graduation. The nature of jobs changes so often that it could frustrate for the students. The changes also present new opportunities. Globalization also ensures that job can come anonymously from any part of the world and transaction can be completed privately.\n\nThis is where <a href=\"https://www.wrenchboard.com\">WrenchBoard </a>comes in, rather than focus on your primary education as your source of income, the new economy will look at your skills as this guide.  Your question is to self-examine and attributes values to what you have that others need to make their own or goal complete.\n\nUniversity students can earn extra income along with their regular educational and school work by taking part-time tasks online. To get a project up and running there are a lot of components of service that every business goes through and there are those tasks that students can attend to. Students are in best position to do an initial critique of sites, write articles that bear innocence or interest meddling or test an app for a company in beta phase.\n\nThe online nature of the jobs gives the student the necessary flexibility to operate and added the benefit of interacting with people that don’t think like them, it is an opportunity for the larger world. It is getting very hard to manufacture excuses for not to be involved with one online job or the other when the opportunities and the capabilities collide. A student should be made aware of the fact that life is going to get busier once the excuse of the school is removed.\n\nThere are many jobs students can easily do online\n<ul>\n \t<li>\tOnline marketing  - most students have Facebooks and other social environments with tons of friends or connection. Somebody on this planet needs that profile or demography and will be will to pay for it if there is a way to do so</li>\n \t<li>\nTeaching - being a student also has the benefit of living in environment where you play with commercial tools, somebody have question about those tools you are playing with that they are willing to pay for - for example, student work with expensive robots in labs and an industrial hand may have questions that you can check out in your experiment environment</li>\n \t<li>\nWriting Articles/Blogging -</li>\n \t<li>\nSurveys/Research</li>\n \t<li>Campaigns</li>\n</ul>",
-        "post_title": "Online Jobs for University Students",
-        "post_excerpt": "",
-        "post_status": "publish",
-        "comment_status": "open",
-        "ping_status": "open",
-        "post_password": "",
-        "post_name": "online-jobs-university-students",
-        "to_ping": "",
-        "pinged": "",
-        "post_modified": "2022-01-22T03:39:48.000Z",
-        "post_modified_gmt": "2022-01-22T03:39:48.000Z",
-        "post_content_filtered": "",
-        "post_parent": 0,
-        "guid": "https://blog.wrenchboard.com/?p=78",
-        "menu_order": 0,
-        "post_type": "post",
-        "post_mime_type": "",
-        "comment_count": 0,
-        "meta_value": "2022/01/universitty.jpg"
-    },
-    {
-        "id": 41,
-        "ID": 41,
-        "post_author": 1,
-        "post_date": "2017-11-23T14:05:51.000Z",
-        "post_date_gmt": "2017-11-23T14:05:51.000Z",
-        "post_content": "There are different types of online jobs and some pay more money than others do while some typing jobs may need special equipment, education, or training in order to do them. The advantage of an online job is that you can work at any time of the day around your personal schedule. You can even work in the evening or at night.\n\nYour income from an online job will also depend on the kind of job you do, your experience and your skills.\n\n<strong>Price management</strong>\n\nFirstly, you will need to establish the services you will offer your clients and a business essentially succeeds by filling a void or a niche in the market.\n\nEnsure you are familiar with the different online jobs out there as each job category pays differently. The categories of online jobs include Copywriting, SEO copywriting, Content writing, Proofreading, editing, freelance writing, social media marketing and professional blogging. You do not have to work in one field only; you can work in various fields. Research on how much each field pays; this is so you do not sell yourself short and earn less money than you should be earning.\n\nAlways do your best work for every project as the quality of your work will speak for you and you can gauge your prices better while establishing your reputation.\n\nNetworking is also essential both online and in person. You can use social media platforms like LinkedIn to network online. The more you work towards being noticed, the more clients and projects you will get.\n\n<strong>Time management </strong>\n\nWorking an online business means, you will be working from home in most cases and time management is an essential part of working online. Here are a few tips to help you manage your time better with an online job.\n<ul>\n \t<li>Remove all the extra tabs from your web browser, as they can be reminders of the fact that the internet is a vast wormhole of your attention. Open fewer tabs if you want to have a more productive workday.</li>\n \t<li>Remove papers from your desktop as a ton of paperwork on your desktop could discourage you from remaining focused. Ensure you clear your desktop after each workday.</li>\n \t<li>Avoid social media interruptions as social media can hinder your productivity if you do not practice mindfulness. You can set up a specific time to socialize before your workday begins or just before retiring after your workday.</li>\n \t<li>Block any needless distractions because at times pure silence might be all you need to do to enhance your production. Turn your radio, television, or telephone off. Avoid visiting any social media platforms, ignore email notifications, and even close your browser.</li>\n \t<li>Select the best time for you to work; you may find that you are more productive during certain hours of the day. Find out what your optimal time frame is and work during said hours so that you get more work done. Most importantly, ensure you follow your schedule strictly.</li>\n</ul>\n&nbsp;",
-        "post_title": "Time and price management when working an online job",
-        "post_excerpt": "",
-        "post_status": "publish",
-        "comment_status": "open",
-        "ping_status": "open",
-        "post_password": "",
-        "post_name": "time-price-management-working-online-job",
-        "to_ping": "",
-        "pinged": "",
-        "post_modified": "2022-01-22T03:35:09.000Z",
-        "post_modified_gmt": "2022-01-22T03:35:09.000Z",
-        "post_content_filtered": "",
-        "post_parent": 0,
-        "guid": "https://blog.wrenchboard.com/?p=41",
-        "menu_order": 0,
-        "post_type": "post",
-        "post_mime_type": "",
-        "comment_count": 0,
-        "meta_value": "2022/01/time_manageent.jpg"
-    },
-    {
-        "id": 39,
-        "ID": 39,
-        "post_author": 1,
-        "post_date": "2017-11-23T14:04:49.000Z",
-        "post_date_gmt": "2017-11-23T14:04:49.000Z",
-        "post_content": "Content syndication involves methods of content republication on other websites so you can reach a wider audience. Syndication of your content is a great way to enhance your brand awareness and your reach, direct traffic to your article, and build links. The internet is vast and it is not reasonable to assume that everyone you want to reach will read your content simply because you published it on your own site. Syndicating your content gets it to a different audience who might have never known it was there in the first place. Content syndication is a good and cheap way to further your content. It is a content marketing strategy. There are 4 kinds of content syndication you should know of:\n<ol>\n \t<li><strong>Syndicating content (3rd party) on your website </strong></li>\n</ol>\nPublishers can ask different websites for permission to display their content on your website or blog. Your site should have roughly 10% syndicated content ideally. Even though it might be unoriginal, it is always good to feature useful content that your readers will find beneficial and worth reading. It is difficult to find great authors committed to writing content for you when you run a website or blog with multiple authors. Ask an influencer on whether you can feature their existing content as a reasonable resolution. Syndicated content diversifies your site content instantly by highlighting something valuable and new to your target audience.\n<ol start=\"2\">\n \t<li><strong>Syndicating your content on other blogs or websites</strong></li>\n</ol>\nPublishers can syndicate their content to be displayed on another partner website or sites. You can either create content that is not original for your partner who will just be republishing your content. Alternatively, you can agree on a split which both sides find acceptable i.e. you can give them syndicated content for one month and produce original content the next month. If the agreement calls for 1-4 posts monthly, one of them must at least be original.\n<ol start=\"3\">\n \t<li><strong>Publish your content on websites syndicating their content</strong></li>\n</ol>\nAnother way to syndicate your content is by contributing regularly to websites already syndicating their content. Think of it this way, if you are publishing your content for a specific website on a regular basis and they are content syndicators, their content would also end up on other significant partner websites.\n<ol start=\"4\">\n \t<li><strong>Self-service syndication</strong></li>\n</ol>\nPublishers are also able to syndicate their own content with Medium as a great place to start with this endeavor. Medium allows you to import your already existing content from the internet edit, format, and publishing it. It allows you to run your own publications using minimal effort. LinkedIn is another platform you can use to republish your own website content so it reaches a bigger audience.\n\nYou have tools available at your disposal that can help you get your content to a wider target audience while enhancing traffic to your website, establishing a stronger following, and developing your reputation.",
-        "post_title": "How to use syndication techniques to promote your articles online",
-        "post_excerpt": "",
-        "post_status": "publish",
-        "comment_status": "open",
-        "ping_status": "open",
-        "post_password": "",
-        "post_name": "use-syndication-techniques-promote-articles-online",
-        "to_ping": "",
-        "pinged": "",
-        "post_modified": "2022-01-22T03:28:35.000Z",
-        "post_modified_gmt": "2022-01-22T03:28:35.000Z",
-        "post_content_filtered": "",
-        "post_parent": 0,
-        "guid": "https://blog.wrenchboard.com/?p=39",
-        "menu_order": 0,
-        "post_type": "post",
-        "post_mime_type": "",
-        "comment_count": 0,
-        "meta_value": "2022/01/man_reading.jpg"
-    },
-    {
-        "id": 37,
-        "ID": 37,
-        "post_author": 1,
-        "post_date": "2017-11-23T14:03:39.000Z",
-        "post_date_gmt": "2017-11-23T14:03:39.000Z",
-        "post_content": "<strong>Paying mind to similarity index and why ignoring it could have serious repercussions&nbsp; </strong>\n\nThe similarity index is a term you should be familiar with as an online writer. It is defined as the composite number that is highlighted after matching two texts to determine how similar the content from both pieces is. It is typically displayed as a percentage and the displayed number measures the percentage of your article that the program found the matching text for. This is regardless of proper citation in your work or lack thereof.\n\nIf the similarity index is high this could mean the writer has quoted various other works to a large extent even if it is legitimate.\n\nIt is understandable that you will want to offer quality content for search engines in terms of consideration and indexation and this can lead you to weed your indexable content down. You may also be worried that search engines will not be able to comprehend your content due to existing similar pages because of things like product variations. It will be unwise for you to rush into a decision that could damage your SEO in the process of trying to make search engines happy while destroying your organic visibility in the process.\n\nYou can make use of canonical tags to instruct crawling search engines of the representative alternatives of similar or duplicate content. You just have to place these tags within your source code head section. Canonical tags are very effective in dealing with similar or duplicate content. The easiest way to determine whether you have similar content on your website is to review the site manually while addressing sections of the site appearing to have different URLs but similar content. Take some of the URLs and use tools such as Similar Page Checker or simply review the site for any similar content using Siteliner.\n\nYou may also want to consider consolidating multiple pages into one or expanding certain pages if you have multiple pages that appear to be similar. For example, if you have a site with two distinct pages for different but related topics but the information is the same on both these pages, you may either expand each page further to encompass original content about each topic or merge both pages into one about both topics.\n\nSimilar content can present an issue if not addressed:\n\nYour website will suffer in terms of ranking and you may end up losing traffic. Both losses typically originate from 2 main issues\n\n-&nbsp;&nbsp;&nbsp; Search engines rarely show multiple options of similar content in order to give users an optimum search experience. They will, therefore, be forced to select the best version which will be shown as the best result diluting visibility of websites with similar or duplicate content.\n\n-&nbsp;&nbsp;&nbsp; Equity of links will also be diluted further because other websites will have to choose the best option from the duplicates. As opposed to all the inbound links directing to one content piece, they will link to several pieces distributing the equity of the links among these duplicates. Inbound links are considered a ranking factor so they can affect the search visibility of certain pieces of content.\n\nThe overall result is that the piece of content will not get the search visibility it deserves.\n\n&nbsp;",
-        "post_title": "Paying mind to similarity index",
-        "post_excerpt": "",
-        "post_status": "publish",
-        "comment_status": "open",
-        "ping_status": "open",
-        "post_password": "",
-        "post_name": "paying-mind-similarity-index",
-        "to_ping": "",
-        "pinged": "",
-        "post_modified": "2022-01-02T22:42:29.000Z",
-        "post_modified_gmt": "2022-01-02T22:42:29.000Z",
-        "post_content_filtered": "",
-        "post_parent": 0,
-        "guid": "https://blog.wrenchboard.com/?p=37",
-        "menu_order": 0,
-        "post_type": "post",
-        "post_mime_type": "",
-        "comment_count": 0,
-        "meta_value": "2022/01/wrechboard-sample.jpg"
-    },
-    {
-        "id": 35,
-        "ID": 35,
-        "post_author": 1,
-        "post_date": "2017-11-23T14:02:54.000Z",
-        "post_date_gmt": "2017-11-23T14:02:54.000Z",
-        "post_content": "The internet is a vast source of information and you can use this information to improve and expand your skill set. You always stand to benefit by adding some extra skills to your CV. The internet is one of the best areas to look if you want to enhance your knowledge base and your skill set in an effort to impress your possible employers. There are so many ways to use the internet to gain extra technical skills\n\n<strong>Design</strong>\n\nThe internet is jam-packed with various online programs that people use for photo editing and graphic design for their websites and blogs. Such design skills must be stated in your CV if they will be relevant to the position you are applying for in any company. You can easily download the relevant design programs or apps from the internet and use your free time to sharpen your design skills while racking up your design portfolio. You may land a position in a good design agency if you have some good examples of your design work.\n\n<strong>Social media</strong>\n\nSocial media is another way that the internet has proven useful in that it can be used in more ways than one. Once you find a way to use social media to your advantage, this will be a valuable asset because lots of organizations are currently looking for social media skills when looking to hire new staff. Businesses have realized the benefit of using social media marketing in reaching out to a bigger audience. Think of ways to boost your follower base via your own social media pages like Instagram, Twitter, or Facebook. Such platforms and more like Snapchat or LinkedIn are free to download and easy to use plus there is a lot you can learn in terms of using your social media feed or platforms to attract followers which in itself is a form of marketing.\n\n<strong>IT skills</strong>\n\nThis is one of the obvious skills that one can polish online or on their computer. More businesses are being geared towards a digital direction and employers want to know they are hiring an applicant(s) with strong IT skills. This means you have to know how to use various programs and software to create different types of documents. Showing that you are highly proficient in computer applications and operation will do you justice when applying for different jobs or even starting your own business.\n\n<strong>Online Courses</strong>\n\nYou can now get plenty of qualifications from the comfort of your home as long as you have a computer and a strong internet connection. Find a free course that would be relevant or helpful to you, sign up, and you can begin studying as soon as immediately. There are many skills you can study online with these courses and you may add an impressive qualification to your resume. The advantage of online courses is that you can do them in coordination with your current schedule meaning you still get to earn while you study.\n\n<strong>Languages</strong>\n\nA second language also looks quite impressive on your CV as bilingual employees show to be quite useful if an employer’s business trades in an international market. You can use apps like Duolingo or sign up for an online course to learn a new language. A second language might really help you get work experience in foreign countries.",
-        "post_title": "Using the internet to expand your technological skill set",
-        "post_excerpt": "",
-        "post_status": "publish",
-        "comment_status": "open",
-        "ping_status": "open",
-        "post_password": "",
-        "post_name": "using-internet-expand-technological-skill-set",
-        "to_ping": "",
-        "pinged": "",
-        "post_modified": "2022-01-22T03:44:14.000Z",
-        "post_modified_gmt": "2022-01-22T03:44:14.000Z",
-        "post_content_filtered": "",
-        "post_parent": 0,
-        "guid": "https://blog.wrenchboard.com/?p=35",
-        "menu_order": 0,
-        "post_type": "post",
-        "post_mime_type": "",
-        "comment_count": 0,
-        "meta_value": "2022/01/technology_skill.jpg"
-    },
-    {
-        "id": 33,
-        "ID": 33,
-        "post_author": 1,
-        "post_date": "2017-11-23T14:01:30.000Z",
-        "post_date_gmt": "2017-11-23T14:01:30.000Z",
-        "post_content": "Anyone can do an online job as long as you have the right set of skills. As your own boss, you will have to do plenty of day-to-day tasks yourself and you will need to practice good judgment on how you do things. This is why you need an effective strategy to help you progress your online career.\n\n<strong>You need the right skills</strong>\n\nAs does any job, you need to have the proper equipment and tools to accomplish things accordingly. This means you will have to invest in a good-quality PC or laptop, subscribe to a dependable ISP, and ensure you have a backup ISP in the event of an emergency. You could even get your own office with a backup computer, a cloud account, or a spare hard drive.\n\n<strong>You need to be dedicated to your career</strong>\n\nThe misconception that you need to go to college to learn all the skills you need to get a job in the outside world is not the case. Of course, you need to update your skills and knowledge to gain a competitive edge over your peers and colleagues. This means that you should always keep learning in order to have an effective online career or job. Read on industry news daily, take some courses to spruce up your skills; you can even go back to school.\n\n<strong>Technical proficiency</strong>\n\nComputer literacy is something you obviously must have when working on an online career. However, in order to progress with your career, you have to be up to date with current software and online tools available to help you be more efficient in your strategy.\n\n<strong>Ensure every project has a contract</strong>\n\nYou do not need something complex that will take you more time to look over when you should be using this time to make money. To start with, you should have a general agreement covering important but basic terms you and your client must agree on. Setting basic terms for each project helps to protect you and inform your clients of how you work. Some of the terms your contract must cover include payment terms and the client’s proprietary details etc. If things work in your favor and you show significant growth in your career, you will need a specially crafted contract courtesy of a legal professional.\n\n<strong>Focusing your business</strong>\n\nFocusing the identity of your brand and the caliber of projects you undertake will make things much easier on your part from the marketing process to the design work. Pick one service or even two and take on work falling along those lines then decline the rest. Deciding on the services you intend to specialize in will help you translate this in your brand. Everything on your website should be reworded to suit those specific phrases and keywords and only exhibit this kind of work in your portfolio. Begin producing content centered on these services to display your expertise. This is all a result of marketing and it will direct traffic and new projects in your direction.\n\n&nbsp;",
-        "post_title": "How to implement an effective online career strategy",
-        "post_excerpt": "",
-        "post_status": "publish",
-        "comment_status": "open",
-        "ping_status": "open",
-        "post_password": "",
-        "post_name": "implement-effective-online-career-strategy",
-        "to_ping": "",
-        "pinged": "",
-        "post_modified": "2022-01-22T03:48:59.000Z",
-        "post_modified_gmt": "2022-01-22T03:48:59.000Z",
-        "post_content_filtered": "",
-        "post_parent": 0,
-        "guid": "https://blog.wrenchboard.com/?p=33",
-        "menu_order": 0,
-        "post_type": "post",
-        "post_mime_type": "",
-        "comment_count": 0,
-        "meta_value": "2022/01/online_job.jpg"
-    }
-];
-
-
- return res1;
-  }
-
-export default BlogData;
-
+async function BlogData() {
+    let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/blogdata`);
+    return await response;
+}

+export default BlogData;
@@ -107,7 +107,7 @@ ol {
 }

 p {
-  font-size: 16px;
+  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #505056;
@@ -1435,6 +1435,12 @@ p {
  letter-spacing: 2px;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
+.appie-title .earn-rewards{
+  border-radius: 7px;
+  background-color: rgb(245, 71, 71) !important;
+  /* text-shadow: 2px 2px 2px #fff; */
+}
+
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
    font-size: 54px;
@@ -1735,7 +1741,7 @@ p {
  font-weight: 500;
 }
 .appie-hero-content .appie-title {
-  font-size: 60px;
+  font-size: 53px;
  line-height: 70px;
  margin-top: 10px;
  margin-bottom: 22px;
@@ -2348,14 +2354,16 @@ p {
 }

 .appie-single-service {
-  padding: 50px 30px 43px;
+  /* padding: 50px 30px 43px; */
+  padding: 30px;
  background: #fff;
  border-radius: 6px;
  transition: all linear 0.3s;
 }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appie-single-service {
-    padding: 50px 15px 43px;
+    /* padding: 50px 15px 43px; */
+    padding: 30px;
  }
 }
 .appie-single-service .icon {
@@ -2505,6 +2513,7 @@ p {
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 10px;
+  text-align: center;
 }
 .appie-single-service-2 a {
  font-size: 14px;
@@ -2662,6 +2671,14 @@ p {
 .service-details-sidebar .service-download-widget a {
  padding: 13px 30px;
  color: #505056;
+  display: flex;
+  align-items: center;
+  gap: '2px'
+}
+.service-details-sidebar .service-download-widget a img {
+  width: 25px;
+  height: 25px;
+  margin-right: 5px;
 }
 .service-details-sidebar .service-download-widget a:hover {
  color: #4687ba;
@@ -2680,10 +2697,14 @@ p {
 }
 .service-details-content .content .title {
  font-size: 30px;
-  margin-bottom: 18px;
+  /* margin-bottom: 18px; */
  letter-spacing: 2px;
  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
+.service-details-content .content h6.title {
+  font-size: 20px;
+  letter-spacing: 1px;
+}
 .service-details-content .content p {
  font-size: 18px;
  line-height: 28px;
@@ -3050,6 +3071,7 @@ p {
 }
 .appie-traffic-title p {
  font-size: 16px;
+  margin-top: 10px;
 }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appie-traffic-title .title {
@@ -3109,12 +3131,15 @@ p {
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
 }
 .appie-traffic-service .title {
-  font-size: 20px;
+  font-size: 24px;
  font-weight: 700;
  padding-bottom: 7px;
+  text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
 }
 .appie-traffic-service p {
-  font-size: 15px;
+  font-size: 17px;
+  margin-top: 10px;
+  /*margin-bottom: 2px;*/
 }
 .appie-traffic-service.item-2 .icon i {
  background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);
@@ -4239,6 +4264,28 @@ p {
  background-repeat: no-repeat;
  background-size: cover;
 }
+
+.mission-side-box {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 750px;
+  width: 50%;
+  background-image: url(../images/mission-bg.png);
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  box-shadow: 0 0 15px 25px #eef1f6 inset;
+}
+@media only screen and (max-width: 991px) {
+  .mission-side-box {
+    position: relative;
+    height: 500px;
+    width: 100%;
+    margin: 20px auto 0 auto;
+  }
+}
+
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appie-faq-8-area .faq-play-box {
    display: none;
@@ -5674,6 +5721,10 @@ blockquote cite {
 .footer-about-widget {
  padding-right: 70px;
  margin-top: 30px;
+  .logo {
+    position: relative;
+    top: -12px;
+  }
 }
@media (max-width: 767px) {
  .footer-about-widget {
@@ -5682,7 +5733,7 @@ blockquote cite {
  }
 }
 .footer-about-widget p {
-  padding-top: 25px;
+  padding-top: 1px;
 }
 .footer-about-widget > a {
  font-size: 15px;
@@ -5737,9 +5788,10 @@ blockquote cite {
  }
 }
 .footer-navigation .title {
-  font-size: 20px;
+  font-size: 25px;
  font-weight: 700;
  margin-bottom: 18px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
 .footer-navigation ul {
  margin: 0;
@@ -5777,9 +5829,10 @@ blockquote cite {
  }
 }
 .footer-widget-info .title {
-  font-size: 20px;
+  font-size: 25px;
  font-weight: 700;
  margin-bottom: 18px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
 .footer-widget-info ul {
  margin: 0;
@@ -6384,18 +6437,20 @@ blockquote cite {
 }
 .appie-about-page-content p {
  color: #fff;
-  padding-top: 15px;
+  padding-top: 18px;
+  line-height: 28px;
  opacity: 0.7;
 }
 .appie-about-page-content a {
-  color: #fff;
+  color: red;
  border: 2px solid #fff;
  border-radius: 10px;
-  line-height: 40px;
+  padding: 0px 10px;
+  font-weight: 500;
+  /* line-height: 40px;
  padding: 0 30px;
  font-size: 14px;
-  font-weight: 500;
-  margin-top: 43px;
+  margin-top: 43px; */
 }
 .appie-about-page-content a:hover {
  background: #fff;
@@ -14,7 +14,6 @@
 .boxBorder{
  border-color: aqua;
  background-color: #f5f6f7 ;
-  height:300px;
 }
 .appie-loader {
  opacity: 0;
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -17,7 +17,8 @@ function HeroAbout() {
            <section className="appie-about-page-area">
                <div className="container">
                    <div className="row">
-                        <div className="col-lg-8">
+                        {/* col-lg-8 */}
+                        <div className="col-12">
                            <div className="appie-about-page-content">
                                <h3 className="title">
                                    Online Marketplace Platform to Get Paid.
@@ -25,7 +26,7 @@ function HeroAbout() {
                                <p>
                                WrenchBoard is the marketplace that connects independent talent with businesses that require their skill set and get paid. 
                                We serve everyone from one-person startups to a powerful, trust-driven platform that facilitates businesses and freelancers to work concurrently in unique patterns that unlock their potential. 
-                                Our platform provides a range of skills in categories including consulting, finance & accounting, website & app development, creative & design, customer support and operations. Learn more at www.wrenchBoard.com
+                                Our platform provides a range of skills in categories including consulting, finance & accounting, website & app development, creative & design, customer support and operations. Learn more at <a href={process.env.REACT_APP_DASH_URL}>www.WrenchBoard.com</a>
                                </p>
                               
                            </div>
@@ -17,7 +17,7 @@ function ServicesAbout() {
            <section className="appie-services-2-area pt-90 pb-55" id="service">
                <div className="container">
                    <div className="row align-items-end">
-                        <div className="col-12 col-md-8">
+                        <div className="col-12 col-lg-8">
                            <div className="appie-section-title">
                                <h3 className="appie-title">We’re driven by our values</h3>
                                <p>The app provides design and digital marketing. </p>
@@ -9,12 +9,14 @@ import HeaderAbout from './HeaderAbout';
 import HeroAbout from './HeroAbout';
 import ServicesAbout from './ServicesAbout';
 import TeamAbout from './TeamAbout';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function AboutUs() {
    const [drawer, drawerAction] = useToggle(false);
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderAbout drawer={drawer} action={drawerAction.toggle} />
            <HeroAbout />
            <ServicesAbout />
@@ -54,8 +54,8 @@ function Forms() {
                                    </p>

                                    <p>
-                                        <i className="fal fa-home"></i>
-                                        {process.env.REACT_APP_SUPPORT_NG_ADDRESS}
+                                        {/*<i className="fal fa-home"></i>*/}
+                                        {/*{process.env.REACT_APP_SUPPORT_NG_ADDRESS}*/}
                                    </p>

                                </div>
@@ -65,7 +65,7 @@ function Forms() {
                                        <i className="fal fa-phone"></i>
                                        {process.env.REACT_APP_SUPPORT_PHONE}
                                        <br />
-                                       {process.env.REACT_APP_SUPPORT_PHONE_NG}
+                                       {/*{process.env.REACT_APP_SUPPORT_PHONE_NG}*/}
                                    </p>
                                </div>
                                <div className="single-info">
@@ -6,12 +6,14 @@ import Drawer from '../Mobile/Drawer';
 import HeaderNews from '../News/HeaderNews';
 import HeroNews from '../News/HeroNews';
 import Forms from './Forms';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function Contact() {
    const [drawer, drawerAction] = useToggle(false);
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderNews drawer={drawer} action={drawerAction.toggle} />
            <HeroNews
                title="Contact us"
@@ -7,6 +7,7 @@ import StickyMenu from '../../lib/StickyMenu';
 import FAQService from '../Service/FAQServices';
 import HeroNews from '../News/HeroNews';
 import HeaderNews from '../News/HeaderNews';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';


 function FAQ() {
@@ -17,6 +18,7 @@ function FAQ() {
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderNews action={drawerAction.toggle} />
            <HeroNews
                title="Frequently asked questions"
@@ -2,41 +2,10 @@ import React, { useState } from 'react';
 import blogOne from '../../assets/images/blog-1.jpg';
 import blogTwo from '../../assets/images/blog-2.jpg';
 import blogThree from '../../assets/images/blog-3.jpg';
-import BlogData from './../../Services/BlogData';
+import Blogs from '../News/Blogs';

-import Axios from 'axios';

 function BlogHomeOne() {
-
-const blogResult  = BlogData();
-/*
-const [blogResult,setBlogResult] = useState("");
-
-var res = null;
-   // const getWrenchBoardBlog = () => {
-        Axios.get("http://10.0.0.52:5101/wp/wrenchboard/", {
-            headers: { 
-                'Access-Control-Allow-Origin' : '*',
-                'Access-Control-Allow-Credentials':true,
-                'crossorigin':true,
-                'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',
-              },
-            responseType: "json",
-          }).then((response) => {
-           console.log(response);
-           res = response;
-           console.log("~~~~~~~~ ameye ~~~~~~~~~");
-         //  setBlogResult( response !=null ? response.data.blogResult[0]["payload"]:"" );
-           setBlogResult( response.data );
-          // console.log(blogResultData);
-        });
-
-*/
-
-//debugger;
-//console.log("~~~~~~~~ dorcas ~~~~~~~~~");
-//console.log(blogResult);
-
    return (
        <>
            <section className="appie-blog-area pt-90 pb-95">
@@ -48,45 +17,7 @@ var res = null;
                            </div>
                        </div>
                    </div>
-                    <div className="row">
-                        
-                     {
-                         blogResult.map(i=>{
-                            var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
-                            var postDt  = new Date(i.post_date).toLocaleDateString("en-US", options);                             
-                            var blgImg  = i.meta_value!=null?"https://blog.wrenchboard.com/wp-content/uploads/"+ i.meta_value : blogOne;
-                           return (  <div className="col-lg-4 col-md-6">
-                             <div
-                                 className="appie-blog-item mt-30 wow animated fadeInUp"
-                                 data-wow-duration="3000ms"
-                                 data-wow-delay="200ms"
-                             >
-                                 <div className="thumb">
-                                     <img src={blgImg} alt={i.post_title} />
-                                 </div>
-                                 <div className="content">
-                                     <div className="blog-meta">
-                                         <ul>
-                                             <li>{postDt}</li>
-                                         </ul>
-                                     </div>
-                                     <h3 className="title">
-                                         <a href={i.guid}>
-                                            {i.post_title}
-                                         </a>
-                                     </h3>
-                                     <a href={i.guid}>
-                                         Learn More <i className="fal fa-arrow-right" />
-                                     </a>
-                                 </div>
-                             </div>
-                         </div> );
-
-
-                         })
-                     }
-
-                    </div>
+                    <Blogs pathname='/' />
                </div>
            </section>
        </>
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import getConfig from './../../Config/config'

 function FooterHomeOne({ className }) {
@@ -16,9 +16,9 @@ function HeroHomeOne() {
                    <div className="row align-items-center">
                        <div className="col-lg-6">
                            <div className="appie-hero-content">
-                                <span>Welcome To WrenchBoard..</span>
+                                {/*<span>Welcome To WrenchBoard..</span>*/}
                                <h1 className="appie-title">
-                                    Earn Money with Any Skill.
+                                    Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
                                </h1>
                                <p>
                                    The Marketplace platform to earn money with your skills, find, buy and sell professional services. Connect, build an outstanding portfolio and link to an integrated community with best services via a digital platform.
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -64,13 +64,13 @@ titleLen(title){
                                    var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                                    var postDt  = new Date(i.expire).toLocaleDateString("en-US", options); 

-                                    return (<div className="col-lg-3 col-md-6">
+                                    return (<div className="col-md-6 col-xl-3">
                                        <div
-                                            className="appie-single-service mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
+                                            className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
                                            data-wow-duration="3000ms"
                                            data-wow-delay="200ms"
                                        >
-                                            <div className="content d-flex flex-column justify-content-between align-items-center" style={{height: '260px'}}>
+                                            <div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
                                                <div className="titleBox">
                                                    <h3 className="title">
                                                        <a href={dashUrl}>
@@ -83,12 +83,16 @@ titleLen(title){
                                                    <div className="blog-meta">
                                                        <ul>
                                                            <li className="expire">
-                                                                {/* <a href={dashUrl}><span className='font_red'> Expires : {postDt} </span></a> */}
-                                                                <a href={dashUrl}><span className='font_red'> Expires : <CountDownTimer targetDate={postDt}/> </span></a>
+                                                                <a href={dashUrl} className='d-block'>
+                                                                    <div className='font_red d-flex align-items-start'> 
+                                                                        <div className='pr-2'>Expires :</div>
+                                                                        <CountDownTimer targetDate={postDt}/>
+                                                                    </div>
+                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
-                                                    <div className='lmoreTxt'>
+                                                    <div className='lmoreTxt d-flex justify-content-end align-items-center'>
                                                        <a href={dashUrl}>
                                                        Learn More <i className="fal fa-arrow-right" />
                                                    </a>                                                
@@ -12,7 +12,7 @@ function TrafficHomeOne() {
                        <div className="appie-traffic-title">
                            <h3 className="title">Performing task.</h3>
                            <p>
-                                Performing task on WrenchBoard is easy.All you need is a free account and follow the steps below.
+                                Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.
                            </p>
                        </div>
                        <div className="row">
@@ -21,7 +21,7 @@ function TrafficHomeOne() {
                                    <div className="icon">
                                        <i className="fal fa-check" />
                                    </div>
-                                    <h5 className="title">Create free account</h5>
+                                    <h5 className="title">Create Account</h5>
                                    <p> To publish your skills to be hired. Your ratings will grow with performance.</p>
                                </div>
                            </div>
@@ -31,7 +31,7 @@ function TrafficHomeOne() {
                                        <i className="fal fa-check" />
                                    </div>
                                    <h5 className="title">Find or Accept job</h5>
-                                    <p> Offers to get hired or search in the marketplace for your skill match.</p>
+                                    <p> Receive Offers to get hired or search for your skills match.</p>
                                </div>
                            </div>
                            <div className="col-lg-6 col-md-6">
@@ -39,8 +39,9 @@ function TrafficHomeOne() {
                                    <div className="icon">
                                        <i className="fal fa-check" />
                                    </div>
-                                    <h5 className="title">Complete the task professionally</h5>
-                                    <p> Deliver client specification, communicate with instant messaging.</p>
+                                    <h5 className="title">Complete tasks professionally</h5>
+                                    <p> Deliver client specification to tailored solution, communicate messages in real-time using messaging platform.
+                                    </p>
                                </div>
                            </div>
                            <div className="col-lg-6 col-md-6">
@@ -48,8 +49,8 @@ function TrafficHomeOne() {
                                    <div className="icon">
                                        <i className="fal fa-check" />
                                    </div>
-                                    <h5 className="title">Get Pay for your skills put to use </h5>
-                                    <p>Get your account credited when the job is completed, and the client authorizes payment.</p>
+                                    <h5 className="title">Get Paid like a Pro for your skills </h5>
+                                    <p>Obtain payment authorization after job completion and maintain client relationships. Transparent payment process for task compensation.</p>
                                </div>
                            </div>
                            {/* <div className="col-lg-12">
@@ -17,6 +17,7 @@ import TestimonialHomeOne from './TestimonialHomeOne';
 import TrafficHomeTwo from './TrafficHomeTwo';
 import WrenchBoardHome from './WrenchBoardHome';
 import RecentJobsOne from './RecentJobsOne';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
 //import BlogData from './../../Services/BlogData';

 function HomeOne() {
@@ -26,10 +27,11 @@ function HomeOne() {
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HomeOneHeader action={drawerAction.toggle} />
            <HeroHomeOne />
            <ServicesHomeOne />
-            <RecentJobsOne />
+            {/*<RecentJobsOne />*/}
            <FeaturesHomeOne />
            {/*<FaqHomeOne />*/}
            {/*<TrafficHomeOne />*/}
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Link } from 'react-router-dom';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import getConfig from './../../Config/config'


@@ -1,22 +1,29 @@
-import React from 'react';
-import BlogData from '../../Services/BlogData';
+import React, { useEffect, useState } from 'react';
 import blogOne from '../../assets/images/blog/1.jpg';
+import BlogData from '../../Services/BlogData';

-function Blogs() {
+function Blogs({pathname}) {
+    const [blogs, setBlogs] = useState([])

-    const BlogDataResult = BlogData();
+    useEffect(()=>{
+        BlogData().then(res => {
+            setBlogs(res.data)
+        }).catch(err => {
+            console.log('Error loading blogdata', err)
+        })
+    },[])

    return (
        <>
            <div className="row">
-
-
-                {
-                    BlogDataResult.map(i => {
+                { pathname == '/' ? // ON HOME PAGE LIMIT TO SIX(6) BLOGS
+                    blogs?.blogdata?.map((i, index)=> {
                        var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
                        var postDt  = new Date(i.post_date).toLocaleDateString("en-US", options);
-                        var blgImg = i.meta_value != null ? "https://blog.wrenchboard.com/wp-content/uploads/" + i.meta_value : blogOne;
-                        return (<div className="col-lg-4 col-md-6">
+                        var blgImg = i.meta_value != null ? `${blogs?.blogconfig?.media_url}/${i.meta_value}` : blogOne;
+                        if(index < 6){
+                        return (
+                        <div key={i.id} className="col-lg-4 col-md-6">
                            <div
                                className="appie-blog-item mt-30 wow animated fadeInUp"
                                data-wow-duration="3000ms"
@@ -41,14 +48,45 @@ function Blogs() {
                                    </a>
                                </div>
                            </div>
-                        </div>);
-
-
+                        </div>
+                        )
+                        }
+                    })
+                    : // ON OTHER PAGES SHOW ALL BLOG
+                    blogs?.blogdata?.map((i, index)=> {
+                        var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
+                        var postDt  = new Date(i.post_date).toLocaleDateString("en-US", options);
+                        var blgImg = i.meta_value != null ? `${blogs?.blogconfig?.media_url}/${i.meta_value}` : blogOne;
+                        return (
+                        <div key={i.id} className="col-lg-4 col-md-6">
+                            <div
+                                className="appie-blog-item mt-30 wow animated fadeInUp"
+                                data-wow-duration="3000ms"
+                                data-wow-delay="200ms"
+                            >
+                                <div className="thumb">
+                                    <img src={blgImg} alt={i.post_title} />
+                                </div>
+                                <div className="content">
+                                    <div className="blog-meta">
+                                        <ul>
+                                            <li>{postDt}</li>
+                                        </ul>
+                                    </div>
+                                    <h3 className="title">
+                                        <a href={i.guid}>
+                                            {i.post_title}
+                                        </a>
+                                    </h3>
+                                    <a href={i.guid}>
+                                        Learn More <i className="fal fa-arrow-right" />
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        )
                    })
                }
-
-
-
            </div>

        </>
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -7,12 +7,14 @@ import Blog from './Blog';
 import BlogSideBar from './BlogSideBar';
 import HeaderNews from './HeaderNews';
 import HeroNews from './HeroNews';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function SingleNews() {
    const [drawer, drawerAction] = useToggle(false);
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderNews action={drawerAction.toggle} />
            <HeroNews
                title="Blog"
@@ -7,12 +7,14 @@ import Blogs from './Blogs';
 import BlogSideBar from './BlogSideBar';
 import HeaderNews from './HeaderNews';
 import HeroNews from './HeroNews';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function News() {
    const [drawer, drawerAction] = useToggle(false);
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderNews action={drawerAction.toggle} />
            <HeroNews
                title="Blogs"
@@ -13,80 +13,262 @@ function DetailsService() {
                        </div>
                        <div className="col-lg-8">
                            <div className="service-details-content">
-                               
                                <div className="content">
-                                    <h4 className="title">Terms of use</h4>
-                                    <p>
-                                    These Website Terms & Conditions (“T&Cs”) apply to your access and use of www.wrenchboard.com,dashboard.wrenchboard.com (the “Site”), including all software, data, reports, text, images, sounds, video, and all contents made available through any portion of the Site (collectively, the “Content”). Content includes all such elements as a whole, as well as individual elements and portions thereof.
+                                    <div className="mb-4">
+                                    <h4 className="title mb-4">
+                                        Terms of use
+                                    </h4>
+                                    <p className="">
+                                        (updated August 10, 2023)
+                                    </p>
+                                    <p className="">
+                                        These Website Terms & Conditions (“T&Cs”) apply to your access and
+                                        use of www.wrenchboard.com,users.wrenchboard.com (the “Site”),
+                                        native apps, including all software, data, reports, text, images,
+                                        sounds, video, and all contents made available through any portion
+                                        of the Site (collectively, the “Content”). The range includes all
+                                        such elements as whole, individual, and parts.
+                                    </p>
+                                    </div>
                                    <hr />
+                                    <div className="my-4">
+                                    <h4 className="title mb-4">
+                                        Acceptance of Terms
+                                    </h4>
+                                    <p className="">
+                                        WRENCHBOARD permits you (“User” or “you” or “your”) to access and
+                                        use the Site and Content, subject to these T&Cs. By accessing or
+                                        using any portion of the Site, you acknowledge that you have read,
+                                        understood, and agree to be bound by these T&Cs. If you do not agree
+                                        with these T&Cs, you must not accept these T&Cs or access or use the
+                                        site or content.
                                    </p>
-
-                                    <h4 className="title">Acceptance of Terms </h4>
-                                    <p>WRENCHBOARD permits you (“User” or “you” or “your”) to access and use the Site and Content, subject to these T&Cs. By accessing or using any portion of the Site, you acknowledge that you have read, understood, and agree to be bound by these T&Cs. If you do not agree with these T&Cs, you must not accept these T&Cs or access or use the site or content.
+                                    </div>
                                    <hr />
-                                    </p>
-
-                                    <h4 className="title">General Conditions of Use </h4> 
-                                    <p>
-                                        <b>Authorization to Access and Use Site and Content.</b> Subject to your compliance with these T&Cs and the provisions hereof, you may access or use the Site and Content solely for the purpose of your evaluation of WRENCHBOARD and WRENCHBOARD’s products and services. You may only link to the Site or Content, or any portion thereof, as expressly permitted by WRENCHBOARD.
-                                        <br />
-                                        <b>Ownership and Restrictions.</b> All rights, title, and interest in and to the Site and Content will remain with and belong exclusively to WRENCHBOARD. You will not (a) sublicense, resell, rent, lease, transfer, assign, time share or otherwise commercially exploit or make the Site and any Content available to any third party, (b) use the Site and Content in any unlawful manner (including without limitation in violation of any data, privacy or export control laws) or in any manner that interferes with or disrupts the integrity or performance of the Site and Content or their related components, or (c) modify, adapt or hack the Site and Content to, or try to, gain unauthorized access to the restricted portions of the Site and Content or related systems or networks (i.e., circumvent any encryption or other security measures, gain access to any source code or any other underlying form of technology or information, and gain access to any part of the Site and Content, or any other products or services of WRENCHBOARD that are not readily made available to the general public).
-                                        You are not permitted to copy, modify, frame, repost, publicly perform or display, sell, reproduce, distribute, or create derivative works of the Site and Content, except that you may download, display, and print one copy of the publicly available materials (i.e., the Content that does not require an Account name or password to access) on any single computer solely for your personal, non-commercial use, provided that you do not modify the material in any way and you keep intact all copyright, trademark, and other proprietary notices. You agree not to access the Site or Content by any means other than through the interface that is provided by WRENCHBOARD to access the same. You may not use any “page-scrape,” “deep-link,” “spider,” or “robot or other automatic program, device, algorithm or methodology, or any similar manual process, to access, copy, acquire, or monitor any portion of the Site or any Content, or in any way reproduce or circumvent the presentation or navigational structure of the Site or any Content, to obtain or attempt to obtain any Content or other information through any means not made generally available through the Site by WRENCHBOARD. WRENCHBOARD reserves the right to take any lawful measures to prevent any such activity. You may not forge headers or otherwise manipulate identifiers in order to disguise the origin of any message or transmittal you send to WRENCHBOARD on or through the Site or any service offered on or through the Site. You may not pretend that you are, or that you represent, someone else, or impersonate any other individual or entity.
-                                        <br />
-                                        <b>Responsibility for Your Data.</b> You are solely responsible for all data, information, and other content, that you upload, post, or otherwise provide or store (hereafter “post(ing)”) in connection with or relating to the Site.
-
-
-                                        <hr />
-
-
-                                    </p>
-
-                                    <h4 className="title"> Use of Intellectual Property.</h4>
-                                    <p>
-
-                                        <b>Rights in User Content.</b> By posting your information and other content (“User Content”) on or through the Site and Content, you grant WRENCHBOARD a worldwide, non-exclusive, perpetual, irrevocable, royalty-free, fully paid, sublicensable and transferable license to use, modify, reproduce, distribute, display, publish and perform User Content in connection with the Site and Content. WRENCHBOARD has the right, but not the obligation, to monitor the Site and Content and User Content. WRENCHBOARD may remove or disable any User Content at any time for any reason, or for no reason at all. 
-
-                                        You, the user, acknowledge that you bear sole responsibility for adequate security, protection, and backup of User Content. WRENCHBOARD will have no liability to you for any unauthorized access or use of any of User Content, or any corruption, deletion, destruction, or loss of any of User Content.
-

+                                    <div className="my-4">
+                                    <h4 className="title mb-4">
+                                        General Conditions of Use
+                                    </h4>
+                                    <ul className="ml-4">
+                                        <li className="">
+                                        <h6 className="title my-4">
+                                            Authorization to Access and Use Site and Content.
+                                        </h6>
+                                        <p className="">
+                                            Subject to your compliance with these T&Cs and the provisions
+                                            hereof, you may access or use the Site and Content solely to
+                                            evaluate WRENCHBOARD and WRENCHBOARD’s products and services.
+                                            You may only link to the Site or Content, or any portion
+                                            thereof, as expressly permitted by WRENCHBOARD.
+                                        </p>
+                                        </li>
+                                        <li className="">
+                                        <h6 className="title my-4">
+                                            Ownership and Restrictions
+                                        </h6>
+                                        <p className="">
+                                            All rights, title, and interest in and to the Site and Content
+                                            will remain exclusive to WRENCHBOARD. You will not:
+                                        </p>
+                                        <ol className="ml-4" style={{listStyleType: 'number'}}>
+                                            <li className="my-2">
+                                            Sublicense, resell, rent, lease, transfer, assign, timeshare,
+                                            or commercially exploit or make the Site and any Content
+                                            available to any third party.
+                                            </li>
+                                            <li className="my-2">
+                                            Use the Site and Content in any unlawful manner (including
+                                            without limitation in violation of any data, privacy, or
+                                            export control laws) or in any way that interferes with or
+                                            disrupts the integrity or performance of the Site and Content
+                                            or their related components.
+                                            </li>
+                                            <li className="my-2">
+                                            Modify, adapt, or hack the Site and Content to, or try to,
+                                            gain unauthorized access to the restricted portions of the
+                                            Site and Content or related systems or networks (i.e.,
+                                            circumvent any encryption or other security measures, gain
+                                            access to any source code or any other underlying form of
+                                            technology or information, and gain access to any part of the
+                                            Site and Content, or any other products or services of
+                                            WRENCHBOARD that are not readily made available to the general
+                                            public).
+                                            </li>
+                                        </ol>
+                                        <p className="my-4">
+                                            You are not permitted to copy, modify, frame, repost, publicly
+                                            perform or display, sell, reproduce, distribute, or create
+                                            derivative works of the Site and Content, except that you may
+                                            download and print one copy of the publicly available materials
+                                            (i.e., the Content that does not require an Account name or
+                                            password to access) on any single computer solely for your
+                                            personal, non-commercial use, provided that you do not modify
+                                            the material in any way. You keep intact all copyright,
+                                            trademark, and other proprietary notices.
+                                        </p>
+                                        <p className="my-4">
+                                            You agree not to access the Site or Content by any means other
+                                            than through the interface that WRENCHBOARD provides to access
+                                            the same. You may not use any “page-scrape,” “deep-link,”
+                                            “spider,” or “robot or other automatic program, device,
+                                            algorithm or methodology, or any similar manual process, to
+                                            access, copy, acquire, or monitor any portion of the Site or any
+                                            Content, or in any way reproduce or circumvent the presentation
+                                            or navigational structure of the Site or any Content, to obtain
+                                            or attempt to obtain any Content or other information through
+                                            any means not made generally available through the Site by
+                                            WRENCHBOARD.
+                                        </p>
+                                        <p className="my-4">
+                                            WRENCHBOARD reserves the right to take lawful measures to
+                                            prevent such activity. You may not forge headers or otherwise
+                                            manipulate identifiers to disguise the origin of any message or
+                                            transmittal you send to WRENCHBOARD on or through the Site or
+                                            any service offered on or through the Site. You may not pretend
+                                            that you are, or that you represent, someone else or impersonate
+                                            any other individual or entity.
+                                        </p>
+                                        </li>
+                                        <li className="">
+                                        <h6 className="title my-4">
+                                            Responsibility for Your Data
+                                        </h6>
+                                        <p className="">
+                                            You are solely responsible for all data, information, and other
+                                            Content, that you upload, post, or otherwise provide or store
+                                            (hereafter “post(ing)”) in connection with or relating to the
+                                            Site. By posting your information and other Content (“User
+                                            Content”) on or through the Site and Content, you grant
+                                            WRENCHBOARD a worldwide, non-exclusive, perpetual, irrevocable,
+                                            royalty-free, sublicensable, and transferable license to use,
+                                            modify, reproduce, distribute, display, publish and perform User
+                                            Content in connection with the Site and Content. WRENCHBOARD has
+                                            the right, but not the obligation, to monitor the Site and
+                                            Content and User Content. <br />
+                                            WRENCHBOARD may remove or turn off any User Content at any time
+                                            for any reason or no reason. WRENCHBOARD will have no liability
+                                            to you for any unauthorized access or use of any of User Content
+                                            or any corruption, deletion, destruction, or loss of any of User
+                                            Content.
+                                        </p>
+                                        </li>
+                                        <li className="">
+                                        <h6 className="title my-4">
+                                            Feedback
+                                        </h6>
+                                        <p className="">
+                                            You may submit ideas, suggestions, or comments (“Feedback”)
+                                            regarding the Site and Content or WRENCHBOARD’s business,
+                                            products, or services. By submitting any Feedback, you
+                                            acknowledge and agree that:{" "}
+                                        </p>
+                                        <ol className="ml-5" style={{listStyleType: 'number'}}>
+                                            <li className="my-2">
+                                            Your Feedback is provided by you voluntarily, and WRENCHBOARD
+                                            may, without any obligations or limitations, use and exploit
+                                            such Feedback in any manner and for any purpose.
+                                            </li>
+                                            <li className="my-2">
+                                            You will not seek and are not entitled to any money or other
+                                            form of compensation, consideration, or attribution concerning
+                                            your Feedback, regardless of whether WRENCHBOARD considered or
+                                            used your Feedback in any manner.
+                                            </li>
+                                            <li className="my-2">
+                                            Your Feedback is not confidential or proprietary information
+                                            of you or any third party.
+                                            </li>
+                                        </ol>
+                                        </li>
+                                    </ul>
+                                    </div>
                                    <hr />
-                                    </p>

-                                    <h4 className="title">Feedback</h4>
-                                    <p>
-                                   
-                                    You may submit ideas, suggestions, or comments (“Feedback”) regarding the Site and Content or WRENCHBOARD’s business, products, or services. By submitting any Feedback, you acknowledge and agree that (a) your Feedback is provided by you voluntarily and WRENCHBOARD may, without any obligations or limitation, use and exploit such Feedback in any manner and for any purpose, (b) you will not seek and are not entitled to any money or other form of compensation, consideration, or attribution with respect to your Feedback regardless of whether WRENCHBOARD considered or used your Feedback in any manner, and (c) your Feedback is not the confidential or proprietary information of you or any third party.
+                                    <div className="my-4">
+                                    <h4 className="title mb-4">
+                                        Termination of Access Due to Violations
+                                    </h4>
+                                    <p className="">
+                                        WRENCHBOARD may, in its sole discretion and without prior notice,
+                                        terminate your access to the Site and block your future access to
+                                        the Site if we determine that you have violated these T&Cs or other
+                                        agreements or guidelines which may be associated with your use of
+                                        the Site. Further, WRENCHBOARD may, in its sole discretion and
+                                        without prior notice, terminate your access to the Site for cause,
+                                        which includes (but is not limited to):
+                                    </p>
+                                    <ol className="ml-4" style={{listStyleType: 'number'}}>
+                                        <li className="my-2">
+                                        Requests by law enforcement or other government agencies
+                                        </li>
+                                        <li className="my-2">
+                                        Discontinuance or material modification of the Site or any service
+                                        offered on or through the Site
+                                        </li>
+                                        <li className="my-2">
+                                        Unexpected technical issues or problems.T&Cs Updates
+                                        </li>
+                                    </ol>
+                                    <p className="">
+                                        WRENCHBOARD reserves the right, at its sole discretion, to change or
+                                        modify portions of these T&Cs at any time. WRENCHBOARD will post the
+                                        changes to these T&Cs on the Site and indicate at the top of this
+                                        page the date these terms were last revised. It is your
+                                        responsibility to check the T&Cs periodically for changes. Your
+                                        continued use of the Site and Content after the date any such
+                                        changes become effective constitutes your acceptance of the new or
+                                        revised T&Cs.
+                                    </p>
+                                    </div>
                                    <hr />
+
+                                    <div className="my-4">
+                                    <h4 className="title mb-4">
+                                        NO WARRANTIES AND DISCLAIMER BY WRENCHBOARD
+                                    </h4>
+                                    <p className="">
+                                        THE SITE AND CONTENT, AND ALL SERVER AND NETWORK COMPONENTS, ARE
+                                        PROVIDED ON AN “AS IS” AND “AS AVAILABLE” BASIS WITH ALL ERRORS AND
+                                        DEFECTS AND WITHOUT ANY WARRANTIES OF ANY KIND, AND WRENCHBOARD
+                                        EXPRESSLY DISCLAIMS ALL REPRESENTATIONS AND WARRANTIES, INCLUDING
+                                        ANY IMPLIED WARRANTIES OF ACCURACY, COMPLETENESS, MERCHANTABILITY,
+                                        FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, AND ANY
+                                        REPRESENTATIONS OR WARRANTIES ARISING FROM COURSE OF DEALING, COURSE
+                                        OF PERFORMANCE OR USAGE OF TRADE. YOU ACKNOWLEDGE THAT WRENCHBOARD
+                                        DOES NOT WARRANT THAT YOUR ACCESS OR USE OR BOTH OF THE SITE AND
+                                        CONTENT WILL BE UNINTERRUPTED, TIMELY, SECURE, ERROR-FREE, OR
+                                        VIRUS-FREE, AND WRENCHBOARD DOES NOT MAKE ANY WARRANTY AS TO THE
+                                        RESULTS THAT MAY BE OBTAINED FROM THE USE OF THE SITE AND CONTENT.
+                                        NO INFORMATION, ADVICE, OR SERVICES OBTAINED BY YOU FROM WRENCHBOARD
+                                        OR THROUGH THE SITE WILL CREATE ANY WARRANTY NOT EXPRESSLY STATED IN
+                                        THESE TERMS and CONDITIONS, AND YOU SHOULD NOT RELY ON THE SITE AND
+                                        THE GENERAL CONTENT ALONE AS THE BASIS FOR YOUR BUSINESS DECISIONS.
                                    </p>
-
-
-                                    <p>
-                                   <h4 className="title"> Termination of Access Due to Violations.</h4>
-                                   WRENCHBOARD may, in its sole discretion and without prior notice, terminate your access to the Site and/or block your future access to the Site if we determine that you have violated these T&Cs or other agreements or guidelines which may be associated with your use of the Site. You also agree that any violation by you of these T&Cs will cause irreparable harm to WRENCHBOARD, for which monetary damages would be inadequate, and you consent to WRENCHBOARD obtaining any injunctive or equitable relief that WRENCHBOARD deems necessary or appropriate in such circumstances, without limiting WRENCHBOARD’s other available remedies. Further, WRENCHBOARD may, in its sole discretion and without prior notice, terminate your access to the Site, for cause, which includes (but is not limited to) (1) requests by law enforcement or other government agencies, (2) discontinuance or material modification of the Site or any service offered on or through the Site, or (3) unexpected technical issues or problems.
-                                        <hr />
-                                    </p>
-
-
-                                    <h4 className="title"> T&Cs Updates</h4>
-                                    <p>
-                                    WRENCHBOARD reserves the right, at its sole discretion, to change or modify portions of these T&Cs at any time. WRENCHBOARD will post the changes to these T&Cs on the Site and will indicate at the top of this page the date these terms were last revised. It is your responsibility to check the T&Cs periodically for changes. Your continued use of the Site and Content after the date any such changes become effective constitutes your acceptance of the new or revised T&Cs.
+                                    </div>
                                    <hr />
+
+                                    <div className="my-4">
+                                    <p className="">
+                                        WRENCHBOARD reserves the right to do any of the following, at any
+                                        time, without notice: ( 1 ); to modify, suspend or terminate operation
+                                        of or access to the Site, or any portion of the Site, for any
+                                        reason; ( 2 ) to modify or change the Site, or any portion of the
+                                        Site, for any reason; and ( 3 ) to interrupt the operation of the
+                                        Site, or any portion of the Site, as necessary to perform routine or
+                                        non-routine maintenance, error correction, or other changes. Changes
+                                        to the Policy
                                    </p>

-
-                                    <h4 className="title">NO WARRANTIES AND DISCLAIMER BY WRENCHBOARD</h4> 
-                                    <p>
-                                        THE SITE AND CONTENT, AND ALL SERVER AND NETWORK COMPONENTS, ARE PROVIDED ON AN “AS IS” AND “AS AVAILABLE” BASIS WITH ALL ERRORS AND DEFECTS AND WITHOUT ANY WARRANTIES OF ANY KIND, AND WRENCHBOARD EXPRESSLY DISCLAIMS ALL REPRESENTATIONS AND WARRANTIES, INCLUDING ANY IMPLIED WARRANTIES OF ACCURACY, COMPLETENESS, MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, AND ANY REPRESENTATIONS OR WARRANTIES ARISING FROM COURSE OF DEALING, COURSE OF PERFORMANCE OR USAGE OF TRADE. YOU ACKNOWLEDGE THAT WRENCHBOARD DOES NOT WARRANT THAT YOUR ACCESS OR USE OR BOTH OF THE SITE AND CONTENT WILL BE UNINTERRUPTED, TIMELY, SECURE, ERROR-FREE OR VIRUS-FREE, AND WRENCHBOARD DOES NOT MAKE ANY WARRANTY AS TO THE RESULTS THAT MAY BE OBTAINED FROM USE OF THE SITE AND CONTENT. NO INFORMATION, ADVICE OR SERVICES OBTAINED BY YOU FROM WRENCHBOARD OR THROUGH THE SITE WILL CREATE ANY WARRANTY NOT EXPRESSLY STATED IN THESE TERMS and CONDITIONS AND YOU SHOULD NOT RELY ON THE SITE AND THE GENERAL CONTENT ALONE AS THE BASIS FOR YOUR BUSINESS DECISIONS.                                   
-                                        <hr/>
-                                        WRENCHBOARD reserves the right to do any of the following, at any time, without notice: (1) to modify, suspend or terminate operation of or access to the Site, or any portion of the Site, for any reason; (2) to modify or change the Site, or any portion of the Site, for any reason; and (3) to interrupt the operation of the Site, or any portion of the Site, as necessary to perform routine or non-routine maintenance, error correction, or other changes.
-                                        <hr />
-                                    </p>
-
-                                    <h4 className="title">Changes To the Policy</h4>
-                                    <p>
-                                    We reserve the rights to update and make changes to this Privacy policy at anytime. Changes will become effective once posted. However, we will notify you by email or when you log on to the service or website about any changes that fundamentally affect how we manage your personal information.
-                                    Contacting Us: You may contact us about this policy through our email address anytime : support@wrenchboard.com
+                                    <p className="my-4">
+                                        We reserve the right to update and change this Privacy policy at any
+                                        time. Changes will become effective once posted. However, we will
+                                        notify you by email or when you log on to the service or website
+                                        about any changes that fundamentally affect how we manage your
+                                        personal information. Contacting Us: You may contact us about this
+                                        policy through our email address anytime: support@wrenchboard.com
                                    </p>
+                                    </div>
                                </div>
                            </div>
                        </div>
@@ -1,5 +1,5 @@
 import React from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'

@@ -0,0 +1,110 @@
+
+import React, { useState } from 'react';
+import CounterUpCom from '../../lib/CounterUpCom';
+import PopupVideo from '../PopupVideo';
+
+function MissionStatement() {
+    const [showQuestion, setQuestion] = useState(1);
+    const [showVideo, setVideoValue] = useState(false);
+    const openQuestion = (e, value) => {
+        e.preventDefault();
+        setQuestion(value);
+    };
+
+    const ourMissions = [
+        {
+            id: 1,
+            title: "Rewards Family and Personal Goals",
+            content: "We will be the best platform for you to set a rewardable goal for you, your family, and others",
+        },
+        {
+            id: 2,
+            title: "Expand Earning Opportunities",
+            content: "We will always present opportunities equally",
+        },
+        {
+            id: 3,
+            title: "Exhibit  your Capabilities",
+            content: "We will let your ability shine to opportunities",
+        },
+        {
+            id: 4,
+            title: "Get you work done",
+            content: "For other tasks you need to get done, we will be there for smooth engagement",
+        }
+    ];
+
+    const handleShowVideo = (e) => {
+        e.preventDefault();
+        setVideoValue(!showVideo);
+    };
+    return (
+        <>
+            {showVideo && (
+                <PopupVideo
+                    videoSrc="//www.youtube.com/embed/EE7NqzhMDms?autoplay=1"
+                    handler={(e) => handleShowVideo(e)}
+                />
+            )}
+            <div className="appie-faq-8-area pt-100 pb-100" id="counter">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-5">
+                            <div className="appie-section-title">
+                                <h3 className="appie-title">Our Mission.</h3>
+                                <p>
+                                    Our mission at WrenchBoard is to empower individuals, families and communities through :
+                                </p>
+                            </div>
+                            <div
+                                className="faq-accordion wow fadeInRight mt-30"
+                                data-wow-duration="1500ms"
+                            >
+                                <div
+                                    className="accrodion-grp wow fadeIn faq-accrodion"
+                                    data-wow-duration="1500ms"
+                                    data-grp-name="faq-accrodion"
+                                >
+                                    {
+                                         ourMissions.map((item) => (
+                                                <div
+                                                    className={`accrodion ${
+                                                        showQuestion === item.id ? 'active' : ''
+                                                    }`}
+                                                    onClick={(e) => openQuestion(e, item.id)}
+                                                >
+                                                    <div className="accrodion-inner">
+                                                        <div className="accrodion-title">
+                                                            <h4>{item.title}</h4>
+                                                        </div>
+                                                        <div
+                                                            className="accrodion-content"
+                                                            style={{
+                                                                display: showQuestion === item.id ? 'block' : 'none',
+                                                            }}
+                                                        >
+                                                            <div className="inner">
+                                                                <p>
+                                                                    {item.content}
+                                                                </p>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+
+                                            ))
+                                    }
+
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div className="mission-side-box"></div>
+            </div>
+        </>
+    );
+}
+
+export default MissionStatement;
+
@@ -9,6 +9,7 @@ import DetailsService from './DetailsService';
 import HeaderService from './HeaderService';
 import HeroService from './HeroService';
 import DetailsPrivacy from './DetailsPrivacy';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';


 function Privacy() {
@@ -19,6 +20,7 @@ function Privacy() {
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderService action={drawerAction.toggle} />
            <HeroService title="Privacy Policy" />
            <DetailsPrivacy />
@@ -1,5 +1,10 @@
 import React from 'react';
 import getConfig from './../../Config/config'
+import AboutIcon from '../../assets/images/icon/about-us.ico'
+import HomeIcon from '../../assets/images/icon/home-icon.ico'
+import UseCaseIcon from '../../assets/images/icon/use-case.ico'
+import PrivacyIcon from '../../assets/images/icon/privacy-policy.ico'
+import TermsIcon from '../../assets/images/icon/term-and-conditions.ico'

 function ServiceSideMenu() {
    var site = getConfig()[0];
@@ -9,20 +14,23 @@ function ServiceSideMenu() {

                <div className="service-download-widget">
                    <a href="/">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={HomeIcon} alt='sidenav-icon' />
                        <span>Home</span>
                    </a>
                </div>

                <div className="service-download-widget">
                    <a href="/about-us">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={AboutIcon} alt='sidenav-icon' />
                        <span>About us</span>
                    </a>
                </div>
                <div className="service-download-widget">
                    <a href="/use-cases">
-                        <i className="fal fa-file-pdf"></i>
+                        {/* <i className="fal fa-file-pdf"></i> */}
+                        <img src={UseCaseIcon} alt='sidenav-icon' />
                        <span>Use Cases</span>
                    </a>
                </div>
@@ -31,13 +39,15 @@ function ServiceSideMenu() {

                <div className="service-download-widget">
                    <a href="/privacy">
-                        <i className="fal fa-download"></i>
+                        {/* <i className="fal fa-download"></i> */}
+                        <img src={PrivacyIcon} alt='sidenav-icon' />
                        <span>Privacy Policy</span>
                    </a>
                </div>
                <div className="service-download-widget">
                    <a href="/terms">
-                        <i className="fal fa-file-pdf"></i>
+                        {/* <i className="fal fa-file-pdf"></i> */}
+                        <img src={TermsIcon} alt='sidenav-icon' />
                        <span>Terms of use</span>
                    </a>
                </div>
@@ -0,0 +1,53 @@
+import React from 'react';
+import thumb from '../../assets/images/service-page.jpg';
+import ServiceSideMenu from './ServiceSideMenu';
+import getConfig from './../../Config/config'
+
+function ServiceTopart() {
+    var site = getConfig()[0];
+
+    return (
+        <>
+            <section className="appie-service-details-area pt-100 pb-100">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-4">
+                            <ServiceSideMenu />
+                        </div>
+                        <div className="col-lg-8">
+                            <div className="service-details-content">
+                                <div className="content">
+                                    <h3 className="title">What we do.</h3>
+                                    <p>
+                                    WrenchBoard is where you set goals and reward accomplishments or find somebody to perform a needed task.
+                                    </p>
+                                    {/*<hr />*/}
+                                    {/*<p>*/}
+                                    {/*    /!*An open-platform for you to build your self - image, skills set, branded personality,*!/*/}
+                                    {/*    /!*carve a network and ofcourse an income flow with ease and satisfaction of self - actualization and accomplishments.*!/*/}
+                                    {/*</p>*/}
+                                    {/*<p>*/}
+                                    {/*    A major task done by skilled professional with personal touch and completed within the twinkling of an eye in specified time-frame.*/}
+                                    {/*</p>*/}
+                                    <hr />
+                                    <p>
+                                    WrenchBoard is the marketplace that allows users to raise their hands and gives you the power to select who you want to perform your task.
+                                    </p>
+                                    <hr />
+                                    <p>
+                                    Our commitment to quality ensures that WrenchBoard.com remains a trusted platform for reliable transaction and redspectable partnerships.
+                                    </p>
+                                    <hr />
+                                    Do more at < a href ={process.env.REACT_APP_DASH_URL_LOGIN} >WrenchBoard</a>
+
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </>
+    );
+}
+
+export default ServiceTopart;
@@ -9,6 +9,7 @@ import DetailsService from './DetailsService';
 import HeaderService from './HeaderService';
 import HeroService from './HeroService';
 import DetailsTerms from './DetailsTerms';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function Terms() {
    useEffect(() => {
@@ -18,6 +19,7 @@ function Terms() {
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderService action={drawerAction.toggle} />
            <HeroService title="Terms of use" />
            <DetailsTerms />
@@ -9,6 +9,9 @@ import DetailsService from './DetailsService';
 import HeaderService from './HeaderService';
 import HeroService from './HeroService';
 import HeroNews from '../News/HeroNews';
+import MissionStatement from "./MissionStatement";
+import ServiceTopart from "./ServiceTopart";
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function Service() {
    useEffect(() => {
@@ -18,6 +21,7 @@ function Service() {
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderService action={drawerAction.toggle} />
            {/* <HeroService title="Our Service to you" /> */}
            <HeroNews
@@ -27,8 +31,9 @@ function Service() {
                    { link: '/service', title: 'Service' },
                ]}
            />
-            <DetailsService />
-            {/*<ProjectHomeOne />*/}
+            <ServiceTopart />
+            <MissionStatement />
+            {/*<DetailsService />*/}
            <FooterHomeOne />
            <BackToTop />
        </>
@@ -0,0 +1,51 @@
+import React, { useEffect } from 'react';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
+import StickyMenu from '../../lib/StickyMenu';
+import Navigation from '../Navigation';
+
+
+function StickyHeaderNav({action}) {
+    useEffect(() => {
+        StickyMenu();
+    }, []);
+    return (
+        <header className="appie-header-area appie-sticky">
+            <div className="container">
+                <div className="header-nav-box">
+                    <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">
+                                <a href="/">
+                                    <img src={logo} alt="WrenchBoard" />
+                                </a>
+                            </div>
+                        </div>
+                        <div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
+                            <div className="appie-header-main-menu">
+                                <Navigation />
+                            </div>
+                        </div>
+                        <div className="col-lg-4  col-md-7 col-sm-6 col-6 order-2 order-sm-3">
+                            <div className="appie-btn-box text-right">
+                                <a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                                    <i className="fal fa-user" /> Login
+                                </a>
+                                <a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
+                                    Get Started
+                                </a>
+                                <div
+                                    onClick={(e) => action(e)}
+                                    className="toggle-btn ml-30 canvas_open d-lg-none d-block"
+                                >
+                                    <i className="fa fa-bars" />
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </header>
+    );
+}
+
+export default StickyHeaderNav
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import logo from '../../assets/images/wrenchboard.png';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
 import StickyMenu from '../../lib/StickyMenu';
 import Navigation from '../Navigation';
 import getConfig from './../../Config/config'
@@ -7,12 +7,14 @@ import UseCase from './UseCase';
 // import BlogSideBar from './BlogSideBar';
 import HeaderNews from './HeaderNews';
 import HeroNews from './HeroNews';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';

 function UseCases() {
    const [drawer, drawerAction] = useToggle(false);
    return (
        <>
            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
            <HeaderNews action={drawerAction.toggle} />
            <HeroNews
                title="Use Cases"
Author	SHA1	Message	Date
victorAnumudu	df53c29afb	image blended with container bg	2023-08-15 23:04:16 +01:00
tokslaw	3b45980868	Merge branch 'header-nav-revert' of WrenchBoard/WrenchBoardMainSite into master	2023-08-15 21:26:51 +00:00
victorAnumudu	ac97aafaf6	reverted header component	2023-08-15 21:52:31 +01:00
tokslaw	c642db8b67	Merge branch 'font-task' of WrenchBoard/WrenchBoardMainSite into master	2023-08-15 20:18:50 +00:00
victorAnumudu	75e1b789fa	sticky nav changed to enable hidden logo to appear	2023-08-15 20:42:02 +01:00
victorAnumudu	c865c04ce1	link tag added, font and line height adjusted	2023-08-15 19:57:27 +01:00
tokslaw	9b46c3b9fb	Merge branch 'terms-update' of WrenchBoard/WrenchBoardMainSite into master	2023-08-15 16:14:18 +00:00
tokslaw	9e1ebadae3	Merge branch 'text-bg' of WrenchBoard/WrenchBoardMainSite into master	2023-08-15 16:07:16 +00:00
tokslaw	45c9c83eb5	Merge branch 'services-icon' of WrenchBoard/WrenchBoardMainSite into master	2023-08-15 15:31:24 +00:00
victorAnumudu	5d86cbab6d	terms of use icon added	2023-08-15 10:31:21 +01:00
victorAnumudu	de5ea3ac0a	services menu icon added	2023-08-15 09:42:46 +01:00
victorAnumudu	c9bd8222e2	updated terms of use	2023-08-14 15:01:08 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	048203399d	app images	2023-08-06 16:41:53 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	69e357c37a	image update	2023-08-06 14:24:32 -04:00
victorAnumudu	2a4232b8ba	bg added to text	2023-08-06 07:23:03 +01:00
tokslaw	80bd761ce4	Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite	2023-08-05 20:18:26 -04:00
tokslaw	9e9af35334	WRB logo text	2023-08-05 20:18:05 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	14e2cfc217	Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite	2023-08-05 20:14:32 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	c476817560	app images	2023-08-05 20:14:26 -04:00
tokslaw	f4206bee13	footer text style	2023-08-05 16:50:35 -04:00
tokslaw	616b964a16	logo text added	2023-08-05 16:04:10 -04:00
tokslaw	c3d779a435	favicon -image added	2023-08-05 15:39:12 -04:00
tokslaw	71d98d8272	www- performing tasks texts modified	2023-08-05 14:43:05 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a262de8647	new profile central	2023-08-03 22:19:58 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	8b360f8404	profile	2023-08-03 22:09:52 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	fed3808346	eoffer	2023-07-23 09:10:22 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	71f1026abc	Added images	2023-07-23 07:22:49 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	6880a156e3	remove Nigeria address	2023-07-22 16:43:55 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a06a109681	Removed jobs	2023-07-22 16:38:10 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	1ad8e3bb29	favicon fix	2023-07-10 10:42:05 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	1a94010fe5	home banner	2023-07-10 06:56:32 -04:00
ameye	391a290328	Merge branch 'task-card-height' of WrenchBoard/WrenchBoardMainSite into master	2023-07-10 08:53:21 +00:00
victorAnumudu	6787b17c12	adjusted task card height	2023-07-10 06:25:27 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	d4806702da	home tezt	2023-07-08 16:16:16 -04:00
ameye	1d31c9298b	Merge branch 'about-icon-text-center' of WrenchBoard/WrenchBoardMainSite into master	2023-07-02 21:45:04 +00:00
victorAnumudu	3771759ef8	made the heading text centralised	2023-07-02 20:55:52 +01:00
ameye	c6d7ffe886	Merge branch 'service-page' of WrenchBoard/WrenchBoardMainSite into master	2023-07-02 12:09:29 +00:00
ameye	20cf996248	Merge branch 'current-job-space-fix' of WrenchBoard/WrenchBoardMainSite into master	2023-07-02 12:09:21 +00:00
victorAnumudu	92e4771768	space bug fixed	2023-07-01 22:07:03 +01:00
victorAnumudu	5683e05af7	service page image height fixed	2023-07-01 20:52:22 +01:00
ameye	c7675f7941	Merge branch 'blog-implementation' of WrenchBoard/WrenchBoardMainSite into master	2023-07-01 12:34:55 +00:00
victorAnumudu	8366d3820b	image url fixed	2023-07-01 13:15:22 +01:00
victorAnumudu	e599dc0d28	blog API implementation	2023-07-01 11:08:43 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	40cdc7f3e7	servcies	2023-06-29 23:03:04 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	5466bb3b66	mission text	2023-06-29 22:35:42 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a10a98a393	mission statement parts	2023-06-29 22:18:43 -04:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	6f34b1bf57	Mission statement starter	2023-06-29 21:06:54 -04:00
ameye	f0f11cacd5	Merge branch 'font-fix' of WrenchBoard/WrenchBoardMainSite into master	2023-06-29 19:00:14 +00:00
				`@@ -0,0 +1 @@`
				`{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}`