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
+11 -1
View File
@@ -1,3 +1,13 @@
APP_PORT=8091
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 { 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>
public/css/menu.css
+7
View File
@@ -778,6 +778,7 @@ body.wsactive {
.wsmenu {
width: 100%;
height: auto;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
right: 0;
overflow-y: hidden;
@@ -788,6 +789,12 @@ body.wsactive {
margin: 0px;
}
@media screen and (max-width: 991px) {
.wsmenu{
height: 100vh;
}
}
.wsmenu > .wsmenu-list {
height: auto;
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.ft-2-ntr .footer-links.fl-1 { padding-left: 25%; }
#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-10 .footer-links { margin-bottom: 10px; }