first commit
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
import Link from "next/link"
|
||||
import MobileMenu from "../MobileMenu"
|
||||
import Menu from "../Menu"
|
||||
export default function Header1({ scroll, isMobileMenu, handleMobileMenu, 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" : ""}`}>
|
||||
<div className="wsmainwp clearfix">
|
||||
{/* HEADER BLACK LOGO */}
|
||||
<div className="desktoplogo">
|
||||
<Link href="#hero-1" 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="#hero-1" 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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
export default function Header2({ scroll, isMobileMenu, handleMobileMenu }) {
|
||||
return (
|
||||
<>
|
||||
Header2
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user