WrenchBoard/WrenchBoardMainSite2025
2
0
Fork 0
Code Issues Pull Requests Releases Activity

my refer page link fixed #34

Merged
ameye merged 1 commits from myrefer-link-fix into master 2024-12-03 21:35:15 +00:00
Conversation 0 Commits 1 Files Changed 3
+48 -12
3 changed files with 48 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/css/main.css
+25
View File
@@ -6809,6 +6809,31 @@ blockquote cite {
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
===========================*/
app/myrefer/Hero.tsx
+21 -10
View File
@@ -5,6 +5,7 @@ import { useParams } from 'next/navigation';
import cardImg from '../assets/images/home/wrench-card-only.png'
import wrenchAgent from '../assets/images/home/wrench-agent.png'
import Link from 'next/link';
// import bg from '../assets/images/background-bg.jpg'
function Hero() {
@@ -20,7 +21,7 @@ function Hero() {
<h3 className="appie-title">
{/* We bring everything <br />
that's required to build apps */}
Set Chores, Set Goals
Join WrenchBoard and Start Earning
</h3>
</div>
</div>
@@ -31,7 +32,7 @@ function Hero() {
<div className='row appie-about-8-box'>
<div className="col-12 col-md-6">
<h3 className="title">
Reward Accomplishments
Get Reward for Accomplishments
</h3>
<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.
@@ -58,15 +59,25 @@ function Hero() {
<div className='appie-about-container'>
<div className='h-100 row appie-about-8-box'>
<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">
Assign Faster with <br />
wrenchAgent
Learn more...
</h3>
<p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p>
<div className=''>
<ul className='refer-container'>
<li>
<Link href="/about-us">About WrenchBoard</Link>
</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}`}>
Get Started <i className="fal fa-arrow-right" />
</a>
@@ -76,7 +87,7 @@ function Hero() {
<div className="col-12 col-md-6">
<Image
src={wrenchAgent}
className='w-100 h-100'
className='w-100 h-auto'
width={'100'}
height={'100'}
alt=""
app/myrefer/[refer_link]/page.tsx
+2 -2
View File
@@ -16,8 +16,8 @@ import '../../assets/css/style.css';
export default function page() {
return (
<>
<HomeNav />
<div className='' style={{paddingTop:'100px'}}></div>
{/* <HomeNav />
<div className='' style={{paddingTop:'100px'}}></div> */}
<Hero />
<FooterHomeOne className={''} />
<BackToTop className='' />