Compare commits

...

5 Commits

Author SHA1 Message Date
victorAnumudu cfe6517bc8 link fixed 2024-08-02 19:42:03 +01:00
CHIEFSOFT\ameye 6c2f918a88 select features 2024-08-02 14:03:11 -04:00
ameye 94b57bb414 Merge branch 'use-cases' of WrenchBoard/WrenchBoardMainSite2025 into master 2024-08-02 18:01:23 +00:00
ameye 29310a8da3 Merge branch 'image-change' of WrenchBoard/WrenchBoardMainSite2025 into master 2024-08-01 18:31:26 +00:00
victorAnumudu 360b84f829 image updated and link fixed 2024-08-01 18:43:46 +01:00
8 changed files with 58 additions and 56 deletions
+3 -3
View File
@@ -61,7 +61,7 @@ function Drawer({ drawer, action }) {
<div className="offcanvas-social"> <div className="offcanvas-social">
<ul className="text-center"> <ul className="text-center">
<li> <li>
<a href={process.env.REACT_APP_FACEBOOK_LINK} > <a href={process.env.NEXT_PUBLIC_FACEBOOK_LINK} >
<i className="fab fa-facebook-f"></i> <i className="fab fa-facebook-f"></i>
</a> </a>
</li> </li>
@@ -78,12 +78,12 @@ function Drawer({ drawer, action }) {
<li> <li>
<a href="#"> <a href="#">
<i className="fal fa-envelope"></i>{' '} <i className="fal fa-envelope"></i>{' '}
{process.env.REACT_APP_SUPPORT_EMAIL} {process.env.NEXT_PUBLIC_SUPPORT_EMAIL}
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i className="fal fa-phone"></i> {process.env.REACT_APP_SUPPORT_PHONE} <i className="fal fa-phone"></i> {process.env.NEXT_PUBLIC_SUPPORT_PHONE}
</a> </a>
</li> </li>
<li> <li>
+2 -2
View File
@@ -6752,12 +6752,12 @@ blockquote cite {
} }
.appie-about-8-box { .appie-about-8-box {
padding: 50px 50px 0px 50px; padding: 50px;
z-index: 10; z-index: 10;
} }
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
.appie-about-8-box { .appie-about-8-box {
padding: 50px 25px 0px 25px; padding: 25px;
} }
} }
@media only screen and (min-width: 768px) and (max-width: 991px) { @media only screen and (min-width: 768px) and (max-width: 991px) {
Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

+15 -13
View File
@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import thumb5 from '../assets/images/about-thumb-5.png'; import thumb5 from '../assets/images/about-thumb-5.png';
import cardImg from '../assets/images/home/card-home-01.png' import cardImg from '../assets/images/home/wrench-card-only.png'
// import bg from '../assets/images/background-bg.jpg' // import bg from '../assets/images/background-bg.jpg'
import Image from 'next/image'; import Image from 'next/image';
@@ -23,23 +23,24 @@ function AfterHero() {
<div className="row"> <div className="row">
<div className="col-lg-7 mb-3 mb-lg-0"> <div className="col-lg-7 mb-3 mb-lg-0">
<div className='appie-about-container'> <div className='appie-about-container'>
<div className="appie-about-8-box"> <div className='row appie-about-8-box'>
<div className="col-12 col-md-6">
<h3 className="title"> <h3 className="title">
Reward Accomplishments Reward Accomplishments
</h3> </h3>
<p> <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 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> </p>
</div> <div className=''>
<div className='row'> <a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
<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" /> Learn More <i className="fal fa-arrow-right" />
</a> </a>
</div> </div>
<div className="col-12 col-sm-8 order-1 order-sm-2"> </div>
<div className="col-12 col-md-6">
<Image <Image
src={cardImg} src={cardImg}
className='w-100 h-100'
width={'100%'} width={'100%'}
height={'100%'} height={'100%'}
alt="" alt=""
@@ -50,7 +51,8 @@ function AfterHero() {
</div> </div>
<div className="col-lg-5"> <div className="col-lg-5">
<div className='appie-about-container'> <div className='appie-about-container'>
<div className="appie-about-8-box"> <div className='row appie-about-8-box'>
<div className="col-12 col-md-6">
<h3 className="title"> <h3 className="title">
Assign Faster with <br /> Assign Faster with <br />
wrenchAgent wrenchAgent
@@ -58,16 +60,16 @@ function AfterHero() {
<p> <p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p> </p>
</div> <div className=''>
<div className='row'> <a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
<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" /> Learn More <i className="fal fa-arrow-right" />
</a> </a>
</div> </div>
<div className="col-12 col-sm-8 order-1 order-sm-2"> </div>
<div className="col-12 col-md-6">
<Image <Image
src={thumb5} src={thumb5}
className='w-100 h-100'
width={'100%'} width={'100%'}
height={'100%'} height={'100%'}
alt="" alt=""
+2 -2
View File
@@ -34,7 +34,7 @@ function HeroHomeOne() {
<p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a task portfolio and find others to perform tasks for you.</p> <p>Your place to set family goals and reward achievements. Find tasks to earn from, or build a task portfolio and find others to perform tasks for you.</p>
<ul className='d-flex justify-content-center justify-content-lg-start'> <ul className='d-flex justify-content-center justify-content-lg-start'>
<li className=''> <li className=''>
<a className="item-2" target='_blank' href={process.env.REACT_APP_APPLE_APP}> <a className="item-2" target='_blank' href={process.env.NEXT_PUBLIC_APPLE_APP}>
<i className="fab fa-apple"></i> <i className="fab fa-apple"></i>
<span> <span>
Available on the <span>App Store</span> Available on the <span>App Store</span>
@@ -42,7 +42,7 @@ function HeroHomeOne() {
</a> </a>
</li> </li>
<li className=''> <li className=''>
<a className="item-2" target='_blank' href={process.env.REACT_APP_ANDROID_APP}> <a className="item-2" target='_blank' href={process.env.NEXT_PUBLIC_ANDROID_APP}>
<i className="fab fa-google-play"></i> <i className="fab fa-google-play"></i>
<span> <span>
Available on the <span>Google Play</span> Available on the <span>Google Play</span>
+2 -2
View File
@@ -24,10 +24,10 @@ function HomeOne() {
<HeroHomeOne /> <HeroHomeOne />
<AfterHero /> <AfterHero />
<SelectFeatures className='pb-55-err' /> <SelectFeatures className='pb-55-err' />
<NextAfterHero /> {/*<NextAfterHero />*/}
{/*<ServicesHomeOne />*/} {/*<ServicesHomeOne />*/}
<TrafficHomeOne /> <TrafficHomeOne />
<TrafficHomeTwo /> {/*<TrafficHomeTwo />*/}
<BlogHomeOne /> <BlogHomeOne />
<FooterHomeOne /> <FooterHomeOne />
<BackToTop className='' /> <BackToTop className='' />
+15 -15
View File
@@ -14,7 +14,7 @@ function SelectFeatures({ className }) {
}; };
//appie-services-2-area appie-services-8-area pt-90 pb-55 //appie-services-2-area appie-services-8-area pt-90 pb-55
return ( return (
<section className={`appie-features-area pt-100 ${className}`} id="features"> <section className={`appie-features-area pt-100 ${className}`} id="features" style={{ marginBottom: '20px' }} >
<div className="container"> <div className="container">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-3"> <div className="col-lg-3">
@@ -35,7 +35,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-home" aria-controls="v-pills-home"
aria-selected="true" aria-selected="true"
> >
<i className="fas fa-cog" /> Settings <i className="fas fa-cog" /> Reward achievement
</a> </a>
<a <a
onClick={(e) => handleClick(e, 'report')} onClick={(e) => handleClick(e, 'report')}
@@ -47,7 +47,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-profile" aria-controls="v-pills-profile"
aria-selected="false" aria-selected="false"
> >
<i className="fas fa-exclamation-triangle" /> Report <i className="fas fa-exclamation-triangle" /> Assign tasks or chores
</a> </a>
<a <a
onClick={(e) => handleClick(e, 'notice')} onClick={(e) => handleClick(e, 'notice')}
@@ -59,7 +59,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-messages" aria-controls="v-pills-messages"
aria-selected="false" aria-selected="false"
> >
<i className="fas fa-bell" /> Saeety Notices <i className="fas fa-bell" /> Family engagement
</a> </a>
<a <a
onClick={(e) => handleClick(e, 'app')} onClick={(e) => handleClick(e, 'app')}
@@ -71,7 +71,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-settings" aria-controls="v-pills-settings"
aria-selected="false" aria-selected="false"
> >
<i className="fas fa-lock" /> App Lock <i className="fas fa-lock" /> Fund wallets
</a> </a>
</div> </div>
</div> </div>
@@ -103,7 +103,7 @@ function SelectFeatures({ className }) {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
<span>Custom Reacyions</span> <span>Custom Reactions</span>
<h3 className="title"> <h3 className="title">
Let the <br /> Conversation flow Let the <br /> Conversation flow
</h3> </h3>
@@ -236,15 +236,15 @@ function SelectFeatures({ className }) {
</div> </div>
</div> </div>
</div> </div>
<div className="features-shape-1"> {/*<div className="features-shape-1">*/}
<Image src={shapeSix} alt="" /> {/* <Image src={shapeSix} alt="" />*/}
</div> {/*</div>*/}
<div className="features-shape-2"> {/*<div className="features-shape-2">*/}
<Image src={shapeSeven} alt="" /> {/* <Image src={shapeSeven} alt="" />*/}
</div> {/*</div>*/}
<div className="features-shape-3"> {/*<div className="features-shape-3">*/}
<Image src={shapeEight} alt="" /> {/* <Image src={shapeEight} alt="" />*/}
</div> {/*</div>*/}
</section> </section>
); );
} }
+2 -2
View File
@@ -26,10 +26,10 @@ function Services({ action }) {
</div> </div>
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3"> <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"> <div className="appie-btn-box text-right">
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}> <a className="login-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
<i className="fal fa-user"></i> Login <i className="fal fa-user"></i> Login
</a> </a>
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}> <a className="main-btn ml-30" href={process.env.NEXT_PUBLIC_DASH_URL_SIGNUP}>
Get Started Get Started
</a> </a>
<div <div