Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 64390441a1 | |||
| c8095755b5 | |||
| e1000ce0db | |||
| c5d67ad79b | |||
| 80d0f0b326 | |||
| ebba068098 | |||
| 8ad3e31f60 | |||
| 5ba57b4b30 | |||
| 4764a3dd72 |
+2
-2
@@ -1,8 +1,8 @@
|
||||
APP_PORT=9081
|
||||
ESLINT_NO_DEV_ERRORS=true
|
||||
|
||||
NEXT_PUBLIC_AUX_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
NEXT_PUBLIC_USERS_ENDPOINT="https://apigate.lotus.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
NEXT_PUBLIC_AUX_ENDPOINT="https://apigate.nebula.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
NEXT_PUBLIC_USERS_ENDPOINT="https://apigate.nebula.g1.wrenchboard.com/en/wrench/api/v1"
|
||||
|
||||
NEXT_PUBLIC_SITE_NAME='WrenchBoard'
|
||||
NEXT_PUBLIC_DASH_URL='https://users.wrenchboard.com'
|
||||
|
||||
@@ -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
|
||||
===========================*/
|
||||
|
||||
@@ -1,36 +1,44 @@
|
||||
"use client"
|
||||
import React, { useEffect, useState } from 'react'
|
||||
//import Cookies from 'js-cookie'
|
||||
"use client";
|
||||
import React, { useLayoutEffect, useState } from 'react';
|
||||
|
||||
export default function AcceptCookies() {
|
||||
const [cookies, setCookies] = useState(true)
|
||||
|
||||
const acceptCookies = () => {
|
||||
// Cookies.set('useCookies', 'true')
|
||||
setCookies(true)
|
||||
}
|
||||
// Safe cookie getter
|
||||
function getCookie(name) {
|
||||
if (typeof document === 'undefined') return null; // SSR safety
|
||||
const value = `; ${document.cookie}`;
|
||||
const parts = value.split(`; ${name}=`);
|
||||
if (parts.length === 2) return parts.pop().split(';').shift();
|
||||
return null;
|
||||
}
|
||||
|
||||
useEffect(()=>{
|
||||
const useCookies = false; // Cookies.get('useCookies')
|
||||
if(useCookies == 'true'){
|
||||
setCookies(true)
|
||||
const [cookies, setCookies] = useState(true); // Start as true
|
||||
|
||||
const acceptCookies = () => {
|
||||
document.cookie = `use_cookies=${encodeURIComponent('true')}; path=/; max-age=31536000`; // 1 year
|
||||
setCookies(true);
|
||||
};
|
||||
|
||||
useLayoutEffect(()=>{
|
||||
const useCookies = getCookie('use_cookies');
|
||||
if (useCookies && decodeURIComponent(useCookies) === 'true') {
|
||||
setCookies(true);
|
||||
}else{
|
||||
setCookies(false)
|
||||
}
|
||||
},[])
|
||||
},[])
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* {cookies ?
|
||||
<></>
|
||||
: */}
|
||||
{cookies ? <></> : (
|
||||
<div className={`${cookies ? 'slide-down' : 'slide-up'} cookies-wrapper position-fixed d-lg-flex justify-content-center align-items-center gap-5 p-2`}>
|
||||
<p className='m-0'>
|
||||
<p className="m-0">
|
||||
This website uses cookies to provide you the best experience possible, as well as for tracking performance and marketing purposes. You can check our privacy policy for more information. By clicking ❛❛Confirm❜❜ or by continuing to use our website, you consent to our use of cookies.
|
||||
</p>
|
||||
<button onClick={acceptCookies} className='px-5 py-2'>Accept</button>
|
||||
</p>
|
||||
<button onClick={acceptCookies} className="px-5 py-2">
|
||||
Accept
|
||||
</button>
|
||||
</div>
|
||||
{/* } */}
|
||||
)}
|
||||
</>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
@@ -31,26 +31,25 @@ function FooterHomeOne({ className }) {
|
||||
<Link href="/service">
|
||||
Read More <i className="fal fa-arrow-right" />
|
||||
</Link>
|
||||
<div className="social mt-30">
|
||||
{/* <div className="social mt-30">
|
||||
<ul>
|
||||
<li>
|
||||
<a href={site.facebook_link}>
|
||||
<a target='_blank' href={site.facebook_link}>
|
||||
<i className="fab fa-facebook-f"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href={process.env.NEXT_PUBLIC_TWITTER_LINK}>
|
||||
{/* <i className="fab fa-twitter" /> */}
|
||||
<a target='_blank' href={process.env.NEXT_PUBLIC_TWITTER_LINK}>
|
||||
<i className="fab fa-x-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="you" href={process.env.NEXT_PUBLIC_YOUTUBE_LINK}>
|
||||
<a target='_blank' className="you" href={process.env.NEXT_PUBLIC_YOUTUBE_LINK}>
|
||||
<i className="fab fa-youtube"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-2 col-md-6">
|
||||
@@ -107,7 +106,7 @@ function FooterHomeOne({ className }) {
|
||||
<i className="fal fa-envelope" /> {site.support_email}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
{/* <li>
|
||||
<a href="#">
|
||||
<i className="fal fa-phone" /> 404-855-7966
|
||||
</a>
|
||||
@@ -116,9 +115,30 @@ function FooterHomeOne({ className }) {
|
||||
<a href="#">
|
||||
<i className="fal fa-map-marker-alt" />Atlanta, GA 30339
|
||||
</a>
|
||||
</li>
|
||||
</li> */}
|
||||
</ul>
|
||||
</div>
|
||||
<div className='footer-about-widget'>
|
||||
<div className="social mt-30">
|
||||
<ul>
|
||||
<li>
|
||||
<a target='_blank' href={site.facebook_link}>
|
||||
<i className="fab fa-facebook-f"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' href={process.env.NEXT_PUBLIC_TWITTER_LINK}>
|
||||
<i className="fab fa-x-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target='_blank' className="you" href={process.env.NEXT_PUBLIC_YOUTUBE_LINK}>
|
||||
<i className="fab fa-youtube"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
|
||||
+2
-2
@@ -36,7 +36,7 @@ export default function RootLayout({
|
||||
{children}
|
||||
<AcceptCookies />
|
||||
</body>
|
||||
<Script id='chat-support'>
|
||||
{/* <Script id='chat-support'>
|
||||
{`
|
||||
var LHC_API = LHC_API || {};
|
||||
LHC_API.args = {
|
||||
@@ -62,7 +62,7 @@ export default function RootLayout({
|
||||
s.parentNode.insertBefore(po, s);
|
||||
})();
|
||||
`}
|
||||
</Script>
|
||||
</Script> */}
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
+21
-10
@@ -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 ❛❛<span className=''>wrench</span><span className=''>Agent</span>❜❜ 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=""
|
||||
|
||||
@@ -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='' />
|
||||
|
||||
@@ -11,7 +11,6 @@
|
||||
"dependencies": {
|
||||
"axios": "^1.7.2",
|
||||
"caniuse-lite": "^1.0.30001651",
|
||||
"js-cookie": "^3.0.5",
|
||||
"next": "14.2.5",
|
||||
"react": "^18",
|
||||
"react-dom": "^18",
|
||||
|
||||
Reference in New Issue
Block a user