Compare commits
14 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3a37c79560 | |||
| 102beac0ba | |||
| 8f032e2889 | |||
| cfd7cce271 | |||
| 9bb9fecd1a | |||
| ad2b213230 | |||
| cb26c9361f | |||
| 42b1286650 | |||
| 67d9c6cbef | |||
| 37a6c3ba10 | |||
| ad088caade | |||
| a6a2f3e535 | |||
| 46873dcd79 | |||
| c66393792e |
@@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 32 32" id="Family"><path d="M26.305 22.723a4.972 4.972 0 0 0-3.176-8.71 9.917 9.917 0 0 0-3.438-2.292 6 6 0 1 0-7.382 0 9.917 9.917 0 0 0-3.438 2.292 4.972 4.972 0 0 0-3.171 8.71A8.005 8.005 0 0 0 1 30a1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 6 6 0 0 1 12 0 1 1 0 0 0 2 0 8.005 8.005 0 0 0-4.695-7.277ZM26 19a3 3 0 1 1-3-3 3 3 0 0 1 3 3ZM12 7a4 4 0 1 1 4 4 4 4 0 0 1-4-4ZM6 19a3 3 0 1 1 3 3 3 3 0 0 1-3-3Zm10 7.136a8.04 8.04 0 0 0-3.695-3.413 4.949 4.949 0 0 0-1.05-8.16 7.984 7.984 0 0 1 9.49 0 4.949 4.949 0 0 0-1.05 8.16A8.04 8.04 0 0 0 16 26.136Z" fill="#4687ba" class="color000000 svgShape"></path></svg>
|
||||||
|
After Width: | Height: | Size: 684 B |
|
After Width: | Height: | Size: 159 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 38 KiB |
@@ -907,6 +907,20 @@ p {
|
|||||||
.appie-header-area.appie-header-page-area.appie-sticky.sticky {
|
.appie-header-area.appie-header-page-area.appie-sticky.sticky {
|
||||||
background: #4687ba;
|
background: #4687ba;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wrench-logo-box {
|
||||||
|
box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrench-logo-box img {
|
||||||
|
max-width: 100%; /* Ensures the image doesn't overflow its container */
|
||||||
|
filter: brightness(1.2); /* Adjust image brightness */
|
||||||
|
opacity: 2.4; /* Adjust image opacity */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.appie-header-area.appie-header-7-area.appie-sticky.sticky {
|
.appie-header-area.appie-header-7-area.appie-sticky.sticky {
|
||||||
background: #290645;
|
background: #290645;
|
||||||
}
|
}
|
||||||
|
|||||||
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 113 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 91 KiB |
@@ -23,11 +23,11 @@
|
|||||||
<div className="icon d-flex justify-content-center align-items-center">
|
<div className="icon d-flex justify-content-center align-items-center">
|
||||||
<img src={Design} alt="Design Icon" />
|
<img src={Design} alt="Design Icon" />
|
||||||
</div>
|
</div>
|
||||||
<h4 className="designed-title">Carefully designed</h4>
|
<h4 className="designed-title">Unlocking Potential</h4>
|
||||||
<p className="designed-description">
|
<p className="designed-description">
|
||||||
Wrenchboard focuses on your needs and desires.
|
At WrenchBoard, we believe age should never limit one's ability to pursue their passions and generate income.
|
||||||
Your success is our priority, driving us to listen and adapt to your feedback.
|
Our platform offers a variety of categories for kids to explore and turn into profitable endeavors,
|
||||||
We're dedicated to enhancing our products for your convenience. It's all about you, not us.</p>
|
fostering financial awareness and unlocking their potential for a brighter future.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -43,11 +43,12 @@
|
|||||||
|
|
||||||
<img src={Approach} alt="Approach Icon"/>
|
<img src={Approach} alt="Approach Icon"/>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="designed-title">Modern Approach</h4>
|
<h4 className="designed-title">Growing Money Mindset</h4>
|
||||||
<p className="designed-description">
|
<p className="designed-description">
|
||||||
Our commitment is delivering a top-tier solution for you.
|
We prioritize developing a strong money mindset in Kids.
|
||||||
Our aim: an intuitive, user-friendly product that continually evolves.
|
WrenchBoard offers a safe and supportive space for kids to explore their passions, learn new skills, and earn money.
|
||||||
By focusing on you, we'll surpass expectations and make a real impact.</p>
|
By instilling the value of hard work, saving, and investing,
|
||||||
|
we aim to empower the next generation to make informed financial decisions and reach their goals.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -61,12 +62,10 @@
|
|||||||
|
|
||||||
<img src={Interactive} alt="Interactive Icon"/>
|
<img src={Interactive} alt="Interactive Icon"/>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="designed-title">User Interactive</h4>
|
<h4 className="designed-title">Realtime Notifications</h4>
|
||||||
<p className="designed-description">
|
<p className="designed-description">
|
||||||
WrenchBoard keeps you engaged with diverse features.
|
Stay up-to-date with WrenchBoard! Our platform keeps you in the loop with convenient alerts and notifications.
|
||||||
Email alerts guarantee you're always in the loop.
|
Choose your preferred method of receiving updates - email, text, or push notifications - and never miss a beat. </p>
|
||||||
Get updates your way: email, text, or push notifications .
|
|
||||||
We've got you covered. </p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -79,11 +78,12 @@
|
|||||||
<div className="icon d-flex justify-content-center align-items-center">
|
<div className="icon d-flex justify-content-center align-items-center">
|
||||||
<img src={Mobility} alt="Mobility Icon" />
|
<img src={Mobility} alt="Mobility Icon" />
|
||||||
</div>
|
</div>
|
||||||
<h4 className="designed-title">Mobility Approach</h4>
|
<h4 className="designed-title">Social Media Management</h4>
|
||||||
<p className="designed-description">
|
<p className="designed-description">
|
||||||
WrenchBoard's tools unite devices for seamless organization and productivity anywhere.
|
Teach youngsters the art of handling social media profiles for small enterprises,
|
||||||
Manage tasks, track responses, and stay connected effortlessly.
|
cultivating essential marketing and communication abilities while also generating income.
|
||||||
Experience a true mobile lifestyle with WrenchBoard!</p>
|
Manage tasks, track responses, and stay connected effortlessly.
|
||||||
|
Experience a true mobile lifestyle with WrenchBoard!</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -97,11 +97,11 @@
|
|||||||
|
|
||||||
<img src={Seamless} alt="Seamless Icon"/>
|
<img src={Seamless} alt="Seamless Icon"/>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="designed-title">Seamless Sync</h4>
|
<h4 className="designed-title">Inspiring Future Leaders</h4>
|
||||||
<p className="designed-description">
|
<p className="designed-description">
|
||||||
WrenchBoard simplifies cross-platform activity management.
|
By offering a platform for kids to earn, learn, and contribute,
|
||||||
Our features sync seamlessly on desktop, tablet, and phone, ensuring organization and productivity.
|
WrenchBoard is nurturing the next generation of entrepreneurs, creators, and leaders.
|
||||||
No more app hopping . WrenchBoard streamlines the process.</p>
|
We're sowing the seeds of ambition and self-confidence, preparing them for a brighter future.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ function HeroAbout() {
|
|||||||
<p>
|
<p>
|
||||||
WrenchBoard prioritizes safety above all. Parents can set up family accounts to oversee their children's activities and earnings. We implement strict guidelines to ensure age-appropriate tasks and interactions, providing a worry-free space for both kids and their guardians.
|
WrenchBoard prioritizes safety above all. Parents can set up family accounts to oversee their children's activities and earnings. We implement strict guidelines to ensure age-appropriate tasks and interactions, providing a worry-free space for both kids and their guardians.
|
||||||
We believe that earning should go hand in hand with learning. As kids complete projects and earn, they also acquire essential life skills such as financial literacy, time management, and effective communication. WrenchBoard isn't just about making money; it's about fostering holistic growth.
|
We believe that earning should go hand in hand with learning. As kids complete projects and earn, they also acquire essential life skills such as financial literacy, time management, and effective communication. WrenchBoard isn't just about making money; it's about fostering holistic growth.
|
||||||
Learn more at <a href={process.env.REACT_APP_DASH_URL}>www.WrenchBoard.com</a>
|
<p>Learn more at <a href={process.env.REACT_APP_DASH_URL}>www.WrenchBoard.com</a></p>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ import Blogs from '../News/Blogs';
|
|||||||
function BlogHomeOne() {
|
function BlogHomeOne() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<section className="appie-blog-area pt-90 pb-95">
|
<section className="appie-blog-area pt-45 pb-95">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-lg-12">
|
<div className="col-lg-12">
|
||||||
|
|||||||
@@ -1,5 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import heroThumbOne from '../../assets/images/app-thumb-1.png';
|
import heroThumbOne from '../../assets/images/app-thumb-1.png';
|
||||||
|
import heroThumbOne1 from '../../assets/images/app-thumb-2.png';
|
||||||
|
|
||||||
import heroThumbTwo from '../../assets/images/app-pic.png';
|
import heroThumbTwo from '../../assets/images/app-pic.png';
|
||||||
import shapeTwo from '../../assets/images/shape/shape-2.png';
|
import shapeTwo from '../../assets/images/shape/shape-2.png';
|
||||||
import shapeThree from '../../assets/images/shape/shape-3.png';
|
import shapeThree from '../../assets/images/shape/shape-3.png';
|
||||||
@@ -48,7 +50,7 @@ function HeroHomeOne() {
|
|||||||
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
{/* <img src={heroThumbOne} alt="WrenchBoard" /> */}
|
||||||
<div style={{width: '350px', margin: 'auto'}}>
|
<div style={{width: '350px', margin: 'auto'}}>
|
||||||
<CustomSlider
|
<CustomSlider
|
||||||
images={[heroThumbOne, heroThumbOne, heroThumbOne]}
|
images={[heroThumbOne, heroThumbOne1, heroThumbOne]}
|
||||||
speed='5'
|
speed='5'
|
||||||
indicatorColor='#333'
|
indicatorColor='#333'
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import IconOne from '../../assets/images/icon/usericon.png';
|
import IconOne from '../../assets/images/icon/play.png';
|
||||||
import IconTwo from '../../assets/images/icon/Findtaskicon.png';
|
import IconTwo from '../../assets/images/icon/task.png';
|
||||||
import IconThree from '../../assets/images/icon/taskicon.png';
|
import IconThree from '../../assets/images/icon/target.png';
|
||||||
import IconFour from '../../assets/images/icon/walleticon.png';
|
import IconFour from '../../assets/images/icon/reward.png';
|
||||||
|
|
||||||
function ServiceItem({ icon, title, description, index }) {
|
function ServiceItem({ icon, title, description, index }) {
|
||||||
return (
|
return (
|
||||||
@@ -22,22 +22,22 @@ function ServicesHomeOne({ className }) {
|
|||||||
{
|
{
|
||||||
icon: IconOne,
|
icon: IconOne,
|
||||||
title: 'Free Account',
|
title: 'Free Account',
|
||||||
description: 'Join WrenchBoard. Create an account for Income.',
|
description: 'Join WrenchBoard. Get your free account.',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: IconTwo,
|
icon: IconTwo,
|
||||||
title: 'Find Task',
|
title: 'Set Goals',
|
||||||
description: 'Build a Self-Portfolio with sole purpose to Cash-Out.',
|
description: 'Suggest or find what you want to get rewarded for.',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: IconThree,
|
icon: IconThree,
|
||||||
title: 'Complete',
|
title: 'Complete',
|
||||||
description: 'Organize and Manage your teams efficiently. Manage your workgroup.',
|
description: 'Complete task, and notify assigner with ease.',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: IconFour,
|
icon: IconFour,
|
||||||
title: 'Get Paid',
|
title: 'Reward',
|
||||||
description: 'Start Boosting your Income by earning Cash for your Time and Skills.',
|
description: 'Task completed. Find your reward.',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import getConfig from './../../Config/config'
|
|||||||
function TrafficHomeOne() {
|
function TrafficHomeOne() {
|
||||||
var site = getConfig()[0];
|
var site = getConfig()[0];
|
||||||
return (
|
return (
|
||||||
<section className="wrench-on-area pt-140 pb-180">
|
<section className="wrench-on-area pt-90 pb-45">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-lg-7">
|
<div className="col-lg-7">
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ function HeaderNews({ action }) {
|
|||||||
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
||||||
<div className="appie-logo-box">
|
<div className="wrench-logo-box">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img src={logo} alt="" />
|
<img src={logo} alt="" />
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ function HeaderService({ action }) {
|
|||||||
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
||||||
<div className="appie-logo-box">
|
<div className="wrench-logo-box">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img src={logo} alt="" />
|
<img src={logo} alt="" />
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ function HeaderNews({ action }) {
|
|||||||
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
|
||||||
<div className="row align-items-center">
|
<div className="row align-items-center">
|
||||||
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
||||||
<div className="appie-logo-box">
|
<div className="wrench-logo-box">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img src={logo} alt={process.env.REACT_APP_SITE_NAME} />
|
<img src={logo} alt={process.env.REACT_APP_SITE_NAME} />
|
||||||
</a>
|
</a>
|
||||||
|
|||||||