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
.env
+10
View File
@@ -1,3 +1,13 @@
APP_PORT=8091 APP_PORT=8091
ESLINT_NO_DEV_ERRORS=true ESLINT_NO_DEV_ERRORS=true
PANEL_URL=https://dev-panel.mermsemr.com PANEL_URL=https://dev-panel.mermsemr.com
# auth routes
NEXT_PUBLIC_LOGIN_URL=https://dev-panel.mermsemr.com
NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
# social links
NEXT_PUBLIC_FACEBOOK_URL=#
NEXT_PUBLIC_TWITTER_URL=#
NEXT_PUBLIC_INSTAGRAM_URL=#
NEXT_PUBLIC_YOUTUBE_URL=#
components/layout/Menu.js
+52 -30
View File
@@ -1,34 +1,56 @@
import Link from "next/link" import Link from "next/link";
import { useRouter } from "next/router" import { useRouter } from "next/router";
export default function Menu() { export default function Menu() {
const router = useRouter() const router = useRouter();
return ( return (
<> <>
<ul className="wsmenu-list nav-theme">
<ul className="wsmenu-list nav-theme"> {/* DROPDOWN SUB MENU */}
{/* DROPDOWN SUB MENU */} <li aria-haspopup="true">
<li aria-haspopup="true"> <Link href="#" className="h-link">
<Link href="#" className="h-link">About <span className="wsarrow" /></Link> About <span className="wsarrow" />
<ul className="sub-menu"> </Link>
<li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li> <ul className="sub-menu">
<li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li> <li aria-haspopup="true">
<li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li> <Link href="#merms-about">Why MERMS?</Link>
<li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li> </li>
</ul> <li aria-haspopup="true">
</li> <Link href="#merms-works">How It Works</Link>
{/* SIMPLE NAVIGATION LINK */} </li>
<li className="nl-simple" aria-haspopup="true"><Link href="#merms-features" className="h-link">Features</Link></li> <li aria-haspopup="true">
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true"> <Link href="/contacts">Contacts Us</Link>
<Link href="https://dev-panel.mermsemr.com/" className="h-link">Sign in</Link> </li>
</li> <li aria-haspopup="true">
{/* SIGN UP BUTTON */} <Link href="/faqs">F.A.Q.</Link>
<li className="nl-simple" aria-haspopup="true"> </li>
<Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign </ul>
up</Link> </li>
</li> {/* SIMPLE NAVIGATION LINK */}
</ul> <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 Link from "next/link";
import { useState } from 'react' import { useState } from "react";
export default function MobileMenu() { 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, status: false,
key: "", });
}) } else {
setIsActive({
const handleToggle = (key) => { status: true,
if (isActive.key === key) { key,
setIsActive({ });
status: false,
})
} else {
setIsActive({
status: true,
key,
})
}
} }
return ( };
<> return (
<ul className="wsmenu-list nav-theme"> <>
{/* DROPDOWN SUB MENU */} <ul className="wsmenu-list nav-theme">
<li aria-haspopup="true"> {/* DROPDOWN SUB MENU */}
<span className={isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(1)}><i className="wsmenu-arrow" /></span> <li aria-haspopup="true">
<Link href="#" className="h-link">About <span className="wsarrow" /></Link> <span
<ul className="sub-menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}> className={
<li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li> isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"
<li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li> }
<li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li> onClick={() => handleToggle(1)}
<li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li> >
</ul> <i className="wsmenu-arrow" />
</li> </span>
{/* SIMPLE NAVIGATION LINK */} <Link href="#" className="h-link">
<li className="nl-simple" aria-haspopup="true"><Link href="#merms-features" className="h-link">Features</Link></li> 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 */} {/* SIGN IN LINK */}
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true"> <li
<Link href="https://dev-panel.mermsemr.com/" className="h-link">Sign in</Link> className="nl-simple reg-fst-link mobile-last-link"
</li> aria-haspopup="true"
{/* SIGN UP BUTTON */} >
<li className="nl-simple" aria-haspopup="true"> <Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
<Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign Sign in
up</Link> </Link>
</li> </li>
</ul> {/* 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 */} {/* FOOTER SOCIALS */}
<div className="col"> <div className="col">
<ul className="bottom-footer-socials ico-20 text-end"> <ul className="bottom-footer-socials ico-20 text-end">
<li><Link href="#"><span className="flaticon-facebook" /></Link></li> <li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span className="flaticon-facebook" /></Link></li>
<li><Link href="#"><span className="flaticon-twitter" /></Link></li> <li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter" /></Link></li>
<li><Link href="#"><span className="flaticon-instagram" /></Link></li> <li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>
<li><Link href="#"><span className="flaticon-youtube" /></Link></li> <li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>
</ul> </ul>
</div> </div>
</div> {/* End row */} </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>*/} {/* <Link href="/" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link>*/}
{/*</div>*/} {/*</div>*/}
{/* MAIN MENU */} {/* MAIN MENU */}
<nav className="wsmenu clearfix" style={{height:"100vh"}}> <nav className="wsmenu clearfix">
{isMobileMenu ? <MobileMenu /> : <Menu />} {isMobileMenu ? <MobileMenu /> : <Menu />}
</nav> {/* END MAIN MENU */} </nav> {/* END MAIN MENU */}
</div> </div>
public/css/menu.css
+7
View File
@@ -778,6 +778,7 @@ body.wsactive {
.wsmenu { .wsmenu {
width: 100%; width: 100%;
height: auto;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
right: 0; right: 0;
overflow-y: hidden; overflow-y: hidden;
@@ -788,6 +789,12 @@ body.wsactive {
margin: 0px; margin: 0px;
} }
@media screen and (max-width: 991px) {
.wsmenu{
height: 100vh;
}
}
.wsmenu > .wsmenu-list { .wsmenu > .wsmenu-list {
height: auto; height: auto;
min-height: 100%; min-height: 100%;
public/css/responsive.css
+2 -1
View File
@@ -1122,7 +1122,8 @@
#footer-2 .footer-links.fl-3 { padding-left: 0%; } #footer-2 .footer-links.fl-3 { padding-left: 0%; }
#footer-2.ft-2-ntr .footer-links.fl-1 { padding-left: 25%; } #footer-2.ft-2-ntr .footer-links.fl-1 { padding-left: 25%; }
#footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; } #footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; }
#footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; } #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 0%; }
/* #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; } */
#footer-8 .footer-info, #footer-8 .footer-links { margin-bottom: 20px; } #footer-8 .footer-info, #footer-8 .footer-links { margin-bottom: 20px; }
#footer-10 .footer-links { margin-bottom: 10px; } #footer-10 .footer-links { margin-bottom: 10px; }