victorAnumudu
107 lines
5.5 KiB
TypeScript
107 lines
5.5 KiB
TypeScript
"use client"
|
|
import React from 'react';
|
|
import Image from 'next/image';
|
|
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() {
|
|
const {refer_link} = useParams()
|
|
|
|
return (
|
|
<>
|
|
<section className="appie-about-8-area pt-50 pb-70">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-12">
|
|
<div className="appie-section-title">
|
|
<h3 className="appie-title">
|
|
{/* We bring everything <br />
|
|
that's required to build apps */}
|
|
Join WrenchBoard and Start Earning
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="row">
|
|
<div className="col-lg-7 mb-3 mb-lg-0">
|
|
<div className='appie-about-container'>
|
|
<div className='row appie-about-8-box'>
|
|
<div className="col-12 col-md-6">
|
|
<h3 className="title">
|
|
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.
|
|
</p>
|
|
<div className=''>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<div className="col-12 col-md-6">
|
|
<Image
|
|
src={cardImg}
|
|
className='w-100 h-100'
|
|
width={'100'}
|
|
height={'100'}
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-5">
|
|
<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 gap-5'>
|
|
<h3 className="title">
|
|
Learn more...
|
|
</h3>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-12 col-md-6">
|
|
<Image
|
|
src={wrenchAgent}
|
|
className='w-100 h-auto'
|
|
width={'100'}
|
|
height={'100'}
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Hero;
|