victorAnumudu
42 lines
2.1 KiB
JavaScript
42 lines
2.1 KiB
JavaScript
import Link from "next/link"
|
|
import MobileMenu from "../MobileMenu"
|
|
import Menu from "../Menu"
|
|
export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, headerCls }) {
|
|
console.log(headerCls);
|
|
// const headerCls2 ="nonnn"
|
|
return (
|
|
<>
|
|
<header id="header" className={`tra-menu white-scroll ${headerCls ? headerCls : ""}`}>
|
|
<div className="merms-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 clearfix2 ${scroll ? "scroll fix-h" : ""}`}>
|
|
<div className="wsmainwp clearfix2">
|
|
{/* 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">
|
|
{isMobileMenu ? <MobileMenu /> : <Menu />}
|
|
</nav> {/* END MAIN MENU */}
|
|
</div>
|
|
</div> {/* END NAVIGATION MENU */}
|
|
</div> {/* End header-wrapper */}
|
|
</header>
|
|
|
|
</>
|
|
)
|
|
}
|