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

merms page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-01-01 10:13:16 -05:00
parent 38f5d62a6d
commit c8dc50e655
3 changed files with 52 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Layout.js
+10 -7
View File
@@ -2,11 +2,12 @@ import { useEffect, useState } from "react"
import BackToTop from '../elements/BackToTop'
import Breadcrumb from './Breadcrumb'
import PageHead from './PageHead'
import Footer1 from './footer/Footer1'
import Footer2 from './footer/Footer2'
// import Footer1 from './footer/Footer1'
// import Footer2 from './footer/Footer2'
import Footer3 from "./footer/Footer3"
import Header1 from "./header/Header1"
import Header2 from './header/Header2'
// import Header1 from "./header/Header1"
// import Header2 from './header/Header2'
import HeaderMerms from "./header/HeaderMerms";
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, headerCls }) {
const [scroll, setScroll] = useState(0)
@@ -35,9 +36,11 @@ export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumb
<>
<PageHead headTitle={headTitle} />
<div id="page" className="page font--jakarta">
{!headerStyle && <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />}
{headerStyle == 1 ? <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}
{headerStyle == 2 ? <Header2 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}
<HeaderMerms scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />
{/*{!headerStyle && <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} />}*/}
{/*{headerStyle == 1 ? <Header1 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}*/}
{/*{headerStyle == 2 ? <Header2 scroll={scroll} isMobileMenu={isMobileMenu} handleMobileMenu={handleMobileMenu} headerCls={headerCls} /> : null}*/}
<main className="main">
components/layout/header/HeaderMerms.js
+41
View File
@@ -0,0 +1,41 @@
import Link from "next/link"
import MobileMenu from "../MobileMenu"
import Menu from "../Menu"
export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
console.log(headerCls);
return (
<>
<header id="header" className={`tra-menu white-scroll ${headerCls ? headerCls : ""}`}>
<div className="header-wrapper">
{/* MOBILE HEADER */}
<div className="wsmobileheader clearfix">
<span className="smllogo"><img src="/images/logo-pink.png" alt="mobile-logo" /></span>
<a id="wsnavtoggle" className="wsanimated-arrow" onClick={handleMobileMenu}><span /></a>
</div>
{/* NAVIGATION MENU */}
<div className={`wsmainfull menu clearfix ${scroll ? "scroll fix-h" : ""}`}>
<div className="wsmainwp clearfix">
{/* HEADER BLACK LOGO */}
<div className="desktoplogo">
<Link href="/" className="logo-black">
<img className="light-theme-img" src="/images/logo-pink.png" alt="logo" />
<img className="dark-theme-img" src="/images/logo-pink-white.png" alt="logo" />
</Link>
</div>
{/* HEADER WHITE LOGO */}
<div className="desktoplogo">
<Link href="/" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link>
</div>
{/* MAIN MENU */}
<nav className="wsmenu clearfix" style={{height:"100vh"}}>
{isMobileMenu ? <MobileMenu /> : <Menu />}
</nav> {/* END MAIN MENU */}
</div>
</div> {/* END NAVIGATION MENU */}
</div> {/* End header-wrapper */}
</header>
</>
)
}
public/css/merms.css
+1 -1
View File
@@ -3717,7 +3717,7 @@ p.video-txt-sm {
top: 0;
right: 0;
left: 0;
z-index: 1030;
/*z-index: 1030;*/
}
.headerwp {