bg added to text

This reverts commit 10cefdc40d.

.env

@@ -1 +1,19 @@
-ESLINT_NO_DEV_ERRORS=true
+ESLINT_NO_DEV_ERRORS=true
+
+REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
+REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
+
+REACT_APP_SITE_NAME='WrenchBoard'
+REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
+REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
+REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup"
+REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
+REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
+REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'
+REACT_APP_TWITTER_LINK='https://twitter.com/wrenchboard/'
+REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/wrenchboard/"
+REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
+REACT_APP_SUPPORT_PHONE='404 855-7966'
+REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
+REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'

.env.development

@@ -0,0 +1,19 @@
+ESLINT_NO_DEV_ERRORS=true
+
+REACT_APP_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
+REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
+
+REACT_APP_SITE_NAME='WrenchBoard'
+REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
+REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
+REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup"
+REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
+REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
+REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'
+REACT_APP_TWITTER_LINK='https://twitter.com/wrenchboard/'
+REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/wrenchboard/"
+REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
+REACT_APP_SUPPORT_PHONE='404 855-7966'
+REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
+REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'

.env.production

@@ -0,0 +1,19 @@
+ESLINT_NO_DEV_ERRORS=true
+
+REACT_APP_AUX_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/en/wrench/api/v1"
+REACT_APP_USERS_ENDPOINT="https://apigate.orion.g1.wrenchboard.com/en/wrench/api/v1"
+
+REACT_APP_SITE_NAME='WrenchBoard'
+REACT_APP_DASH_URL='https://users.wrenchboard.com'
+REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login"
+REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup"
+REACT_APP_ANDROID_APP='https://play.google.com/store/apps/details?id=com.wrenchboard.users'
+REACT_APP_APPLE_APP='https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8'
+REACT_APP_FACEBOOK_LINK='https://www.facebook.com/wrenchboard'
+REACT_APP_TWITTER_LINK='https://twitter.com/wrenchboard/'
+REACT_APP_LINKEDIN_LINK="https://www.linkedin.com/company/wrenchboard/"
+REACT_APP_SUPPORT_EMAIL='support@wrenchboard.com'
+REACT_APP_SUPPORT_PHONE='404 855-7966'
+REACT_APP_SUPPORT_PHONE_NG='(+420) 336 476 328'
+REACT_APP_SUPPORT_US_ADDRESS='Cumberland Pkwy, Atlanta GA 30339'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

.idea/workspace.xml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="fd4afde1-1e8e-4d28-9403-576562526750" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/docker-compose.yml" beforeDir="false" afterPath="$PROJECT_DIR$/docker-compose.yml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docker/Dockerfile" beforeDir="false" afterPath="$PROJECT_DIR$/docker/Dockerfile" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/assets/css/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/css/main.css" afterDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ComposerSettings">
+    <execution />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="MarkdownSettingsMigration">
+    <option name="stateVersion" value="1" />
+  </component>
+  <component name="ProjectId" id="25iP36UZglWNAHyrv5jJoQeK0xF" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
+    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="node.js.detected.package.eslint" value="true" />
+    <property name="node.js.selected.package.eslint" value="(autodetect)" />
+    <property name="nodejs_package_manager_path" value="npm" />
+    <property name="vue.rearranger.settings.migration" value="true" />
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="fd4afde1-1e8e-4d28-9403-576562526750" name="Changes" comment="" />
+      <created>1646006732965</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1646006732965</updated>
+      <workItem from="1646006734585" duration="420000" />
+      <workItem from="1646165240272" duration="1771000" />
+      <workItem from="1646172842260" duration="10502000" />
+      <workItem from="1646557970520" duration="2123000" />
+      <workItem from="1648155462374" duration="2218000" />
+      <workItem from="1649081744625" duration="1110000" />
+      <workItem from="1649187179749" duration="1116000" />
+      <workItem from="1649967735144" duration="280000" />
+      <workItem from="1650593705732" duration="1075000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>

Dockerfile

@@ -0,0 +1,121 @@
+FROM alpine:3.15
+
+ENV NODE_VERSION 14.19.0
+
+RUN addgroup -g 1000 node \
+    && adduser -u 1000 -G node -s /bin/sh -D node \
+    && apk add --no-cache \
+        libstdc++ \
+    && apk add --no-cache --virtual .build-deps \
+        curl \
+    && ARCH= && alpineArch="$(apk --print-arch)" \
+      && case "${alpineArch##*-}" in \
+        x86_64) \
+          ARCH='x64' \
+          CHECKSUM="8d5e638d88b62de2f147dee812a5d74e4860a20468eb7ff32c41a02b58e2aebf" \
+          ;; \
+        *) ;; \
+      esac \
+  && if [ -n "${CHECKSUM}" ]; then \
+    set -eu; \
+    curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \
+    echo "$CHECKSUM  node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \
+      && tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \
+      && ln -s /usr/local/bin/node /usr/local/bin/nodejs; \
+  else \
+    echo "Building from source" \
+    # backup build
+    && apk add --no-cache --virtual .build-deps-full \
+        binutils-gold \
+        g++ \
+        gcc \
+        gnupg \
+        libgcc \
+        linux-headers \
+        make \
+        python3 \
+    # gpg keys listed at https://github.com/nodejs/node#release-keys
+    && for key in \
+      4ED778F539E3634C779C87C6D7062848A1AB005C \
+      94AE36675C464D64BAFA68DD7434390BDBE9B9C5 \
+      74F12602B6F1C4E913FAA37AD3A89613643B6201 \
+      71DCFD284A79C3B38668286BC97EC7A07EDE3FC1 \
+      8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \
+      C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \
+      C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \
+      DD8F2338BAE7501E3DD5AC78C273792F7D83545D \
+      A48C2BEE680E841632CD4E44F07496B3EB3C1762 \
+      108F52B48DB57BB0CC439B2997B01419BD92F80A \
+      B9E2F5981AA6E0CD28160D9FF13993A75599653C \
+    ; do \
+      gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+      gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+    done \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \
+    && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \
+    && grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \
+    && tar -xf "node-v$NODE_VERSION.tar.xz" \
+    && cd "node-v$NODE_VERSION" \
+    && ./configure \
+    && make -j$(getconf _NPROCESSORS_ONLN) V= \
+    && make install \
+    && apk del .build-deps-full \
+    && cd .. \
+    && rm -Rf "node-v$NODE_VERSION" \
+    && rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \
+  fi \
+  && rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \
+  && apk del .build-deps \
+  # smoke tests
+  && node --version \
+  && npm --version
+
+ENV YARN_VERSION 1.22.17
+
+RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
+  && for key in \
+    6A010C5166006599AA17F08146C2130DFD2497F5 \
+  ; do \
+    gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+    gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+  done \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
+  && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && mkdir -p /opt \
+  && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
+  && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && apk del .build-deps-yarn \
+  # smoke test
+  && yarn --version
+
+COPY docker-entrypoint.sh /usr/local/bin/
+ENTRYPOINT ["docker-entrypoint.sh"]
+
+# set working directory
+WORKDIR /app
+
+# add `/app/node_modules/.bin` to $PATH
+ENV PATH /app/node_modules/.bin:$PATH
+
+# install app dependencies
+COPY package.json ./
+#COPY package-lock.json ./
+RUN npm install --silent
+RUN npm install react-scripts@3.4.1 -g --silent
+RUN npm install -g serve
+
+# add app
+COPY . ./
+
+# build app
+RUN npm run-script build
+
+# start app
+# CMD ["serve", "-s", "build"]
+
+CMD ["npm", "start"]
+

docker-compose.yml

@@ -5,19 +5,17 @@ services:
       context: .
       dockerfile: docker/Dockerfile
     restart: unless-stopped
-    volumes:
-      - ./:/app
-      - '/app/node_modules'
+    image: registry.chiefsoft.net/wrenchboardmainsite_wrenchboard-www:latest
     ports:
       - 9081:3000
     extra_hosts:
       - backend.wrenchboard.api.live:10.10.33.15
       - backend.wrenchboard.api.test:10.10.33.15
-      #- backend.wrenchboard.api.live:172.31.4.27
-      #- backend.wrenchboard.api.test:10.20.30.27
+      # #- backend.wrenchboard.api.live:172.31.4.27
+      # #- backend.wrenchboard.api.test:10.20.30.27
       - apigateway.wrenchboard.app.dev.fluxtra.net:10.20.30.19
       - apigateway.wrenchboard.app.lotus.fluxtra.net:172.31.4.19
     environment:
       - CHOKIDAR_USEPOLLING=true
 volumes:
-  src:
+  src:

docker-entrypoint.sh

@@ -0,0 +1,11 @@
+#!/bin/sh
+set -e
+
+# Run command with node if the first argument contains a "-" or is not a system command. The last
+# part inside the "{}" is a workaround for the following bug in ash/dash:
+# https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=874264
+if [ "${1#-}" != "${1}" ] || [ -z "$(command -v "${1}")" ] || { [ -f "${1}" ] && ! [ -x "${1}" ]; }; then
+  set -- node "$@"
+fi
+
+exec "$@"

docker/Dockerfile

@@ -1,5 +1,99 @@
-# pull official base image
-FROM node:13.12.0-alpine
+FROM alpine:3.15
+
+ENV NODE_VERSION 14.19.0
+
+RUN addgroup -g 1000 node \
+    && adduser -u 1000 -G node -s /bin/sh -D node \
+    && apk add --no-cache \
+        libstdc++ \
+    && apk add --no-cache --virtual .build-deps \
+        curl \
+    && ARCH= && alpineArch="$(apk --print-arch)" \
+      && case "${alpineArch##*-}" in \
+        x86_64) \
+          ARCH='x64' \
+          CHECKSUM="8d5e638d88b62de2f147dee812a5d74e4860a20468eb7ff32c41a02b58e2aebf" \
+          ;; \
+        *) ;; \
+      esac \
+  && if [ -n "${CHECKSUM}" ]; then \
+    set -eu; \
+    curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \
+    echo "$CHECKSUM  node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \
+      && tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \
+      && ln -s /usr/local/bin/node /usr/local/bin/nodejs; \
+  else \
+    echo "Building from source" \
+    # backup build
+    && apk add --no-cache --virtual .build-deps-full \
+        binutils-gold \
+        g++ \
+        gcc \
+        gnupg \
+        libgcc \
+        linux-headers \
+        make \
+        python3 \
+    # gpg keys listed at https://github.com/nodejs/node#release-keys
+    && for key in \
+      4ED778F539E3634C779C87C6D7062848A1AB005C \
+      94AE36675C464D64BAFA68DD7434390BDBE9B9C5 \
+      74F12602B6F1C4E913FAA37AD3A89613643B6201 \
+      71DCFD284A79C3B38668286BC97EC7A07EDE3FC1 \
+      8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \
+      C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \
+      C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \
+      DD8F2338BAE7501E3DD5AC78C273792F7D83545D \
+      A48C2BEE680E841632CD4E44F07496B3EB3C1762 \
+      108F52B48DB57BB0CC439B2997B01419BD92F80A \
+      B9E2F5981AA6E0CD28160D9FF13993A75599653C \
+    ; do \
+      gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+      gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+    done \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \
+    && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \
+    && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \
+    && grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \
+    && tar -xf "node-v$NODE_VERSION.tar.xz" \
+    && cd "node-v$NODE_VERSION" \
+    && ./configure \
+    && make -j$(getconf _NPROCESSORS_ONLN) V= \
+    && make install \
+    && apk del .build-deps-full \
+    && cd .. \
+    && rm -Rf "node-v$NODE_VERSION" \
+    && rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \
+  fi \
+  && rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \
+  && apk del .build-deps \
+  # smoke tests
+  && node --version \
+  && npm --version
+
+ENV YARN_VERSION 1.22.17
+
+RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
+  && for key in \
+    6A010C5166006599AA17F08146C2130DFD2497F5 \
+  ; do \
+    gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
+    gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
+  done \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
+  && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
+  && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && mkdir -p /opt \
+  && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
+  && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
+  && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
+  && apk del .build-deps-yarn \
+  # smoke test
+  && yarn --version
+
+COPY docker-entrypoint.sh /usr/local/bin/
+ENTRYPOINT ["docker-entrypoint.sh"]
 
 # set working directory
 WORKDIR /app
@@ -12,9 +106,13 @@ COPY package.json ./
 #COPY package-lock.json ./
 RUN npm install --silent
 RUN npm install react-scripts@3.4.1 -g --silent
+RUN npm install -g serve
 
 # add app
 COPY . ./
 
+# build app
+RUN npm run-script build
+
 # start app
-CMD ["npm", "start"]
+CMD ["serve", "-s", "build"]

public/assets/images/site.webmanifest

@@ -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"}

public/index.html

@@ -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,19 +26,42 @@
       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-32x32.png" />
+    <meta property="business:contact_data:street_address" content="Cumberland Pkwy">
+    
+
+
+    <script>
+      (function (i, s, o, g, r, a, m) {
+          i['GoogleAnalyticsObject'] = r;
+          i[r] = i[r] || function () {
+              (i[r].q = i[r].q || []).push(arguments)
+          }, i[r].l = 1 * new Date();
+          a = s.createElement(o),
+                  m = s.getElementsByTagName(o)[0];
+          a.async = 1;
+          a.src = g;
+          m.parentNode.insertBefore(a, m)
+      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+
+      ga('create', 'UA-54829827-4', 'auto');
+      ga('send', 'pageview');
+
+  </script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
+      need jv8
     -->
   </body>
+  <script>var LHC_API = LHC_API||{};
+    LHC_API.args = {mode:'widget',lhc_base_url:'//chat.live.wrenchboard.com/',wheight:450,wwidth:350,pheight:520,pwidth:500,leaveamessage:true,check_messages:false};
+    (function() {
+    var po = document.createElement('script'); po.type = 'text/javascript'; po.setAttribute('crossorigin','anonymous'); po.async = true;
+    var date = new Date();po.src = '//chat.live.wrenchboard.com/design/defaulttheme/js/widgetv2/index.js?'+(""+date.getFullYear() + date.getMonth() + date.getDate());
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+    })();
+   </script>
 </html>

public/site.webmanifest

@@ -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"}

src/Config/config.js

@@ -12,10 +12,14 @@ function getConfig() {
             "apple_app": 'https://itunes.apple.com/us/app/wrenchboard/id1435718367?ls=1&mt=8',
             "facebook_link": 'https://www.facebook.com/wrenchboard',
             "twitter_link": 'https://twitter.com/wrenchboard/',
+            "linked_link": "https://www.linkedin.com/company/wrenchboard/",
             "support_email": 'support@wrenchboard.com',
             "support_phone": '404 855-7966',
-            "support_us_address": 'Atlanta,GA 30339',
+            "support_phone_ng": '(+420) 336 476 328',
+            "support_us_address": 'Cumberland Pkwy, Atlanta GA 30339',
+            "support_ng_address": 'Saka Tinubu Street, Victoria Island Lagos, Nigeria',
             "dummy": "2018-06-25T18:54:22.000Z",
+            "user_service_endpoint": process.env.REACT_APP_AUX_ENDPOINT,
         }
     ];
 

src/Routes.js

@@ -20,6 +20,7 @@ import UseCases from './components/UseCases';
 
 import Privacy from './components/Service/Privacy';
 import Terms from './components/Service/Terms';
+import FAQ from './components/FAQ/Index';
 
 function Routes() {
     const [loading, setLoading] = useState(true);
@@ -43,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} />
@@ -52,6 +54,7 @@ function Routes() {
                             <Route exact path="/privacy" component={Privacy} />
                             <Route exact path="/about-us" component={AboutUs} />
                             <Route exact path="/contact" component={Contact} />
+                            <Route exact path="/faq" component={FAQ} />
                             <Route exact path="/error" component={Error} />
                             <Route component={Error} />
                         </Switch>

src/Services/BlogData.js

@@ -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;

src/Services/ContactData.js

@@ -0,0 +1,11 @@
+import Axios from 'axios';
+import getConfig from './../Config/config'
+
+async function ContactData(callData) {
+    // debugger;
+    var site = getConfig()[0];
+    let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/sitecontact`, callData);
+    return response.data.result;
+}
+
+export default ContactData;

src/Services/FaqData.js

@@ -0,0 +1,11 @@
+import Axios from 'axios';
+import getConfig from './../Config/config'
+
+async function FaqData() {
+    // debugger;
+    var site = getConfig()[0];
+    let response = await Axios.post(`${process.env.REACT_APP_AUX_ENDPOINT}/faq`);
+    return await response;
+}
+
+export default FaqData;

src/Services/JobsData.js

@@ -1,146 +1,24 @@
-// http://172.31.4.19:8000/wordpress-data
-
-//import React from 'react';
 import Axios from 'axios';
+import getConfig from './../Config/config'
 
-function JobsData() {
-
-    var callData =[ {
+async function JobsData() {
+    var site = getConfig()[0];
+    var callData = [{
         "limit": 10,
-        "page":1
-    } ];
-
-    console.log("~~~~~~~~ ameye jobData ~~~~~~~~~");
-var res = null;
-   const getWrenchBoardJobs = () => {
-        Axios.post("https://www.wrenchboard.com/svs/user/startjoblist",callData).then((response) => {
-           console.log(response);
-           res = response;
-           console.log("~~~~~~~~ jobData ~~~~~~~~~");
-           return response;
-          // console.log(blogResultData);
+        "page": 1
+    }];
+/*
+    var res = null;
+    const getWrenchBoardJobs = () => {
+        Axios.post("https://dashboard.wrenchboard.com/svs/user/startjoblist", callData).then((response) => {
+            res = response;
+            return response;
         });
     }
-
-  /*  return (
-        <>
-            Ameye
-        </>
-    );
 */
-getWrenchBoardJobs();
-
-//console.log(getWrenchBoardBlog());
-
-//console.log("Ameye got here");
- //   return blogResultData; // getWrenchBoardBlog();
-
- var res1  =[
-    {
-        "title": "Post 5 articles to social ",
-        "description": "This  task is about posting 5 articles like from www.dorcastore.com to you Facebook page",
-        "id": "109",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "5th Jan 2022",
-        "sent": null
-    },
-    {
-        "title": "Article",
-        "description": "Opinion (Nigeria economy/politics) for Publication",
-        "id": "108",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "5th Dec 2019",
-        "sent": null
-    },
-    {
-        "title": "Create a family related article for my blog",
-        "description": "Propose a title and write about 500-word article for my blog",
-        "id": "23",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "14th Nov 2018",
-        "sent": null
-    },
-    {
-        "title": "Promote my blog with your Facebook page",
-        "description": "You will need to have a Facebook page with at least 400 friends to for this task",
-        "id": "73",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "14th Nov 2018",
-        "sent": null
-    },
-    {
-        "title": "Promote health care based articles",
-        "description": "Promote by placing my articles on your blog with good Alexa ranking ",
-        "id": "92",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "14th Nov 2018",
-        "sent": null
-    },
-    {
-        "title": "Pictures of Product Display In Supermarket",
-        "description": "We are conducting a product research and I want to know the most common products in my line of business. Go to ten supermarkets around and take pictures of the wine sections clearly showing the wines",
-        "id": "103",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "9th Nov 2018",
-        "sent": null
-    },
-    {
-        "title": "Write a Health Article for a blog",
-        "description": "Write a 1-page article on “The need for healthy eating in Nigeria”. The article is for publication on a health and wellness blog.",
-        "id": "101",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "9th Nov 2018",
-        "sent": null
-    },
-    {
-        "title": "Who are Niger Delta's Warlords?",
-        "description": "Describe the situation that led to Niger Delta Amnesty Programme?",
-        "id": "105",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "31st Oct 2018",
-        "sent": null
-    },
-    {
-        "title": "What is Niger Delta Ecology?",
-        "description": "Write article on Niger Delta Ecology",
-        "id": "104",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "28th Oct 2018",
-        "sent": null
-    },
-    {
-        "title": "Promote health care based articles",
-        "description": "Promote by placing my articles on your blog with good Alexa ranking ",
-        "id": "92",
-        "job_description": null,
-        "price": null,
-        "timeline_days": null,
-        "expire": "25th Jul 2018",
-        "sent": null
-    }
-];
-
-
- return res1;
-  }
+    let response = await Axios.post(process.env.REACT_APP_AUX_ENDPOINT+'/startjoblist', callData);
+    return await response;
+}
 
 export default JobsData;
 

src/assets/css/default.css

@@ -4,6 +4,9 @@ a {
     text-decoration: none;
     background-color: transparent;
 }
+.expire{
+	color:red;
+}
 .mt-5 {
 	margin-top: 5px;
 }

src/assets/css/main.css

@@ -107,7 +107,7 @@ ol {
 }
 
 p {
-  font-size: 16px;
+  font-size: 17px;
   font-weight: 400;
   line-height: 24px;
   color: #505056;
@@ -174,34 +174,36 @@ p {
 .appie-section-title .appie-title {
   font-size: 44px;
   line-height: 54px;
-  color: #08538d;
+  /* color: #08538d; */
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-section-title .appie-title {
     font-size: 36px;
     line-height: 46px;
-    color: #08538d;
+    /* color: #08538d; */
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .appie-section-title .appie-title {
     font-size: 36px;
     line-height: 46px;
-    color: #08538d;
+    /* color: #08538d; */
   }
 }
 @media (max-width: 767px) {
   .appie-section-title .appie-title {
     font-size: 26px;
     line-height: 36px;
-    color: #08538d;
+    /* color: #08538d; */
   }
 }
 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .appie-section-title .appie-title {
     font-size: 36px;
     line-height: 46px;
-    color: #08538d;
+    /* color: #08538d; */
   }
 }
 .appie-section-title p {
@@ -1405,8 +1407,8 @@ p {
     3.APPIE HERO css 
 ===========================*/
 .appie-hero-area {
-  padding-top: 200px;
-  padding-bottom: 110px;
+  padding-top: 120px;
+  padding-bottom: 30px;
   overflow: hidden;
   position: relative;
   z-index: 10;
@@ -1430,7 +1432,15 @@ p {
   line-height: 80px;
   padding: 0 80px;
   color: #08538d;
+  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;
@@ -1726,15 +1736,17 @@ p {
   }
 }
 .appie-hero-content > span {
-  color: #2b70fa;
+  color: #4687ba;
   font-size: 14px;
   font-weight: 500;
 }
 .appie-hero-content .appie-title {
-  font-size: 60px;
+  font-size: 53px;
   line-height: 70px;
   margin-top: 10px;
   margin-bottom: 22px;
+  letter-spacing: 4.6px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-hero-content .appie-title {
@@ -2199,7 +2211,7 @@ p {
 }
 
 .appie-page-title-area {
-  height: 450px;
+  height: 250px;
   background-image: url(../images/service-back.jpg);
   background-size: cover;
   background-position: center;
@@ -2208,7 +2220,7 @@ p {
   align-items: center;
 }
 .appie-page-title-area.appie-page-service-title-area {
-  height: 450px;
+  height: 400px;
   background-image: url(../images/service-back.jpg);
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
@@ -2313,7 +2325,15 @@ p {
     4.APPIE SERVOCE css 
 ===========================*/
 .appie-service-area {
-  background: #eef1f6;
+  background: #fbf4fe;
+  position: relative;
+  background-position: 92% 100%;
+  background-repeat: no-repeat;
+  background-size: auto;
+}
+
+.appie-service-area.features-section{
+  /* background: #fff; */
   position: relative;
   background-position: 92% 100%;
   background-repeat: no-repeat;
@@ -2334,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 {
@@ -2351,8 +2373,8 @@ p {
   width: 70px;
   text-align: center;
   line-height: 70px;
-  background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
-  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+  /*background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
+  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);*/
   position: relative;
 }
 .appie-single-service .icon > span {
@@ -2379,22 +2401,22 @@ p {
   transform: translateY(-15px);
 }
 .appie-single-service.item-2 .icon {
-  background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);
+  /*background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);*/
 }
 .appie-single-service.item-2 .icon span {
   background: #f8452d;
 }
 .appie-single-service.item-3 .icon {
-  background: linear-gradient(135deg, #a0eac2 0%, #31c369 100%);
+  /*background: linear-gradient(135deg, #a0eac2 0%, #31c369 100%);*/
 }
 .appie-single-service.item-3 .icon span {
   background: #31c369;
 }
 .appie-single-service.item-4 .icon {
-  background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
+  /*background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);*/
 }
 .appie-single-service.item-4 .icon span {
-  background: #9b2cfa;
+  background: #2b70fa;
 }
 .appie-single-service.appie-single-services-3 {
   background: transparent;
@@ -2460,7 +2482,7 @@ p {
 .appie-single-service-2 {
   border: 1px solid #eef0f4;
   border-radius: 10px;
-  padding: 48px;
+  padding: 40px;
   -webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
   -ms-transition: all 0.3s ease-out 0s;
@@ -2482,11 +2504,16 @@ p {
   color: #fff;
   border-radius: 50%;
 }
+.appie-single-service-2 .icon img {
+  height: 100px;
+  width: 100px;
+}
 .appie-single-service-2 .title {
   font-size: 20px;
   font-weight: 700;
   margin-top: 30px;
   margin-bottom: 10px;
+  text-align: center;
 }
 .appie-single-service-2 a {
   font-size: 14px;
@@ -2535,19 +2562,19 @@ p {
 }
 .appie-single-service-2.appie-single-service-about {
   border-radius: 0;
-  padding: 0 90px 30px 0;
+  /* padding: 0 30px 30px 0; */
   border: 0;
   transition: all linear 0.3s;
 }
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-single-service-2.appie-single-service-about {
-    padding-right: 30px;
+    /* padding-right: 30px; */
   }
 }
 @media (max-width: 767px) {
   .appie-single-service-2.appie-single-service-about {
-    padding-right: 50px;
-    padding-left: 50px;
+    /* padding-right: 50px;
+    padding-left: 50px; */
   }
 }
 .appie-single-service-2.appie-single-service-about .icon i {
@@ -2626,10 +2653,13 @@ p {
   margin-bottom: 20px;
 }
 .service-details-sidebar .service-category-widget ul li i {
-  color: #2b70fa;
+  color: #4687ba;
   width: 15px;
   margin-right: 15px;
 }
+.service-details-sidebar .service-category-widget ul li a {
+  color: #4687ba;
+}
 .service-details-sidebar .service-category-widget ul li:last-child {
   margin-bottom: 0;
 }
@@ -2643,10 +2673,10 @@ p {
   color: #505056;
 }
 .service-details-sidebar .service-download-widget a:hover {
-  color: #2b70fa;
+  color: #4687ba;
 }
 .service-details-sidebar .service-download-widget i {
-  color: #2b70fa;
+  color: #4687ba;
   padding-right: 15px;
 }
 
@@ -2660,13 +2690,16 @@ p {
 .service-details-content .content .title {
   font-size: 30px;
   margin-bottom: 18px;
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
 }
-.service-details-content .content span {
-  font-size: 20px;
-  line-height: 30px;
-  color: #0e1133;
-  padding-top: 34px;
-  padding-bottom: 26px;
+.service-details-content .content p {
+  font-size: 18px;
+  line-height: 28px;
+  padding: 10px 0px;
+}
+.service-details-content .content p a {
+  color: #4687ba;
 }
 
 .appie-services-8-area .service-thumb {
@@ -2786,26 +2819,38 @@ p {
   color: #2b70fa;
   margin-bottom: 8px;
 }
+
+.appie-features-content {
+  background: #fff;
+  border-radius: 6px;
+  padding: 20px;
+  transition: all .25s;
+}
+
+.appie-features-content:hover {
+  box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
+}
+
 .appie-features-content .title {
-  font-size: 44px;
-  line-height: 54px;
+  font-size: 20px;
+  line-height: 24px;
   margin-bottom: 10px;
 }
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
   .appie-features-content .title {
-    font-size: 36px;
-    line-height: 44px;
+    font-size: 18px;
+    line-height: 24px;
   }
 }
 @media (max-width: 767px) {
   .appie-features-content .title {
-    font-size: 30px;
-    line-height: 40px;
+    font-size: 18px;
+    line-height: 24px;
   }
 }
 .appie-features-content p {
-  font-size: 18px;
-  line-height: 28px;
+  font-size: 16px;
+  line-height: 20px;
   padding-bottom: 30px;
 }
 
@@ -2936,13 +2981,13 @@ p {
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .appie-features-thumb {
     text-align: center;
-    margin-top: 50px;
+    margin-top: 10px;
   }
 }
 @media (max-width: 767px) {
   .appie-features-thumb {
     text-align: center;
-    margin-top: 50px;
+    margin-top: 10px;
   }
 }
 
@@ -2972,6 +3017,7 @@ p {
   position: relative;
   overflow: hidden;
   z-index: 15;
+  background-color: #fbf4fe;
 }
 .appie-traffic-area .traffic-thumb {
   position: absolute;
@@ -3006,9 +3052,15 @@ p {
   color: #2b70fa;
 }
 .appie-traffic-title .title {
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
   font-size: 44px;
   line-height: 54px;
 }
+.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 {
     font-size: 36px;
@@ -3067,12 +3119,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%);
@@ -4197,6 +4252,27 @@ 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;
+}
+@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;
@@ -5580,7 +5656,7 @@ blockquote cite {
   ul
   li
   a:hover {
-  color: #db0f30;
+  color: #4687ba;
 }
 .appie-footer-area.appie-footer-about-area.appie-footer-8-area
   .footer-widget-info
@@ -5632,6 +5708,10 @@ blockquote cite {
 .footer-about-widget {
   padding-right: 70px;
   margin-top: 30px;
+  .logo {
+    position: relative;
+    top: -12px;
+  }
 }
 @media (max-width: 767px) {
   .footer-about-widget {
@@ -5640,7 +5720,7 @@ blockquote cite {
   }
 }
 .footer-about-widget p {
-  padding-top: 25px;
+  padding-top: 1px;
 }
 .footer-about-widget > a {
   font-size: 15px;
@@ -5695,9 +5775,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;
@@ -5711,7 +5792,7 @@ blockquote cite {
   margin-bottom: 6px;
 }
 .footer-navigation ul li a:hover {
-  color: #2b70fa;
+  color: #4687ba;
 }
 .footer-navigation.footer-navigation-2 ul li a:hover {
   color: #ff3e66;
@@ -5735,9 +5816,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;
@@ -5760,9 +5842,9 @@ blockquote cite {
 }
 
 .footer-copyright {
-  padding-top: 35px;
-  border-top: 1px solid #e1e5ec;
-  margin-top: 80px;
+  /* padding-top: 35px; */
+  /* border-top: 1px solid #e1e5ec; */
+  margin-top: 10px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .footer-copyright {
@@ -6260,6 +6342,8 @@ blockquote cite {
 }
 .appie-about-top-title .title {
   font-size: 60px;
+  letter-spacing: 2px;
+  text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
   position: relative;
   z-index: 10;
 }
@@ -8199,3 +8283,71 @@ blockquote cite {
 }
 
 /*# sourceMappingURL=style.css.map */
+
+/* CSS FOR FAQ ACCORDION DISPLAY */
+.accordion-con{
+  background-color: #f5f6f7;
+}
+
+.accordion-item{
+  position: relative;
+  overflow: hidden;
+  /* z-index: 1; */
+  border-radius: 5px;
+  box-shadow: 0px 0px 15px #ddd;
+  padding: 10px;
+  background-color: #fff;
+}
+.accordion-title-bar{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
+}
+.accordion-title p {
+  font-weight: 600;
+}
+
+.accordion-title-icon{
+  position: absolute;
+  right: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.accordion-title-icon img{
+  width: 20px;
+  height: 20px;
+  margin-top: 2px;
+}
+.horizontal{
+  transition: all .5s;
+  display: flex;
+  align-items: center;
+  background-color: skyblue;
+  color: #fff;
+  border-radius: 999px;
+  padding: 2px 3px;
+}
+.vertical{
+  transform: rotate(180deg);
+  background-color: #4687ba;
+}
+
+.accordion-body-hide{
+  position: relative;
+  height: 0;
+  visibility: hidden;
+  transition: all .5s;
+}
+.accordion-body-show{
+  position: relative;
+  /* height: 100px; */
+  visibility: visible;
+  transition: all .5s;
+  /* animation-name: slidedown;
+  animation-timing-function: linear;
+  animation-duration: .5s;
+  animation-fill-mode: forwards; */
+}

src/assets/css/style.css

@@ -5,6 +5,16 @@
   justify-content: center;
   align-items: center;
 }
+.font_black{
+  color: black;
+}
+.font_red{
+  color: red;
+}
+.boxBorder{
+  border-color: aqua;
+  background-color: #f5f6f7 ;
+}
 .appie-loader {
   opacity: 0;
 }

src/components/AboutUs/HeaderAbout.js

@@ -1,12 +1,15 @@
 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'
 
 function HeaderAbout({ action }) {
     useEffect(() => {
         StickyMenu();
     });
+    var site = getConfig()[0];
+
     return (
         <>
             <header className="appie-header-area appie-sticky">
@@ -27,10 +30,10 @@ function HeaderAbout({ action }) {
                             </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="#">
+                                    <a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
                                         <i className="fal fa-user"></i> Login
                                     </a>
-                                    <a className="main-btn ml-30" href="#">
+                                    <a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
                                         Get Started
                                     </a>
                                     <div