Merge branch 'myrefer-link-fix' of WrenchBoard/WrenchBoardMainSite2025 into master

This commit is contained in:
2024-12-03 21:35:15 +00:00
committed by Gogs
3 changed files with 48 additions and 12 deletions
+25
View File
@@ -6809,6 +6809,31 @@ blockquote cite {
border-color: #db0f30; border-color: #db0f30;
} }
.refer-container a {
position: relative;
padding-left: 12px;
}
.refer-container a::before{
content: "■";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
font-size: 12px;
}
.refer-container a {
border: none;
color: #505056;
margin-top: 20px;
}
.refer-container a:hover {
color: #4687ba;
background-color: transparent;
border: none;
}
/*=========================== /*===========================
12.APPIE COUNTER css 12.APPIE COUNTER css
===========================*/ ===========================*/
+21 -10
View File
@@ -5,6 +5,7 @@ import { useParams } from 'next/navigation';
import cardImg from '../assets/images/home/wrench-card-only.png' import cardImg from '../assets/images/home/wrench-card-only.png'
import wrenchAgent from '../assets/images/home/wrench-agent.png' import wrenchAgent from '../assets/images/home/wrench-agent.png'
import Link from 'next/link';
// import bg from '../assets/images/background-bg.jpg' // import bg from '../assets/images/background-bg.jpg'
function Hero() { function Hero() {
@@ -20,7 +21,7 @@ function Hero() {
<h3 className="appie-title"> <h3 className="appie-title">
{/* We bring everything <br /> {/* We bring everything <br />
that's required to build apps */} that's required to build apps */}
Set Chores, Set Goals Join WrenchBoard and Start Earning
</h3> </h3>
</div> </div>
</div> </div>
@@ -31,7 +32,7 @@ function Hero() {
<div className='row appie-about-8-box'> <div className='row appie-about-8-box'>
<div className="col-12 col-md-6"> <div className="col-12 col-md-6">
<h3 className="title"> <h3 className="title">
Reward Accomplishments Get Reward for Accomplishments
</h3> </h3>
<p> <p>
On WrenchBoard, set goals, tasks, or anything else that motivates or needs to be done, and reward completion. WrenchBoard is the platform for planning rewards, engaging, and connecting with family. On WrenchBoard, set goals, tasks, or anything else that motivates or needs to be done, and reward completion. WrenchBoard is the platform for planning rewards, engaging, and connecting with family.
@@ -58,15 +59,25 @@ function Hero() {
<div className='appie-about-container'> <div className='appie-about-container'>
<div className='h-100 row appie-about-8-box'> <div className='h-100 row appie-about-8-box'>
<div className="col-12 col-md-6"> <div className="col-12 col-md-6">
<div className='h-100 d-flex flex-column justify-content-between'> <div className='h-100 d-flex flex-column gap-5'>
<h3 className="title"> <h3 className="title">
Assign Faster with <br /> Learn more...
wrenchAgent
</h3> </h3>
<p> <ul className='refer-container'>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist <li>
</p> <Link href="/about-us">About WrenchBoard</Link>
<div className=''> </li>
<li>
<Link href="/use-cases">Use Cases</Link>
</li>
<li>
<Link href="/service">Services</Link>
</li>
<li>
<Link href="/faq">FAQ</Link>
</li>
</ul>
<div className='d-none'>
<a className="mb-5 mb-md-0 main-btn" href={`${process.env.NEXT_PUBLIC_DASH_URL}/myrefer/${refer_link}`}> <a className="mb-5 mb-md-0 main-btn" href={`${process.env.NEXT_PUBLIC_DASH_URL}/myrefer/${refer_link}`}>
Get Started <i className="fal fa-arrow-right" /> Get Started <i className="fal fa-arrow-right" />
</a> </a>
@@ -76,7 +87,7 @@ function Hero() {
<div className="col-12 col-md-6"> <div className="col-12 col-md-6">
<Image <Image
src={wrenchAgent} src={wrenchAgent}
className='w-100 h-100' className='w-100 h-auto'
width={'100'} width={'100'}
height={'100'} height={'100'}
alt="" alt=""
+2 -2
View File
@@ -16,8 +16,8 @@ import '../../assets/css/style.css';
export default function page() { export default function page() {
return ( return (
<> <>
<HomeNav /> {/* <HomeNav />
<div className='' style={{paddingTop:'100px'}}></div> <div className='' style={{paddingTop:'100px'}}></div> */}
<Hero /> <Hero />
<FooterHomeOne className={''} /> <FooterHomeOne className={''} />
<BackToTop className='' /> <BackToTop className='' />