From 5ba57b4b3050053087c30063faca490cda5d860d Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 3 Dec 2024 22:27:27 +0100
Subject: [PATCH] my refer page link fixed

---
 app/assets/css/main.css           | 25 +++++++++++++++++++++++++
 app/myrefer/Hero.tsx              | 31 +++++++++++++++++++++----------
 app/myrefer/[refer_link]/page.tsx |  4 ++--
 3 files changed, 48 insertions(+), 12 deletions(-)

diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index a325f3c..7e725fd 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -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 
 ===========================*/
diff --git a/app/myrefer/Hero.tsx b/app/myrefer/Hero.tsx
index 773d6d6..14d0a2b 100644
--- a/app/myrefer/Hero.tsx
+++ b/app/myrefer/Hero.tsx
@@ -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="" 
diff --git a/app/myrefer/[refer_link]/page.tsx b/app/myrefer/[refer_link]/page.tsx
index c127f61..efadbe5 100644
--- a/app/myrefer/[refer_link]/page.tsx
+++ b/app/myrefer/[refer_link]/page.tsx
@@ -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='' />
-- 
2.34.1