Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
19c8d73823 | ||
 ameye
|
4092bf4e48 | ||
|
victorAnumudu
|
0af4f2cdab | ||
|
ameye
|
d08b1ee86d | ||
|
Chiefsoft Works
|
912a7aebfd | ||
|
CHIEFSOFT\ameye
|
badcdad873 | ||
|
Chiefsoft Works
|
1585e8a679 | ||
|
Chiefsoft Works
|
e33bc28281 | ||
|
ameye
|
2da5ee8ab8 | ||
|
victorAnumudu
|
260071e1d3 |
+23
-9
@@ -160,6 +160,11 @@ p {
|
||||
border: 1px solid #89216b;
|
||||
background-image: linear-gradient(90deg, #89216b 0%, #da4453 100%); */
|
||||
}
|
||||
@media only screen and (max-width: 568px) {
|
||||
.main-btn {
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
.main-btn:hover {
|
||||
background-color: #fff;
|
||||
color: #2b70fa;
|
||||
@@ -180,7 +185,7 @@ p {
|
||||
}
|
||||
|
||||
.appie-section-title {
|
||||
padding-bottom: 25px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.appie-section-title .appie-title {
|
||||
font-size: 44px;
|
||||
@@ -6730,29 +6735,38 @@ blockquote cite {
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.appie-about-8-box {
|
||||
padding: 50px 50px 145px;
|
||||
.appie-about-container {
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0px 40px 40px 0px rgba(14, 17, 51, 0.1);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.appie-about-8-box {
|
||||
padding: 50px 50px 0px 50px;
|
||||
z-index: 10;
|
||||
}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-about-8-box {
|
||||
padding: 50px 25px 145px;
|
||||
padding: 50px 25px 0px 25px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.appie-about-8-box {
|
||||
.appie-about-container {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.appie-about-8-box {
|
||||
.appie-about-container{
|
||||
margin-bottom: 30px;
|
||||
padding: 50px 20px 145px;
|
||||
}
|
||||
.appie-about-8-box {
|
||||
padding: 50px 20px 0px 20px;
|
||||
}
|
||||
}
|
||||
.appie-about-8-box .thumb {
|
||||
@@ -6779,13 +6793,13 @@ blockquote cite {
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.appie-about-8-box a {
|
||||
.appie-about-container a {
|
||||
border: 2px solid #db0f30;
|
||||
color: #db0f30;
|
||||
background: #fff;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.appie-about-8-box a:hover {
|
||||
.appie-about-container a:hover {
|
||||
color: #fff;
|
||||
background: #db0f30;
|
||||
border-color: #db0f30;
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 355 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
@@ -0,0 +1,90 @@
|
||||
import React from 'react';
|
||||
import thumb4 from '../../assets/images/about-thumb-4.png';
|
||||
import thumb5 from '../../assets/images/about-thumb-5.png';
|
||||
import cardImg from '../../assets/images/home/card-home-01.png'
|
||||
|
||||
function AfterHero() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-about-8-area pt-50 pb-70">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title">
|
||||
<h3 className="appie-title">
|
||||
{/* We bring everything <br />
|
||||
that's required to build apps */}
|
||||
Set Chores, Set Goals
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-7 mb-3 mb-lg-0">
|
||||
<div className='appie-about-container'>
|
||||
<div className="appie-about-8-box">
|
||||
<h3 className="title">
|
||||
Reward Accomplishments
|
||||
</h3>
|
||||
<p>
|
||||
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards off pick your nose and blow
|
||||
</p>
|
||||
</div>
|
||||
<div className='row'>
|
||||
<div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'>
|
||||
<a className="m-1 main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-12 col-sm-8 order-1 order-sm-2">
|
||||
<img className='w-100 h-100' src={cardImg} alt="Child Card" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
{/* <div className="appie-about-8-box">
|
||||
<h3 className="title">
|
||||
Assign Faster with <br />
|
||||
wrenchAgent
|
||||
</h3>
|
||||
<p>
|
||||
Ask our ❛❛<span className=''>wrench</span><span className=''>Agent</span>❜❜ Generative AI to assist
|
||||
</p>
|
||||
<a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
<div className="thumb mr-30">
|
||||
<img src={thumb5} alt="" />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className='appie-about-container'>
|
||||
<div className="appie-about-8-box">
|
||||
<h3 className="title">
|
||||
Assign Faster with <br />
|
||||
wrenchAgent
|
||||
</h3>
|
||||
<p>
|
||||
Ask our ❛❛<span className=''>wrench</span><span className=''>Agent</span>❜❜ Generative AI to assist
|
||||
</p>
|
||||
</div>
|
||||
<div className='row'>
|
||||
<div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'>
|
||||
<a className="m-1 main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-12 col-sm-8 order-1 order-sm-2">
|
||||
<img className='w-100 h-100' src={thumb5} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default AfterHero;
|
||||
@@ -0,0 +1,124 @@
|
||||
import React from 'react';
|
||||
import serviceThumb from '../../assets/images/service-thumb-1.png';
|
||||
|
||||
function NextAfterHero() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="appie-services-2-area appie-services-8-area pt-90 pb-55"
|
||||
id="service"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6 col-md-8">
|
||||
<div className="appie-section-title">
|
||||
<h3 className="appie-title">Solution for every need.</h3>
|
||||
<p>The app provides design and digital marketing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-7">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-tv" />
|
||||
</div>
|
||||
<h4 className="title">Carefully designed</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
item-2
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-code" />
|
||||
</div>
|
||||
<h4 className="title">Clean Modern Code</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
item-3
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-user-friends" />
|
||||
</div>
|
||||
<h4 className="title">User Interactive</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div
|
||||
className="
|
||||
appie-single-service-2 appie-single-service-about
|
||||
item-4
|
||||
mt-30
|
||||
wow
|
||||
animated
|
||||
fadeInUp
|
||||
"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-mobile" />
|
||||
</div>
|
||||
<h4 className="title">Choose a App</h4>
|
||||
<p>
|
||||
He lost his bottle loo don't get shirty with me ruddy.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="service-thumb">
|
||||
<img src={serviceThumb} alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default NextAfterHero;
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import thumb from '../../assets/images/traffic-thumb.png';
|
||||
import thumb from '../../assets/images/home-app-page.png';
|
||||
|
||||
function TrafficHomeTwo() {
|
||||
return (
|
||||
@@ -8,10 +8,9 @@ function TrafficHomeTwo() {
|
||||
<div className="row">
|
||||
<div className="col-lg-7">
|
||||
<div className="appie-traffic-title">
|
||||
<span>Post</span>
|
||||
<h3 className="title">Posting Jobs.</h3>
|
||||
<h3 className="title">Family Connect</h3>
|
||||
<p>
|
||||
WrenchBoard platform connects you with quality service to deliver your project with ease.
|
||||
All you need for a family to get moving with rewards and more. Plan activities and booster family interactions.
|
||||
</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
@@ -20,8 +19,8 @@ function TrafficHomeTwo() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Create your projects</h5>
|
||||
<p>from complex to most basic task as targetted offering or market place posting</p>
|
||||
<h5 className="title">Organize Chores</h5>
|
||||
<p>Simple one-time tasks to repeated tasks or promise of performance or set goals.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -29,8 +28,9 @@ function TrafficHomeTwo() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Hire experts</h5>
|
||||
<p>from reviewed profiles, accept interest in your project from qualified members.</p>
|
||||
<h5 className="title">Sibling Activities</h5>
|
||||
<p>Wrenchboard allows family members to create product connections with educational content with reward tools.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -38,8 +38,8 @@ function TrafficHomeTwo() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Monitor Progress</h5>
|
||||
<p>Monitor work progress and track performance with real time tools from your account</p>
|
||||
<h5 className="title">Personalized Wallet</h5>
|
||||
<p>Individual wallet with parental control and guidance. Money education to increase values.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -47,8 +47,8 @@ function TrafficHomeTwo() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Get Pay </h5>
|
||||
<p>Pay: Make payment easily and securely by milestones or project completion.</p>
|
||||
<h5 className="title">Games & More </h5>
|
||||
<p>More opportunities to learn with games or the artificial intelligence library and shared material.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
|
||||
Regular → Executable
+27
-18
@@ -3,23 +3,29 @@ import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import BlogHomeOne from './BlogHomeOne';
|
||||
import FaqHomeOne from './FaqHomeOne';
|
||||
import FeaturesHomeOne from './FeaturesHomeOne';
|
||||
import FooterHomeOne from './FooterHomeOne';
|
||||
import HeroHomeOne from './HeroHomeOne';
|
||||
import HomeOneHeader from './HomeOneHeader';
|
||||
//import PricingHomeOne from './PricingHomeOne';
|
||||
import ProjectHomeOne from './ProjectHomeOne';
|
||||
import ServicesHomeOne from './ServicesHomeOne';
|
||||
import TeamHomeOne from './TeamHomeOne';
|
||||
import TestimonialHomeOne from './TestimonialHomeOne';
|
||||
//import TrafficHomeOne from './TrafficHomeOne';
|
||||
import TrafficHomeOne from './TrafficHomeOne';
|
||||
import TrafficHomeTwo from './TrafficHomeTwo';
|
||||
import WrenchBoardHome from './WrenchBoardHome';
|
||||
import RecentJobsOne from './RecentJobsOne';
|
||||
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
|
||||
import FeaturedScreen from './FeaturedScreen';
|
||||
import AfterHero from './AfterHero';
|
||||
import NextAfterHero from './NextAfterHero';
|
||||
|
||||
//import FaqHomeOne from './FaqHomeOne';
|
||||
//import PricingHomeOne from './PricingHomeOne';
|
||||
//import ProjectHomeOne from './ProjectHomeOne';
|
||||
//import TeamHomeOne from './TeamHomeOne';
|
||||
//import TestimonialHomeOne from './TestimonialHomeOne';
|
||||
//mport WrenchBoardHome from './WrenchBoardHome';
|
||||
//import RecentJobsOne from './RecentJobsOne';
|
||||
//import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
|
||||
//import BlogData from './../../Services/BlogData';
|
||||
// import ServicesHomeEight from '../HomeEight/ServicesHomeEight';
|
||||
|
||||
|
||||
|
||||
function HomeOne() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
@@ -29,21 +35,24 @@ function HomeOne() {
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
{/* <StickyHeaderNav action={drawerAction.toggle} /> */}
|
||||
<HomeOneHeader action={drawerAction.toggle} />
|
||||
<HeroHomeOne />
|
||||
<ServicesHomeOne />
|
||||
{/*<RecentJobsOne />*/}
|
||||
<HeroHomeOne />
|
||||
<AfterHero />
|
||||
<NextAfterHero />
|
||||
<FeaturesHomeOne />
|
||||
{/*<FaqHomeOne />*/}
|
||||
{/*<TrafficHomeOne />*/}
|
||||
<ServicesHomeOne />
|
||||
<TrafficHomeOne />
|
||||
<TrafficHomeTwo />
|
||||
<FeaturedScreen />
|
||||
<BlogHomeOne />
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
|
||||
{ /* <RecentJobsOne /> JOBS ON SITE GONE*/}
|
||||
{/*<FaqHomeOne />*/}
|
||||
{/*<TestimonialHomeOne />*/}
|
||||
{/*<TeamHomeOne />*/}
|
||||
{/*<PricingHomeOne />*/}
|
||||
<BlogHomeOne />
|
||||
{/*<ProjectHomeOne />*/}
|
||||
<FooterHomeOne />
|
||||
<BackToTop />
|
||||
{/*<ProjectHomeOne /> */}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -25,24 +25,24 @@ const Main = ({gredient}) => {
|
||||
</div>
|
||||
}
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="p-0 appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Reward Accomplishments</div></h3>
|
||||
<p className=''>
|
||||
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards.
|
||||
</p>
|
||||
</div>
|
||||
<div className="row mt-3 align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="w-100">
|
||||
<div className="p-0 appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
|
||||
<h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Reward Accomplishments</div></h3>
|
||||
<p className=''>
|
||||
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards.
|
||||
</p>
|
||||
</div>
|
||||
<div className="appie-traffic-title section_title mb-3" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
|
||||
<h3 className='title text-center text-lg-left'>Assign Faster with</h3>
|
||||
<h3 className='w-100 title text-center d-flex justify-content-center justify-content-lg-end flex-nowrap'>
|
||||
<h3 className='title text-center'>Assign Faster with</h3>
|
||||
<h3 className='w-100 title text-center d-flex justify-content-center flex-nowrap'>
|
||||
<div className='color-blue italic'>wrench</div><div className='color-purple'>Agent</div>
|
||||
</h3>
|
||||
</div>
|
||||
<div className="row">
|
||||
{list?.map(({ icon, header, paragraph, name }, idx) => (
|
||||
<div className="col-12 col-md-6 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
|
||||
<div className="col-12 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
|
||||
<div
|
||||
className={`appie-traffic-service features appie-modern-design`}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user