MERMS/MermsWebsite2025
1
0
Fork 0
Code Issues Pull Requests Releases Activity

env links added

Browse Source
This commit is contained in:
victorAnumudu
2025-01-04 15:55:00 +01:00
parent 5240f48c29
commit 7b1f5c85ac
7 changed files with 155 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Menu.js
+52 -30
View File
@@ -1,34 +1,56 @@
import Link from "next/link"
import { useRouter } from "next/router"
import Link from "next/link";
import { useRouter } from "next/router";
export default function Menu() {
const router = useRouter()
const router = useRouter();
return (
<>
<ul className="wsmenu-list nav-theme">
{/* DROPDOWN SUB MENU */}
<li aria-haspopup="true">
<Link href="#" className="h-link">About <span className="wsarrow" /></Link>
<ul className="sub-menu">
<li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li>
<li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li>
<li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li>
<li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li>
</ul>
</li>
{/* SIMPLE NAVIGATION LINK */}
<li className="nl-simple" aria-haspopup="true"><Link href="#merms-features" className="h-link">Features</Link></li>
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
<Link href="https://dev-panel.mermsemr.com/" className="h-link">Sign in</Link>
</li>
{/* SIGN UP BUTTON */}
<li className="nl-simple" aria-haspopup="true">
<Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign
up</Link>
</li>
</ul>
</>
)
return (
<>
<ul className="wsmenu-list nav-theme">
{/* DROPDOWN SUB MENU */}
<li aria-haspopup="true">
<Link href="#" className="h-link">
About <span className="wsarrow" />
</Link>
<ul className="sub-menu">
<li aria-haspopup="true">
<Link href="#merms-about">Why MERMS?</Link>
</li>
<li aria-haspopup="true">
<Link href="#merms-works">How It Works</Link>
</li>
<li aria-haspopup="true">
<Link href="/contacts">Contacts Us</Link>
</li>
<li aria-haspopup="true">
<Link href="/faqs">F.A.Q.</Link>
</li>
</ul>
</li>
{/* SIMPLE NAVIGATION LINK */}
<li className="nl-simple" aria-haspopup="true">
<Link href="#merms-features" className="h-link">
Features
</Link>
</li>
<li
className="nl-simple reg-fst-link mobile-last-link"
aria-haspopup="true"
>
<Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
Sign in
</Link>
</li>
{/* SIGN UP BUTTON */}
<li className="nl-simple" aria-haspopup="true">
<Link
href={process.env.NEXT_PUBLIC_SIGNUP_URL}
className="btn r-04 btn--theme hover--tra-white last-link"
>
Sign up
</Link>
</li>
</ul>
</>
);
}
components/layout/MobileMenu.js
+78 -45
View File
@@ -1,50 +1,83 @@
import Link from 'next/link'
import { useState } from 'react'
import Link from "next/link";
import { useState } from "react";
export default function MobileMenu() {
const [isActive, setIsActive] = useState({
const [isActive, setIsActive] = useState({
status: false,
key: "",
});
const handleToggle = (key) => {
if (isActive.key === key) {
setIsActive({
status: false,
key: "",
})
const handleToggle = (key) => {
if (isActive.key === key) {
setIsActive({
status: false,
})
} else {
setIsActive({
status: true,
key,
})
}
});
} else {
setIsActive({
status: true,
key,
});
}
return (
<>
<ul className="wsmenu-list nav-theme">
{/* DROPDOWN SUB MENU */}
<li aria-haspopup="true">
<span className={isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(1)}><i className="wsmenu-arrow" /></span>
<Link href="#" className="h-link">About <span className="wsarrow" /></Link>
<ul className="sub-menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
<li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li>
<li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li>
<li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li>
<li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li>
</ul>
</li>
{/* SIMPLE NAVIGATION LINK */}
<li className="nl-simple" aria-haspopup="true"><Link href="#merms-features" className="h-link">Features</Link></li>
};
return (
<>
<ul className="wsmenu-list nav-theme">
{/* DROPDOWN SUB MENU */}
<li aria-haspopup="true">
<span
className={
isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"
}
onClick={() => handleToggle(1)}
>
<i className="wsmenu-arrow" />
</span>
<Link href="#" className="h-link">
About <span className="wsarrow" />
</Link>
<ul
className="sub-menu"
style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}
>
<li aria-haspopup="true">
<Link href="#merms-about">Why MERMS?</Link>
</li>
<li aria-haspopup="true">
<Link href="#merms-works">How It Works</Link>
</li>
<li aria-haspopup="true">
<Link href="/contacts">Contacts Us</Link>
</li>
<li aria-haspopup="true">
<Link href="/faqs">F.A.Q.</Link>
</li>
</ul>
</li>
{/* SIMPLE NAVIGATION LINK */}
<li className="nl-simple" aria-haspopup="true">
<Link href="#merms-features" className="h-link">
Features
</Link>
</li>
{/* SIGN IN LINK */}
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
<Link href="https://dev-panel.mermsemr.com/" className="h-link">Sign in</Link>
</li>
{/* SIGN UP BUTTON */}
<li className="nl-simple" aria-haspopup="true">
<Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign
up</Link>
</li>
</ul>
</>
)
{/* SIGN IN LINK */}
<li
className="nl-simple reg-fst-link mobile-last-link"
aria-haspopup="true"
>
<Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
Sign in
</Link>
</li>
{/* SIGN UP BUTTON */}
<li className="nl-simple" aria-haspopup="true">
<Link
href={process.env.NEXT_PUBLIC_SIGNUP_URL}
className="btn r-04 btn--theme hover--tra-white last-link"
>
Sign up
</Link>
</li>
</ul>
</>
);
}
components/layout/footer/Footer3.js
+4 -4
View File
@@ -120,10 +120,10 @@ export default function Footer3() {
{/* FOOTER SOCIALS */}
<div className="col">
<ul className="bottom-footer-socials ico-20 text-end">
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
<li><Link href="#"><span className="flaticon-instagram" /></Link></li>
<li><Link href="#"><span className="flaticon-youtube" /></Link></li>
<li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span className="flaticon-facebook" /></Link></li>
<li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter" /></Link></li>
<li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>
<li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>
</ul>
</div>
</div> {/* End row */}
components/layout/header/HeaderMerms.js
+1 -1
View File
@@ -28,7 +28,7 @@ export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, he
{/* <Link href="/" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link>*/}
{/*</div>*/}
{/* MAIN MENU */}
<nav className="wsmenu clearfix" style={{height:"100vh"}}>
<nav className="wsmenu clearfix">
{isMobileMenu ? <MobileMenu /> : <Menu />}
</nav> {/* END MAIN MENU */}
</div>