added new section

Merge branch 'slider-addition' of WrenchBoard/WrenchBoardMainSite into master
2024-05-17 18:49:03 +01:00 · 2024-05-17 18:46:29 +01:00 · 2024-05-16 17:02:50 +00:00 · 2024-05-16 16:18:25 +01:00 · 2024-05-13 17:02:55 +00:00 · 2024-05-13 13:01:44 +01:00
149 changed files with 1375 additions and 341 deletions
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api

 REACT_APP_SITE_NAME='WrenchBoard'
 REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
-REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
+REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login?cnt=us"
 REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=us"
 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'
@@ -17,3 +17,6 @@ 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'
+
+#AGENT LINK
+REACT_APP_AGENT_LINK='https://dev-agents.wrenchboard.com'
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api

 REACT_APP_SITE_NAME='WrenchBoard'
 REACT_APP_DASH_URL='https://dev-users.wrenchboard.com'
-REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login"
+REACT_APP_DASH_URL_LOGIN="https://dev-users.wrenchboard.com/login?cnt=us"
 REACT_APP_DASH_URL_SIGNUP="https://dev-users.wrenchboard.com/signup?cnt=us"
 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'
@@ -16,4 +16,7 @@ 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'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+
+#AGENT LINK
+REACT_APP_AGENT_LINK='https://dev-agents.wrenchboard.com'
@@ -5,7 +5,7 @@ REACT_APP_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api

 REACT_APP_SITE_NAME='WrenchBoard'
 REACT_APP_DASH_URL='https://users.wrenchboard.com'
-REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login"
+REACT_APP_DASH_URL_LOGIN="https://users.wrenchboard.com/login?cnt=us"
 REACT_APP_DASH_URL_SIGNUP="https://users.wrenchboard.com/signup?cnt=us"
 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'
@@ -16,4 +16,7 @@ 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'
+REACT_APP_SUPPORT_NG_ADDRESS='Saka Tinubu Street, Victoria Island Lagos, Nigeria'
+
+#AGENT LINK
+REACT_APP_AGENT_LINK='https://agents.wrenchboard.com'
@@ -18,6 +18,8 @@
 .env.test.local
 .env.production.local

+.idea
+

 npm-debug.log*
 yarn-debug.log*
@@ -10,6 +10,7 @@
    "react": "^17.0.2",
    "react-countup": "^6.0.0",
    "react-dom": "^17.0.2",
+    "react-owl-carousel": "^2.3.3",
    "react-router-dom": "^5.3.0",
    "react-scripts": "5.0.0",
    "react-slick": "^0.28.1",
@@ -49,6 +49,16 @@
    </noscript>

    <title>WrenchBoard</title>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WB8G0ZD483"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-WB8G0ZD483');
+    </script>
+
  </head>

  <body>
@@ -56,29 +66,29 @@
    <div id="root"></div>
  </body>

-  <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>
+<!--  <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>-->

  <script>
    var LHC_API = LHC_API || {};
@@ -105,4 +115,8 @@
      s.parentNode.insertBefore(po, s);
    })();
  </script>
+
+  <!-- plugins js -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+
 </html>
@@ -6,16 +6,6 @@
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
    }
  ],
  "start_url": ".",
@@ -1,7 +1,19 @@
 import Routes from './Routes';
+import { Redirect, useLocation } from 'react-router-dom';
+

 function App() {
-    return <Routes />;
+    const {pathname} = useLocation()
+
+    return (
+        <>
+        {pathname.startsWith('/@') ? 
+        <Redirect to='/app' />
+        :
+        <Routes />
+        }
+        </>
+    );
 }

 export default App;
@@ -25,6 +25,7 @@ import Privacy from './components/Service/Privacy';
 import Terms from './components/Service/Terms';
 import FAQ from './components/FAQ/Index';
 import Lnd from './components/lnd/Lnd';
+import AppDownload from './components/AppDownload/AppDownload';

 function Routes() {
    const [loading, setLoading] = useState(true);
@@ -44,28 +45,27 @@ function Routes() {
                </div>
            )}
            <div className={`appie-visible ${loading === false ? 'active' : ''}`}>
-                <Router>
-                    <ScrollToTop>
-                        <Switch>
-                            <Route exact path="/" component={HomeOne} />
-                            <Route exact path="/eoffer" component={HomeOne} />
-                            {/*<Route exact path="/news" component={News} />*/}
-                            <Route exact path="/blog" component={Blog} />
-                            <Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
-                            <Route exact path="/use-cases" component={UseCases} />
-                            {/*<Route exact path="/news/single-news" component={SingleNews} />*/}
-                            <Route exact path="/service" component={Service} />
-                            <Route exact path="/terms" component={Terms} />
-                            <Route exact path="/privacy" component={Privacy} />
-                            <Route exact path="/about-us" component={AboutUs} />
-                            <Route exact path="/contact" component={Contact} />
-                            <Route exact path="/faq" component={FAQ} />
-                            <Route exact path="/error" component={Error} />
-                            <Route exact path="/lnd/*" component={Lnd} />
-                            <Route component={Error} />
-                        </Switch>
-                    </ScrollToTop>
-                </Router>
+                <ScrollToTop>
+                    <Switch>
+                        <Route exact path="/" component={HomeOne} />
+                        <Route exact path="/eoffer" component={HomeOne} />
+                        {/*<Route exact path="/news" component={News} />*/}
+                        <Route exact path="/blog" component={Blog} />
+                        <Route exact path="/blog/blogdetail/:id" component={BlogDetail} />
+                        <Route exact path="/use-cases" component={UseCases} />
+                        {/*<Route exact path="/news/single-news" component={SingleNews} />*/}
+                        <Route exact path="/service" component={Service} />
+                        <Route exact path="/terms" component={Terms} />
+                        <Route exact path="/privacy" component={Privacy} />
+                        <Route exact path="/about-us" component={AboutUs} />
+                        <Route exact path="/contact" component={Contact} />
+                        <Route exact path="/faq" component={FAQ} />
+                        <Route exact path="/error" component={Error} />
+                        <Route exact path="/lnd/*" component={Lnd} />
+                        <Route exact path="/app" component={AppDownload} />
+                        <Route component={Error} />
+                    </Switch>
+                </ScrollToTop>
            </div>
        </>
    );
@@ -0,0 +1,370 @@
+@media screen and (max-width:1200px) {
+
+  /* about app section */
+  .about_app_section .about_text .app_statstic li {
+    width: 210px;
+    padding-left: 20px;
+  }
+
+  .about_app_section .about_text .app_statstic li p:first-child {
+    font-size: 30px;
+  }
+
+}
+
+
+@media screen and (max-width:992px) {
+
+  /* about app section */
+  .about_app_section .row {
+    flex-direction: column-reverse;
+  }
+
+  .about_app_section .about_img {
+    justify-content: flex-start;
+    margin-top: 75px;
+    margin-left: 0;
+  }
+
+  .about_app_section .about_img::before {
+    left: 50%;
+  }
+
+  .about_app_section .about_img .screen_img {
+    margin-left: -170px;
+  }
+
+  .about_app_section .about_text .app_statstic {
+    justify-content: flex-start;
+  }
+
+  .about_app_section .about_text .app_statstic li {
+    width: 35%;
+    margin-right: 30px;
+  }
+
+  .about_app_section .about_img::before {
+    left: 35%;
+  }
+}
+
+@media screen and (max-width:767px) {
+
+  /* about app section */
+  .about_app_section .about_text,
+  .about_app_section .about_text .section_title {
+    text-align: center;
+  }
+
+  .about_app_section .about_text .app_statstic {
+    margin-top: 0;
+    justify-content: space-between;
+  }
+
+  .about_app_section .about_text .app_statstic li {
+    width: 48%;
+    margin-right: 0;
+  }
+
+  .about_app_section .about_text .app_statstic li p:first-child {
+    font-size: 18px;
+  }
+
+  .about_app_section .about_img {
+    margin: 0;
+    margin-top: 50px;
+    justify-content: center;
+  }
+
+  .about_app_section .about_img::before {
+    width: 350px;
+    height: 350px;
+  }
+}
+
+.row_am.about_app_section._ {
+  background: #fbf4fe;
+}
+
+@media screen and (max-width:479px) {
+
+  /* about app section */
+  .about_app_section .about_img::before {
+    left: 49%;
+  }
+}
+
+/* about app section */
+/* .about_app_section .row {
+    flex-direction: column-reverse;
+  } */
+
+.about_app_section .about_img {
+  justify-content: flex-start;
+  margin-top: 75px;
+  margin-left: 0;
+}
+
+.about_app_section .about_img::before {
+  left: 50%;
+}
+
+.about_app_section .about_img .screen_img {
+  margin-left: -170px;
+}
+
+.about_app_section .about_text .app_statstic {
+  justify-content: flex-start;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 35%;
+  margin-right: 30px;
+}
+
+.about_app_section .about_img::before {
+  left: 35%;
+}
+
+/* about app section */
+.about_app_section .about_text .app_statstic {
+  margin-top: 0;
+  justify-content: space-between;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 48%;
+  margin-right: 0;
+}
+
+.about_app_section .about_text .app_statstic li p:first-child {
+  font-size: 18px;
+}
+
+.about_app_section .about_img {
+  margin: 0;
+  margin-top: 50px;
+  justify-content: center;
+}
+
+.about_app_section .about_img::before {
+  width: 350px;
+  height: 350px;
+}
+
+
+@media screen and (max-width: 479px) {
+
+  /* about app section */
+  .about_app_section .about_img::before {
+    left: 49%;
+  }
+}
+
+.section_title h2 {
+  font-size: 44px;
+  letter-spacing: 2px;
+  line-height: 54px;
+  text-shadow: 0 4px 10px #0000004d;
+  font-weight: 700;
+  color: #32236F;
+}
+
+.section_title h2 span {
+  color: #1a3544;
+}
+
+/* about us section wraper */
+.about_app_section .about_img {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+/* about us section images*/
+.about_app_section .about_img img {
+  max-width: 100%;
+}
+
+.about_app_section .about_img::before {
+  content: "";
+  position: absolute;
+  left: 38%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 500px;
+  height: 500px;
+  background-color: #fff;
+  border-radius: 100%;
+  z-index: -1;
+}
+
+.about_app_section .about_img .screen_img {
+  margin-left: -135px;
+  margin-top: 110px;
+}
+
+.about_app_section .about_text .section_title {
+  text-align: left;
+}
+
+.about_app_section .about_text .section_title h2 {
+  margin-bottom: 15px;
+}
+
+/* about us section  statastics nomber */
+.about_app_section .about_text .app_statstic {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  margin-top: 40px;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 248px;
+  background-color: #fff;
+  margin-bottom: 30px;
+  display: flex;
+  align-items: center;
+  border-radius: 12px;
+  padding: 15px 10px;
+  padding-left: 35px;
+  box-shadow: 0px 4px 10px #ede9fe;
+}
+
+.about_app_section .about_text .app_statstic li .icon {
+  margin-right: 9px;
+}
+
+.about_app_section .about_text .app_statstic li p {
+  margin-bottom: 0;
+  line-height: 1;
+  color: #32236F;
+}
+
+.about_app_section .about_text .app_statstic li p:first-child {
+  font-size: 40px;
+  font-weight: 600;
+  margin-bottom: 3px;
+}
+
+.about_app_section .about_img .screen_img img {
+  animation-delay: 3s;
+}
+
+.row_am {
+  padding: 50px 0;
+}
+
+.row_am {
+  padding: 30px 0;
+}
+
+.puprple_btn {
+  background-color: #1a3544;
+  color: #fff;
+  border-radius: 50px;
+  padding: 10px 40px;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+  font-weight: 500;
+}
+
+.puprple_btn::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 0%;
+  height: 100%;
+  background-color: #fff;
+  border-radius: 50px;
+  transition: .6s all;
+  z-index: -1;
+}
+
+.puprple_btn:hover::before {
+  width: 100%;
+}
+
+.puprple_btn:hover {
+  color: #1a3544;
+}
+
+@media screen and (max-width:767px) {
+
+  /* modern ui section */
+  .modern_ui_section .ui_images {
+    margin-top: 10px;
+  }
+
+  .modern_ui_section .section_title {
+    text-align: center;
+  }
+
+  .modern_ui_section .design_block li {
+    padding-left: 0;
+    margin-bottom: 30px;
+  }
+
+  .modern_ui_section .design_block li::before {
+    position: relative;
+    left: auto;
+    top: auto;
+    display: inline-block;
+  }
+
+}
+
+.modern_ui_section .row {
+  align-items: center;
+}
+
+.modern_ui_section .design_block {
+  margin-top: 45px;
+}
+
+/* modern ui text */
+.modern_ui_section .section_title {
+  text-align: left;
+}
+
+.modern_ui_section .ui_text {
+  padding-right: 75px;
+}
+
+/* modern ui list */
+.modern_ui_section .design_block li {
+  padding-left: 40px;
+  position: relative;
+  margin-bottom: 25px;
+}
+
+.modern_ui_section .design_block li::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 5px;
+  background-image: url(../../../src/assets/images/right_icon.png);
+  width: 22px;
+  height: 22px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+.modern_ui_section .design_block li h4 {
+  font-size: 24px;
+  font-weight: 700;
+  padding-bottom: 7px;
+  text-shadow: 3px 4px 10px #0000004d;
+
+  color: #32236F;
+  margin-bottom: 8px;
+}
+
+.modern_ui_section .design_block li p {
+  margin-bottom: 0;
+}
@@ -1,12 +1,79 @@
-/* Deafult Margin & Padding */
-/*-- Margin Top --*/
+.height-50 {
+	height: 50px;
+}
+.height-100 {
+	height: 100px;
+}
+.height-150 {
+	height: 150px;
+}
+.height-200 {
+	height: 200px;
+}
+
+.italic {
+	font-style: italic;
+}
+
 a {
-    text-decoration: none;
+	text-decoration: none;
    background-color: transparent;
 }
 .expire{
 	color:red;
 }
+
+.border-normal {
+	border: 2px solid black
+}
+.border-thin{
+	border: 4px solid black
+}
+.border-r-5 {
+	border-radius: 5px;
+}
+.border-r-10 {
+	border-radius: 10px;
+}
+
+/* Default Width sizes */
+/*-- Width Sizes --*/
+.custom-w-80 {
+	width: 80%;
+}
+.custom-w-90 {
+	width: 90%;
+}
+
+/* Default Font sizes */
+/*-- Font Sizes --*/
+.font-10 {
+	font-size: 10px;
+}
+.font-16 {
+	font-size: 16px;
+}
+.font-20 {
+	font-size: 20px;
+}
+.font-25 {
+	font-size: 25px;
+}
+.font-30 {
+	font-size: 30px;
+}
+.font-35 {
+	font-size: 35px;
+}
+.font-40 {
+	font-size: 40px;
+}
+.font-45 {
+	font-size: 45px;
+}
+
+/* Deafult Margin & Padding */
+/*-- Margin Top --*/
 .mt-5 {
 	margin-top: 5px;
 }
@@ -902,6 +969,18 @@ a {
 .black {
 	color: #222;
 }
+.color-blue {
+	color: #2b70fa;
+}
+.color-purple {
+	color: purple;
+}
+.bg-purple {
+	color: purple;
+}
+.border-purple {
+	border-color: purple;
+}
 /* black overlay */

 [data-overlay] {
@@ -1,4 +1,6 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
+@import url("aboutapp.css");
+
 body {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
@@ -170,6 +172,11 @@ p {
  border-color: #2b70fa;
  color: #fff;
 }
+.btn-get-started:hover {
+  color: purple;
+  opacity: .9;
+  transition: all .3s;
+}

 .appie-section-title {
  padding-bottom: 25px;
@@ -2547,8 +2554,8 @@ p {
  border-radius: 50%;
 }
 .appie-single-service-2 .icon img {
-  height: 100px;
-  width: 100px;
+  height: 200px;
+  /* width: 100px; */
 }
 .appie-single-service-2 .title {
  font-size: 24px;
@@ -3168,13 +3175,19 @@ p {
  }
 }

-.appie-traffic-service {
+.appie-traffic-service, .appie-traffic-service-two {
  position: relative;
+}
+.appie-traffic-service {
  padding-left: 40px;
  padding-right: 70px;
 }
+.appie-traffic-service-two {
+  padding-left: 40px;
+}
+
@media only screen and (min-width: 992px) and (max-width: 1200px) {
-  .appie-traffic-service {
+  .appie-traffic-service, .appie-traffic-service-two {
    padding-right: 0;
  }
 }
@@ -3190,12 +3203,12 @@ p {
    padding-right: 0px;
  }
 }
-.appie-traffic-service .icon {
+.appie-traffic-service .icon, .appie-traffic-service-two .icon {
  position: absolute;
  left: 0;
-  top: 5px;
+  top: 0;
 }
-.appie-traffic-service .icon i {
+.appie-traffic-service .icon i, .appie-traffic-service-two .icon i {
  height: 26px;
  width: 26px;
  text-align: center;
@@ -3206,13 +3219,13 @@ p {
  font-size: 14px;
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
 }
-.appie-traffic-service .title {
+.appie-traffic-service .title, .appie-traffic-service-two title {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 7px;
  text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
 }
-.appie-traffic-service p {
+.appie-traffic-service p, .appie-traffic-service-two p {
  font-size: 17px;
  margin-top: 10px;
  /*margin-bottom: 2px;*/
@@ -3227,6 +3240,63 @@ p {
  background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
 }

+.appie-modern-design .icon i {
+  height: 26px;
+  width: 26px;
+  text-align: center;
+  line-height: 26px;
+  border-radius: 50%;
+  background: purple;
+  color: #fff;
+  font-size: 14px;
+  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+}
+
+/* .modern_ui_section{
+  margin-top: 100px;
+} */
+.modern_ui_section .section_sub_title{
+  font-size: 30px;
+  color: purple;
+}
+.modern_ui_section .ui_images{
+  border-radius: 100%;
+  background-color: #f9f4fe;
+  width: auto;
+  height: auto;
+  padding: 30px 10px;
+}
+.modern_ui_section .right_img{
+  left: -60px;
+  top: -20px;
+}
+.modern_ui_section .left_img{
+  width: 60%;
+}
+
+.modern_ui_section .left_img img{
+  border-radius: 10px;
+}
+.modern_ui_section .right_img{
+  width: 40%;
+}
+.modern_ui_section .right_img img {
+  position: relative;
+  z-index: 2;
+}
+.modern_ui_section .right_img .right_img_one{
+  width: 120px;
+  height: auto;
+}
+.modern_ui_section .right_img .right_img_three{
+  left: -20px;
+}
+@media only screen and (min-width: 0px) and (max-width: 500px) {
+  .modern_ui_section .right_img{
+    left: -30px;
+    top: -20px;
+  }
+}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .traffic-btn {
    margin-top: 30px;
@@ -4894,6 +4964,28 @@ p {
  position: relative;
 }

+.service-item{
+  background: transparent;
+  border-radius: 6px;
+  padding: 30px 10px;
+}
+
+.service-item .icon {
+  display: inline-block;
+  text-align: center;
+
+  border-radius: 20px;
+  height: 80px;
+  line-height: 70px;
+  margin-bottom: 10px;
+  position: relative;
+  width: 80px;
+}
+
+.service-item h4 {
+  font-size: 20px;
+}
+
 .tags a {
  display: inline-block;
  height: 34px;
@@ -8457,4 +8549,90 @@ blockquote cite {
  animation-timing-function: linear;
  animation-duration: .5s;
  animation-fill-mode: forwards; */
+}
+
+
+
+/*
+LND PAGE STYLE STARTS HERE
+*/
+
+/* 1.0 BANNER SECTION */
+.banner_section{
+  background: linear-gradient(to left top, #0e1133, #15233d);
+}
+.banner_shape1{
+  left: 0;
+  top: 50%;
+  transform: rotate(45deg);
+}
+.banner_shape2{
+  top: 40%;
+  left: 90%;
+  transform: rotate(180deg);
+}
+.banner_shape3{
+  bottom: 0;
+  right: 0;
+  transform: rotate(40deg);
+}
+.banner_text h1{
+  font-size: 50px;
+  line-height: normal;
+}
+.banner_text p{
+  font-size: 16px;
+}
+.yt_video .play-button{
+  cursor: pointer;
+}
+.yt_video .play_btn{
+  width: 50px;
+  height: 50px;
+  background-color: rgba(255,255,255,0.1);
+}
+.yt_video .play_btn img{
+  background-color: rgba(255,255,255,0.3);
+}
+
+@media (max-width: 767px) {
+  .banner_text h1{
+    font-size: 20px;
+  }
+  .banner_images img{
+    width: 80%;
+  }
+}
+@media (min-width: 768px) and (max-width: 992px) {
+  .banner_text h1{
+    font-size: 30px;
+  }
+}
+
+
+/* -----------Interface_Section-Css-Start----------------- */
+
+/* interface wraper */
+.interface_section .screen_slider {
+  margin-top: 35px;
+  /* min-height: 520px; */
+  display: flex;
+  align-items: center;
+}
+
+/* interface images */
+.interface_section .owl-item .screen_frame_img img {
+  transform: scale(.9);
+  /* border: 2px solid #000; */
+  border-radius: 20px;
+  transition: 1s all;
+  margin: 0 auto;
+  height: 520px;
+  width: auto;
+}
+
+.interface_section .owl-item.center .screen_frame_img img {
+  transform: scale(1);
+  /* border: 3px solid #000; */
+  /* padding: 5px; */
 }
@@ -107,6 +107,27 @@
  margin-top: -20px;
 }

+.app-download.options{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.app-download.options .main-btn {
+  color: #0e1133;
+  background-color: #fff;
+  border: 3px solid #3EAFCC;
+  padding: 2px 112px;
+  letter-spacing: 1px;
+}
+
+.app-download.appie-hero-content h5 {
+    color: #51B5D0;
+    /* border-color: #fff; */
+}
+
@media only screen and (min-width: 300px) and (max-width: 1024px) {
  .testimonial-about-slider-active .testimonial-box {
    box-shadow: none;
@@ -121,3 +142,94 @@
    left: 15px;
  }
 }
+
+
+/* -----------------About-App-Section-Css-Start------------------ */
+
+/* about us section wraper */
+.about_app_section .about_img {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+/* about us section images*/
+.about_app_section .about_img img {
+  max-width: 100%;
+}
+
+.about_app_section .about_img::before {
+  content: "";
+  position: absolute;
+  left: 38%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 500px;
+  height: 500px;
+  background-color: #ffffff;
+  border-radius: 100%;
+  z-index: -1;
+}
+
+.about_app_section .about_img .screen_img {
+  margin-left: -135px;
+  margin-top: 110px;
+}
+
+.about_app_section .about_text .section_title {
+  text-align: left;
+}
+
+.about_app_section .about_text .section_title h2 {
+  margin-bottom: 15px;
+}
+
+/* about us section  statastics nomber */
+.about_app_section .about_text .app_statstic {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  margin-top: 40px;
+}
+
+.about_app_section .about_text .app_statstic li {
+  width: 248px;
+  background-color: #fff;
+  margin-bottom: 30px;
+  display: flex;
+  align-items: center;
+  border-radius: 12px;
+  padding: 15px 10px;
+  padding-left: 35px;
+  box-shadow: 0px 4px 10px #EDE9FE;
+}
+
+.about_app_section .about_text .app_statstic li .icon {
+  margin-right: 9px;
+}
+
+.about_app_section .about_text .app_statstic li p {
+  margin-bottom: 0;
+  line-height: 1;
+  color: #32236F;
+}
+
+.about_app_section .about_text .app_statstic li p:first-child {
+  font-size: 40px;
+  font-weight: 600;
+  margin-bottom: 3px;
+}
+
+.about_app_section .about_img .screen_img img {
+  animation-delay: 3s;
+}
+
+.about_app_section .about_text .list {
+  margin-top: 45px;
+  margin-bottom: 45px;
+}
+
+.about_text{
+  margin-top: 2rem;
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
victorAnumudu	3cc45e39b3	added new section	2024-05-17 18:49:03 +01:00
victorAnumudu	43f858243f	added new section	2024-05-17 18:46:29 +01:00
ameye	90cfa7541c	Merge branch 'slider-addition' of WrenchBoard/WrenchBoardMainSite into master	2024-05-16 17:02:50 +00:00
victorAnumudu	9c82def2c2	added another image to slider	2024-05-16 16:18:25 +01:00
tokslaw	bf599d98e9	Merge branch 'blog-display-adjust' of WrenchBoard/WrenchBoardMainSite into master	2024-05-13 17:02:55 +00:00
victorAnumudu	0857dd144a	adjusted blog display on mobile tab view	2024-05-13 13:01:44 +01:00
ameye	4259ddb98f	Merge branch 'slider-adjustment' of WrenchBoard/WrenchBoardMainSite into master	2024-04-22 11:39:30 +00:00
victorAnumudu	c33af79371	adjust slider display	2024-04-19 05:46:48 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	926ae7c663	card	2024-03-08 20:52:52 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	060a600214	reddem banners	2024-03-08 19:59:37 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	0c8d1bfd81	more image	2024-02-29 12:43:48 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	6180f50263	banner images	2024-02-28 11:20:58 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	8c1fcf53b5	res images	2024-02-27 23:37:09 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	fec6b84c7a	new kids nanners	2024-02-27 21:41:24 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	96aed44305	actice job image	2024-02-27 20:23:59 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	19b4cb59f3	banners	2024-02-27 06:02:18 -05:00
ameye	0af0f4a4b9	Merge branch 'image-hidden' of WrenchBoard/WrenchBoardMainSite into master	2024-02-26 00:25:51 +00:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	9b4a082d92	banners4	2024-02-25 08:05:00 -05:00
victorAnumudu	6b9d2e1877	hid image	2024-02-23 14:58:18 +01:00
victorAnumudu	7bcad6d033	hid image	2024-02-23 14:56:04 +01:00
tokslaw	d4788b6517	Merge branch 'image-resize' of WrenchBoard/WrenchBoardMainSite into master	2024-02-22 22:45:48 +00:00
victorAnumudu	fc98d78742	changed wrenchboard logo on set chores section	2024-02-22 23:22:13 +01:00
victorAnumudu	4e7750d706	changed home link text to Home	2024-02-22 20:59:01 +01:00
victorAnumudu	ab5093b253	resized images	2024-02-22 20:31:04 +01:00
tokslaw	d292b359d5	Merge branch 'mission-text' of WrenchBoard/WrenchBoardMainSite into master	2024-02-22 19:14:40 +00:00
victorAnumudu	5414eca8f7	added bg color to circle	2024-02-22 20:12:47 +01:00
victorAnumudu	3a38dc293d	removed bg color	2024-02-22 19:37:21 +01:00
victorAnumudu	ce70aceff9	changed home text to Home	2024-02-22 19:30:54 +01:00
victorAnumudu	d913e58f3f	updated mission wrong text	2024-02-22 19:06:09 +01:00
ameye	137221d0ae	Merge branch 'image-text-correction' of WrenchBoard/WrenchBoardMainSite into master	2024-02-21 14:30:52 +00:00
victorAnumudu	39558313b2	updated image text	2024-02-21 14:01:11 +01:00
ameye	6e6a437d39	Merge branch 'app_slider_update' of WrenchBoard/WrenchBoardMainSite into master	2024-02-21 11:34:36 +00:00
victorAnumudu	9ec18f41cd	added images into phone frame	2024-02-21 10:46:22 +01:00
victorAnumudu	86d6c54d8a	updated app slider images	2024-02-21 08:59:36 +01:00
ameye	0fe9bce492	Merge branch 'removed-unwanted-slider-item' of WrenchBoard/WrenchBoardMainSite into master	2024-02-19 17:37:39 +00:00
Ebube	6d956309e9	removed unwanted slider item	2024-02-19 15:00:36 +01:00
ameye	e356bf3ea1	Merge branch 'dev-link-change' of WrenchBoard/WrenchBoardMainSite into master	2024-02-17 14:10:39 +00:00
victorAnumudu	de29ec70a5	added dev link for wrench agent site	2024-02-17 14:50:20 +01:00
ameye	024db8e2d5	Merge branch 'agent-link' of WrenchBoard/WrenchBoardMainSite into master	2024-02-16 17:55:36 +00:00
victorAnumudu	ec1cbd9364	agent link added to env	2024-02-16 17:34:02 +01:00
ameye	13173ddb46	Merge branch 'slider-upgrade' of WrenchBoard/WrenchBoardMainSite into master	2024-02-16 13:45:39 +00:00
victorAnumudu	9780468013	added more images	2024-02-16 14:16:39 +01:00
ameye	5cd0f8106c	Merge branch 'slider-upgrade' of WrenchBoard/WrenchBoardMainSite into master	2024-02-16 11:26:20 +00:00
victorAnumudu	7633ecfafa	changed slider images	2024-02-16 12:21:49 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	04fc8d530f	image works	2024-02-10 14:05:03 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	7fd72924b4	card back	2024-02-10 12:08:40 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a37c0bd2ed	image size	2024-02-10 05:59:59 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	800da885a5	image size	2024-02-10 05:49:32 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	4b75e02b99	improve image	2024-02-09 22:18:04 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a9626fd8f2	wallet	2024-02-09 20:04:51 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	88e2ccf237	add kids	2024-02-09 19:18:40 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	a86b00abe8	image size	2024-02-08 04:49:33 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	e066cc62fc	assign task	2024-02-07 20:16:43 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	4d8cd1e7f4	send reward	2024-02-07 15:38:53 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	29723863de	Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite	2024-02-06 11:11:52 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	935ff983fc	family no kids	2024-02-06 11:11:43 -05:00
ameye	57171133b1	Merge branch 'home-slider-update' of WrenchBoard/WrenchBoardMainSite into master	2024-02-05 18:01:53 +00:00
victorAnumudu	12b2dde302	changed home image sliders	2024-02-05 18:57:58 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	7f999dfc8a	exta image	2024-02-04 14:21:39 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	9f5ca78913	use case page	2024-02-04 13:55:27 -05:00
ameye	492008630f	Merge branch 'hero-adjustment' of WrenchBoard/WrenchBoardMainSite into master	2024-02-02 19:50:24 +00:00
ameye	ab566937b7	Merge branch 'country-query' of WrenchBoard/WrenchBoardMainSite into master	2024-02-02 19:50:17 +00:00
victorAnumudu	5e974e0637	adjusted here section	2024-02-02 19:43:41 +01:00
victorAnumudu	31ee4e01ac	added country query params to login link	2024-02-02 17:34:23 +01:00
ameye	f79831f0da	Merge branch 'added-about-app-component' of WrenchBoard/WrenchBoardMainSite into master	2024-02-01 20:05:23 +00:00
Ebube	eab01068d2	added styles	2024-02-01 20:59:25 +01:00
Ebube	d49a71b97a	Fixed typo	2024-02-01 20:13:16 +01:00
tokslaw	c0b77f911f	Merge branch 'added-about-app-component' of WrenchBoard/WrenchBoardMainSite into master	2024-02-01 18:52:08 +00:00
Ebube	46341abf2a	added text	2024-02-01 18:55:09 +01:00
ameye	7f8fc1086f	Merge branch 'added-about-app-component' of WrenchBoard/WrenchBoardMainSite into master	2024-02-01 17:06:47 +00:00
Ebube	a312984df8	added about app component	2024-02-01 18:04:39 +01:00
ameye	490492bd0f	Merge branch 'new-slider-section' of WrenchBoard/WrenchBoardMainSite into master	2024-02-01 11:32:49 +00:00
victorAnumudu	e78561c93f	slider section implemented	2024-02-01 07:54:48 +01:00
victorAnumudu	e13d973b30	added new slide section	2024-02-01 00:12:36 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	bd3d945f55	Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/WrenchBoardMainSite	2024-01-31 16:31:57 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	62e7cda35d	"react-owl-carousel": "^2.3.3",	2024-01-31 16:30:11 -05:00
ameye	e11c35e49b	Merge branch 'slider-images' of WrenchBoard/WrenchBoardMainSite into master	2024-01-31 19:54:41 +00:00
victorAnumudu	9e23fd83a8	added slider images	2024-01-31 19:32:18 +01:00
ameye	537e639a65	Merge branch 'logo-addition' of WrenchBoard/WrenchBoardMainSite into master	2024-01-31 17:01:17 +00:00
victorAnumudu	02075a95c0	images added for each selected item	2024-01-31 17:20:41 +01:00
victorAnumudu	2873b22183	added logo image	2024-01-31 16:32:59 +01:00
ameye	7b01bea019	Merge branch 'image-addition' of WrenchBoard/WrenchBoardMainSite into master	2024-01-31 01:21:36 +00:00
victorAnumudu	6dd5dbc7b2	added images for home page	2024-01-30 19:16:32 +01:00
ameye	f8acc0a29e	Merge branch 'section-adjustment' of WrenchBoard/WrenchBoardMainSite into master	2024-01-30 12:34:35 +00:00
victorAnumudu	d175ef8922	image removal and proper text displayed	2024-01-30 06:04:55 +01:00
ameye	751bcd6c5d	Merge branch 'section-addition' of WrenchBoard/WrenchBoardMainSite into master	2024-01-28 23:10:06 +00:00
victorAnumudu	8a4c7d92e8	Merge branch 'master' into section-addition	2024-01-28 07:34:48 +01:00
victorAnumudu	0c4e464c5e	added a new section on home page	2024-01-28 07:32:27 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	3586b01756	google anayltical	2024-01-27 14:47:37 -05:00
ameye	715972dbde	Merge branch 'modified-services-text' of WrenchBoard/WrenchBoardMainSite into master	2024-01-22 18:28:24 +00:00
Ebube	9cc252b2cd	adjusted spacing points for the service feature	2024-01-19 15:37:08 +01:00
ameye	a1b56a0b81	Merge branch 'modified-services-text' of WrenchBoard/WrenchBoardMainSite into master	2024-01-13 20:19:02 +00:00
Ebube	87ea20bde8	update nav items	2024-01-13 20:56:01 +01:00
Ebube	0ebbc26104	added new images and text to the services sections	2024-01-13 20:47:24 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	e323168927	no kid image	2024-01-13 12:04:00 -05:00
ameye	2224472046	Merge branch 'address-fix' of WrenchBoard/WrenchBoardMainSite into master	2024-01-12 13:21:32 +00:00
victorAnumudu	87e7aa7270	sentence corrected	2024-01-11 22:06:03 +01:00
victorAnumudu	53da8d6992	fixed address space	2024-01-10 07:24:18 +01:00
ameye	64f69eff72	Merge branch 'adding-app-download-details' of WrenchBoard/WrenchBoardMainSite into master	2023-12-21 05:58:55 +00:00
ebube	63cb665140	added a quick style change	2023-12-20 21:18:55 -08:00
ebube	11b4713db5	added details to app download page	2023-12-20 21:15:27 -08:00
ameye	f109e89f96	Merge branch 'app-download' of WrenchBoard/WrenchBoardMainSite into master	2023-12-20 19:51:33 +00:00
victorAnumudu	c9ed414753	added app download route	2023-12-20 18:29:22 +01:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	2a7643e8b2	download	2023-12-12 15:49:43 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	1a5644f2df	wrench-icon.png	2023-11-29 17:31:56 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	209c75ed2e	new images	2023-11-19 16:30:40 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	9684e36427	job-interest	2023-11-14 13:14:07 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	96d8708b5a	task-waiting	2023-11-14 12:40:03 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	7946e0e09c	past due	2023-11-14 11:42:29 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	dc755e9db1	family-login	2023-11-14 11:20:12 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	cf0206da44	waiting task	2023-11-12 14:06:04 -05:00
$CHIEFSOFT\ameye$ CHIEFSOFT\ameye	7a219cc888	main app image	2023-11-11 05:32:12 -05:00
ameye	5cdc08341f	Merge branch 'banner-section' of WrenchBoard/WrenchBoardMainSite into master	2023-11-04 18:25:38 +00:00
victorAnumudu	601c3b4da0	banner section layout	2023-11-04 17:41:44 +01:00
victorAnumudu	4f5c99bced	banner section layout	2023-11-04 10:08:09 +01:00
ameye	77d97548e4	Merge branch 'images-resizing' of WrenchBoard/WrenchBoardMainSite into master	2023-11-03 17:53:12 +00:00
ameye	18f651f215	Merge branch 'lnd-bug' of WrenchBoard/WrenchBoardMainSite into master	2023-11-03 17:53:07 +00:00
Chief Bube	53e429468c	added explicit sizes for the mentioned images	2023-11-03 09:56:00 -07:00