Compare commits

..

5 Commits

Author SHA1 Message Date
victorAnumudu 6eafd24bde text edited, line removed and login button hidden 2023-06-26 13:55:48 +01:00
tokslaw a953f6a642 url image for social 2023-06-20 00:00:35 -04:00
tokslaw 9381ced682 Hero header size adjust 2023-06-19 13:08:03 -04:00
tokslaw b8c5870a81 Thumbnail removed 2023-06-19 12:44:53 -04:00
tokslaw 7fd32604f0 Merge branch 'easy_step_image_blending' of WrenchBoard/WrenchBoardMainSite into master 2023-03-31 23:57:48 +00:00
14 changed files with 179 additions and 130 deletions
Regular → Executable
+5
View File
@@ -26,6 +26,11 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>WrenchBoard</title>
<meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
<meta property="business:contact_data:street_address" content="Cumberland Pkwy">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
Regular → Executable
+4 -4
View File
@@ -1405,8 +1405,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;
@@ -1726,7 +1726,7 @@ p {
}
}
.appie-hero-content > span {
color: #2b70fa;
color: #4687ba;
font-size: 14px;
font-weight: 500;
}
@@ -5781,7 +5781,7 @@ blockquote cite {
.footer-copyright {
/* padding-top: 35px; */
border-top: 1px solid #e1e5ec;
/* border-top: 1px solid #e1e5ec; */
margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

+63 -7
View File
@@ -1,5 +1,16 @@
import React from 'react';
import Design from '../../assets/images/value-design.png'
import Approach from '../../assets/images/value-approach.png'
import Interactive from '../../assets/images/value-interactive.png'
import Mobility from '../../assets/images/value-mobility.png'
import Privacy from '../../assets/images/value-privacy.png'
import Seamless from '../../assets/images/value-seamless.png'
function ServicesAbout() {
return (
<>
@@ -20,8 +31,13 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon">
<i className="fal fa-tv"></i>
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-tv"></i>
</div>
<div className='container'>
<img src={Design} />
</div>
</div>
<h4 className="title">Carefully designed</h4>
<p>We listen to how the users will love to use our tools. It is always about the users</p>
@@ -33,8 +49,16 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
<div className="icon">
{/* <div className="icon">
<i className="fal fa-code"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-code"></i>
</div>
<div className='container'>
<img src={Approach} />
</div>
</div>
<h4 className="title">Modern Approach</h4>
<p>Our target is to present a cutting-edge solution that serves the users at all times.</p>
@@ -46,8 +70,16 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className="icon">
{/* <div className="icon">
<i className="fal fa-user-friends"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-user-friends"></i>
</div>
<div className='container'>
<img src={Interactive} />
</div>
</div>
<h4 className="title">User Interactive</h4>
<p>Email, notifications, and alerts to get you engaged in the process.</p>
@@ -59,8 +91,16 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon">
{/* <div className="icon">
<i className="fal fa-mobile"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-mobile"></i>
</div>
<div className='container'>
<img src={Mobility} />
</div>
</div>
<h4 className="title">Mobility Approach</h4>
<p>Web and native app solution for your continuously moving life.</p>
@@ -72,8 +112,16 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
<div className="icon">
{/* <div className="icon">
<i className="fal fa-retweet"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-retweet"></i>
</div>
<div className='container'>
<img src={Seamless} />
</div>
</div>
<h4 className="title">Seamless Sync</h4>
<p> Changes across platforms is simplified and streamlined.</p>
@@ -85,8 +133,16 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className="icon">
{/* <div className="icon">
<i className="fal fa-bell"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<i className="fal fa-bell"></i>
</div>
<div className='container'>
<img src={Privacy} />
</div>
</div>
<h4 className="title">Privacy</h4>
<p>We truly respect your need for privacy. Our solution doesn't need to share your data to work for you.</p>
+99 -98
View File
@@ -9,10 +9,10 @@ import marketPlace from '../../assets/images/market_place.png';
import task from '../../assets/images/task.png';
import getPaid from '../../assets/images/get_paid.png';
import taskThumbnail from '../../assets/images/task-thumb.png'
import marketThumbnail from '../../assets/images/market-thumb.png'
import getPaidThumbnail from '../../assets/images/getpaid-thumb.png'
import accountThumbnail from '../../assets/images/account-thumb.png'
// import taskThumbnail from '../../assets/images/task-thumb.png'
// import marketThumbnail from '../../assets/images/market-thumb.png'
// import getPaidThumbnail from '../../assets/images/getpaid-thumb.png'
// import accountThumbnail from '../../assets/images/account-thumb.png'
import getConfig from './../../Config/config'
@@ -20,104 +20,105 @@ import getConfig from './../../Config/config'
function FeaturesHomeOne({ className }) {
var site = getConfig()[0];
return (
<section className={`appie-service-area features-section pt-50 pb-100 ${className}`} id="service">
<div className="container">
<div className="row">
<div className="col-xl-3 col-md-6 mb-50">
<div
className="appie-features-content wow animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className='text-center'>
<img className='pb-2' src={accountThumbnail} alt='image thumbnail' />
</div>
<></>
// <section className={`appie-service-area features-section pt-50 pb-100 ${className}`} id="service">
// <div className="container">
// <div className="row">
// <div className="col-xl-3 col-md-6 mb-50">
// <div
// className="appie-features-content wow animated fadeInRight"
// data-wow-duration="2000ms"
// data-wow-delay="600ms"
// >
// <div className='text-center'>
// <img className='pb-2' src={accountThumbnail} alt='image thumbnail' />
// </div>
<h3 className="title">
Create free account.
</h3>
<p>
If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.
</p>
<Link className="main-btn" to="/about-us">
Learn More
</Link>
{/* <div
className="appie-features-thumb text-center wow animated fadeInUp"
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<img className='p-3' src={freeAccount} alt="" />
</div> */}
</div>
</div>
<div className="col-xl-3 col-md-6 mb-50">
<div
className="appie-features-content animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className='text-center'>
<img className='pb-2' src={marketThumbnail} alt='image thumbnail' />
</div>
// <h3 className="title">
// Create free account.
// </h3>
// <p>
// If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.
// </p>
// <Link className="main-btn" to="/about-us">
// Learn More
// </Link>
// {/* <div
// className="appie-features-thumb text-center wow animated fadeInUp"
// data-wow-duration="2000ms"
// data-wow-delay="200ms"
// >
// <img className='p-3' src={freeAccount} alt="" />
// </div> */}
// </div>
// </div>
// <div className="col-xl-3 col-md-6 mb-50">
// <div
// className="appie-features-content animated fadeInRight"
// data-wow-duration="2000ms"
// data-wow-delay="600ms"
// >
// <div className='text-center'>
// <img className='pb-2' src={marketThumbnail} alt='image thumbnail' />
// </div>
<h3 className="title">
Browse Marketplace
</h3>
<p>
WrenchBoard platform connects you with quality service that need articles writing, blog management, photography, product testing research and surveys and more to deliver your project with ease.
</p>
<a className="main-btn" href={site.dash_url_login}>
Learn More
</a>
</div>
</div>
<div className="col-xl-3 col-md-6 mb-50">
<div
className="appie-features-content animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className='text-center'>
<img className='pb-2' src={taskThumbnail} alt='image thumbnail' />
</div>
// <h3 className="title">
// Browse Marketplace
// </h3>
// <p>
// WrenchBoard platform connects you with quality service that need articles writing, blog management, photography, product testing research and surveys and more to deliver your project with ease.
// </p>
// <a className="main-btn" href={site.dash_url_login}>
// Learn More
// </a>
// </div>
// </div>
// <div className="col-xl-3 col-md-6 mb-50">
// <div
// className="appie-features-content animated fadeInRight"
// data-wow-duration="2000ms"
// data-wow-delay="600ms"
// >
// <div className='text-center'>
// <img className='pb-2' src={taskThumbnail} alt='image thumbnail' />
// </div>
<h3 className="title">
Complete Task
</h3>
<p>
Cash in the Pocket with WrenchBoard as a reliable partner to connect you with new opportunities.Track, Organize your Portfolio and Manage your Skills, preferred workgroup and teams efficiently.
</p>
<a className="main-btn" href={site.dash_url_login}>
Learn More
</a>
</div>
</div>
<div className="col-xl-3 col-md-6 mb-50">
<div
className="appie-features-content animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className='text-center'>
<img className='pb-2' src={getPaidThumbnail} alt='image thumbnail' />
</div>
// <h3 className="title">
// Complete Task
// </h3>
// <p>
// Cash in the Pocket with WrenchBoard as a reliable partner to connect you with new opportunities.Track, Organize your Portfolio and Manage your Skills, preferred workgroup and teams efficiently.
// </p>
// <a className="main-btn" href={site.dash_url_login}>
// Learn More
// </a>
// </div>
// </div>
// <div className="col-xl-3 col-md-6 mb-50">
// <div
// className="appie-features-content animated fadeInRight"
// data-wow-duration="2000ms"
// data-wow-delay="600ms"
// >
// <div className='text-center'>
// <img className='pb-2' src={getPaidThumbnail} alt='image thumbnail' />
// </div>
<h3 className="title">
Get Paid
</h3>
<p>
Get paid Instantly for completed task using WrenchBoard. Achieve your short-term goals or long-term income by Connecting with WrenchBoard. Complete access to your earnings.
</p>
<a className="main-btn" href={site.dash_url_login}>
Learn More
</a>
</div>
</div>
</div>
</div>
{/* <hr className='mt-50'/> */}
</section>
// <h3 className="title">
// Get Paid
// </h3>
// <p>
// Get paid Instantly for completed task using WrenchBoard. Achieve your short-term goals or long-term income by Connecting with WrenchBoard. Complete access to your earnings.
// </p>
// <a className="main-btn" href={site.dash_url_login}>
// Learn More
// </a>
// </div>
// </div>
// </div>
// </div>
// {/* <hr className='mt-50'/> */}
// </section>
);
}
@@ -1,14 +0,0 @@
diff a/src/components/HomeOne/FeaturesHomeOne.js b/src/components/HomeOne/FeaturesHomeOne.js (rejected hunks)
@@ -1,9 +1,9 @@
import React, { useState } from 'react';
import { Link } from 'react-router-dom';
-import thumb from '../../assets/images/HowItWorks.jpg';
+import thumb from '../../assets/images/ACC.jpg';
import thumb2 from '../../assets/images/MarketPlace004.jpg';
-import thumb3 from '../../assets/images/CompleteTask.jpg';
-import thumb4 from '../../assets/images/MoneyPay.jpg';
+import thumb3 from '../../assets/images/CompleteTask002.jpg';
+import thumb4 from '../../assets/images/MoneyBitPay.jpg';
import shapeSix from '../../assets/images/shape/shape-6.png';
import shapeSeven from '../../assets/images/shape/shape-7.png';
+2 -1
View File
@@ -5,6 +5,7 @@ import getConfig from './../../Config/config'
function FooterHomeOne({ className }) {
var site = getConfig()[0];
let newDate = new Date().getFullYear()
return (
<>
@@ -124,7 +125,7 @@ function FooterHomeOne({ className }) {
</ul>
</div>
<div className="copyright-text">
<p>Copyright © 2022 WrenchBoard. All rights reserved.</p>
<p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
</div>
</div>
</div>
+4 -4
View File
@@ -18,11 +18,8 @@ function HeroHomeOne() {
<div className="appie-hero-content">
<span>Welcome To WrenchBoard..</span>
<h1 className="appie-title">
Make money with any skill.
Earn Money with Any Skill.
</h1>
<p>
The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
</p>
<ul>
<li>
<a href={site.apple_app}>
@@ -36,6 +33,9 @@ function HeroHomeOne() {
</a>
</li>
</ul>
<p className='mt-3'>
The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
</p>
</div>
</div>
<div className="col-lg-6">
+2 -2
View File
@@ -52,13 +52,13 @@ function TrafficHomeOne() {
<p>Get your account credited when the job is completed, and the client authorizes payment.</p>
</div>
</div>
<div className="col-lg-12">
{/* <div className="col-lg-12">
<div className="traffic-btn mt-50">
<a className="main-btn" href={site.dash_url_login}>
Login <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div> */}
</div>
</div>
</div>