Compare commits

...

1 Commits

Author SHA1 Message Date
victorAnumudu 360b84f829 image updated and link fixed 2024-08-01 18:43:46 +01:00
4 changed files with 36 additions and 34 deletions
+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

+32 -30
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'>
<h3 className="title"> <div className="col-12 col-md-6">
Reward Accomplishments <h3 className="title">
</h3> Reward Accomplishments
<p> </h3>
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> 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
</div> </p>
<div className='row'> <div className=''>
<div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'> <a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
<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>
<div className="col-12 col-sm-8 order-1 order-sm-2"> <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,24 +51,25 @@ 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'>
<h3 className="title"> <div className="col-12 col-md-6">
Assign Faster with <br /> <h3 className="title">
wrenchAgent Assign Faster with <br />
</h3> wrenchAgent
<p> </h3>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist <p>
</p> Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</div> </p>
<div className='row'> <div className=''>
<div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'> <a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
<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>
<div className="col-12 col-sm-8 order-1 order-sm-2"> <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>