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">
<ul className="text-center">
<li>
<a href={process.env.REACT_APP_FACEBOOK_LINK} >
<a href={process.env.NEXT_PUBLIC_FACEBOOK_LINK} >
<i className="fab fa-facebook-f"></i>
</a>
</li>
@@ -78,12 +78,12 @@ function Drawer({ drawer, action }) {
<li>
<a href="#">
<i className="fal fa-envelope"></i>{' '}
{process.env.REACT_APP_SUPPORT_EMAIL}
{process.env.NEXT_PUBLIC_SUPPORT_EMAIL}
</a>
</li>
<li>
<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>
</li>
<li>
+2 -2
View File
@@ -6752,12 +6752,12 @@ blockquote cite {
}
.appie-about-8-box {
padding: 50px 50px 0px 50px;
padding: 50px;
z-index: 10;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.appie-about-8-box {
padding: 50px 25px 0px 25px;
padding: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

+32 -30
View File
@@ -1,6 +1,6 @@
import React from 'react';
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 Image from 'next/image';
@@ -23,23 +23,24 @@ function AfterHero() {
<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 className='row appie-about-8-box'>
<div className="col-12 col-md-6">
<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 className=''>
<a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
<div className="col-12 col-sm-8 order-1 order-sm-2">
<div className="col-12 col-md-6">
<Image
src={cardImg}
className='w-100 h-100'
width={'100%'}
height={'100%'}
alt=""
@@ -50,24 +51,25 @@ function AfterHero() {
</div>
<div className="col-lg-5">
<div className='appie-about-container'>
<div className="appie-about-8-box">
<h3 className="title">
Assign Faster with <br />
wrenchAgent
</h3>
<p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; 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 className='row appie-about-8-box'>
<div className="col-12 col-md-6">
<h3 className="title">
Assign Faster with <br />
wrenchAgent
</h3>
<p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p>
<div className=''>
<a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
<div className="col-12 col-sm-8 order-1 order-sm-2">
<div className="col-12 col-md-6">
<Image
src={thumb5}
className='w-100 h-100'
width={'100%'}
height={'100%'}
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>
<ul className='d-flex justify-content-center justify-content-lg-start'>
<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>
<span>
Available on the <span>App Store</span>
@@ -42,7 +42,7 @@ function HeroHomeOne() {
</a>
</li>
<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>
<span>
Available on the <span>Google Play</span>
+2 -2
View File
@@ -24,10 +24,10 @@ function HomeOne() {
<HeroHomeOne />
<AfterHero />
<SelectFeatures className='pb-55-err' />
<NextAfterHero />
{/*<NextAfterHero />*/}
{/*<ServicesHomeOne />*/}
<TrafficHomeOne />
<TrafficHomeTwo />
{/*<TrafficHomeTwo />*/}
<BlogHomeOne />
<FooterHomeOne />
<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
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="row align-items-center">
<div className="col-lg-3">
@@ -35,7 +35,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-home"
aria-selected="true"
>
<i className="fas fa-cog" /> Settings
<i className="fas fa-cog" /> Reward achievement
</a>
<a
onClick={(e) => handleClick(e, 'report')}
@@ -47,7 +47,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-profile"
aria-selected="false"
>
<i className="fas fa-exclamation-triangle" /> Report
<i className="fas fa-exclamation-triangle" /> Assign tasks or chores
</a>
<a
onClick={(e) => handleClick(e, 'notice')}
@@ -59,7 +59,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-messages"
aria-selected="false"
>
<i className="fas fa-bell" /> Saeety Notices
<i className="fas fa-bell" /> Family engagement
</a>
<a
onClick={(e) => handleClick(e, 'app')}
@@ -71,7 +71,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-settings"
aria-selected="false"
>
<i className="fas fa-lock" /> App Lock
<i className="fas fa-lock" /> Fund wallets
</a>
</div>
</div>
@@ -103,7 +103,7 @@ function SelectFeatures({ className }) {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<span>Custom Reacyions</span>
<span>Custom Reactions</span>
<h3 className="title">
Let the <br /> Conversation flow
</h3>
@@ -236,15 +236,15 @@ function SelectFeatures({ className }) {
</div>
</div>
</div>
<div className="features-shape-1">
<Image src={shapeSix} alt="" />
</div>
<div className="features-shape-2">
<Image src={shapeSeven} alt="" />
</div>
<div className="features-shape-3">
<Image src={shapeEight} alt="" />
</div>
{/*<div className="features-shape-1">*/}
{/* <Image src={shapeSix} alt="" />*/}
{/*</div>*/}
{/*<div className="features-shape-2">*/}
{/* <Image src={shapeSeven} alt="" />*/}
{/*</div>*/}
{/*<div className="features-shape-3">*/}
{/* <Image src={shapeEight} alt="" />*/}
{/*</div>*/}
</section>
);
}
+2 -2
View File
@@ -26,10 +26,10 @@ function Services({ action }) {
</div>
<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">
<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
</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
</a>
<div