first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,8 @@
|
||||
|
||||
export default function Breadcrumb({ breadcrumbTitle }) {
|
||||
return (
|
||||
<>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
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 Footer3 from "./footer/Footer3"
|
||||
import Header1 from "./header/Header1"
|
||||
import Header2 from './header/Header2'
|
||||
|
||||
export default function Layout({ headerStyle, footerStyle, headTitle, breadcrumbTitle, children, headerCls }) {
|
||||
const [scroll, setScroll] = useState(0)
|
||||
// Moblile Menu
|
||||
const [isMobileMenu, setMobileMenu] = useState(false)
|
||||
const handleMobileMenu = () => {
|
||||
setMobileMenu(!isMobileMenu)
|
||||
!isMobileMenu ? document.body.classList.add("wsactive") : document.body.classList.remove("wsactive")
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const WOW = require('wowjs')
|
||||
window.wow = new WOW.WOW({
|
||||
live: false
|
||||
})
|
||||
window.wow.init()
|
||||
|
||||
document.addEventListener("scroll", () => {
|
||||
const scrollCheck = window.scrollY > 100
|
||||
if (scrollCheck !== scroll) {
|
||||
setScroll(scrollCheck)
|
||||
}
|
||||
})
|
||||
}, [])
|
||||
return (
|
||||
<>
|
||||
<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}
|
||||
|
||||
|
||||
<main className="main">
|
||||
{breadcrumbTitle && <Breadcrumb breadcrumbTitle={breadcrumbTitle} />}
|
||||
|
||||
{children}
|
||||
</main>
|
||||
|
||||
{!footerStyle && < Footer1 />}
|
||||
{footerStyle == 1 ? < Footer1 /> : null}
|
||||
{footerStyle == 2 ? < Footer2 /> : null}
|
||||
{footerStyle == 3 ? < Footer3 /> : null}
|
||||
|
||||
<BackToTop />
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
import Link from "next/link"
|
||||
import { useRouter } from "next/router"
|
||||
|
||||
export default function Menu() {
|
||||
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="#lnk-1">Why Martex?</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
|
||||
{/* MEGAMENU */}
|
||||
<li aria-haspopup="true" className="mg_link"><Link href="#" className="h-link">Pages <span className="wsarrow" /></Link>
|
||||
<div className="wsmegamenu w-75 clearfix">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/about">About Us</Link></li>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
<li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>
|
||||
<li><Link href="/career-role">Career Details</Link></li>
|
||||
<li><Link href="/contacts">Contact Us</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li><Link href="/features">Core Features</Link></li>
|
||||
<li className="fst-li"><Link href="/projects">Our Projects</Link></li>
|
||||
<li><Link href="/project-details">Project Details</Link></li>
|
||||
<li><Link href="/reviews">Testimonials</Link></li>
|
||||
<li><Link href="/download">Download Page</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/pricing-1">Pricing Page #1</Link></li>
|
||||
<li><Link href="/pricing-2">Pricing Page #2</Link></li>
|
||||
<li><Link href="/faqs">FAQs Page</Link></li>
|
||||
<li><Link href="/help-center">Help Center</Link></li>
|
||||
<li><Link href="/404">404 Page</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>
|
||||
<li><Link href="/single-post">Single Blog Post</Link></li>
|
||||
<li><Link href="/login-2">Login Page</Link></li>
|
||||
<li><Link href="/signup-2">Signup Page</Link></li>
|
||||
<li><Link href="/reset-password">Reset Password</Link></li>
|
||||
</ul>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End wsmegamenu */}
|
||||
</li> {/* END MEGAMENU */}
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>
|
||||
</li>
|
||||
{/* SIGN IN LINK */}
|
||||
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
||||
<Link href="/login-2" className="h-link">Sign in</Link>
|
||||
</li>
|
||||
{/* SIGN UP BUTTON */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/signup-2" className="btn r-04 btn--theme hover--tra-white last-link">Sign
|
||||
up</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
import Link from 'next/link'
|
||||
import { useState } from 'react'
|
||||
export default function MobileMenu() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: "",
|
||||
})
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
})
|
||||
} 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="#lnk-1">Why Martex?</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
|
||||
<li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
|
||||
{/* MEGAMENU */}
|
||||
<li aria-haspopup="true" className="mg_link">
|
||||
<span className={isActive.key == 2 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(2)}><i className="wsmenu-arrow" /></span>
|
||||
<Link href="#" className="h-link">Pages <span className="wsarrow" /></Link>
|
||||
<div className="wsmegamenu w-75 clearfix" style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/about">About Us</Link></li>
|
||||
<li><Link href="/team">Our Team</Link></li>
|
||||
<li><Link href="/careers">Careers <span className="sm-info">4</span></Link></li>
|
||||
<li><Link href="/career-role">Career Details</Link></li>
|
||||
<li><Link href="/contacts">Contact Us</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li><Link href="/features">Core Features</Link></li>
|
||||
<li className="fst-li"><Link href="/projects">Our Projects</Link></li>
|
||||
<li><Link href="/project-details">Project Details</Link></li>
|
||||
<li><Link href="/reviews">Testimonials</Link></li>
|
||||
<li><Link href="/download">Download Page</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/pricing-1">Pricing Page #1</Link></li>
|
||||
<li><Link href="/pricing-2">Pricing Page #2</Link></li>
|
||||
<li><Link href="/faqs">FAQs Page</Link></li>
|
||||
<li><Link href="/help-center">Help Center</Link></li>
|
||||
<li><Link href="/404">404 Page</Link></li>
|
||||
</ul>
|
||||
{/* MEGAMENU LINKS */}
|
||||
<ul className="col-md-12 col-lg-3 link-list">
|
||||
<li className="fst-li"><Link href="/blog-listing">Blog Listing</Link></li>
|
||||
<li><Link href="/single-post">Single Blog Post</Link></li>
|
||||
<li><Link href="/login-2">Login Page</Link></li>
|
||||
<li><Link href="/signup-2">Signup Page</Link></li>
|
||||
<li><Link href="/reset-password">Reset Password</Link></li>
|
||||
</ul>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* End wsmegamenu */}
|
||||
</li> {/* END MEGAMENU */}
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="/pricing-1" className="h-link">Pricing</Link></li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true"><Link href="#faqs-3" className="h-link">FAQs</Link>
|
||||
</li>
|
||||
{/* SIGN IN LINK */}
|
||||
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
||||
<Link href="/login-2" className="h-link">Sign in</Link>
|
||||
</li>
|
||||
{/* SIGN UP BUTTON */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/signup-2" className="btn r-04 btn--theme hover--tra-white last-link">Sign
|
||||
up</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
import Head from 'next/head'
|
||||
|
||||
const PageHead = ({ headTitle }) => {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<>
|
||||
{headTitle ? headTitle : "Martex - Software, App, SaaS & Startup Nextjs Landing Pages Pack"}
|
||||
</>
|
||||
</Head>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default PageHead
|
||||
@@ -0,0 +1,37 @@
|
||||
|
||||
export default function Footer1() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-10" className="pt-50 footer">
|
||||
<div className="container text-center">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-10">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="images/logo-black.png" alt="footer-logo" />
|
||||
<img className="footer-logo-dark" src="images/logo-white.png" alt="footer-logo" />
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="footer-links">
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p><a href="about.html">About</a></p></li>
|
||||
<li><p><a href="blog-listing.html">Blog</a></p></li>
|
||||
<li><p><a href="privacy.html">Privacy Policy</a></p></li>
|
||||
<li><p><a href="cookies.html">Cookie Policy</a></p></li>
|
||||
<li><p><a href="contacts.html">Contact Us</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* FOOTER SOCIALS */}
|
||||
<ul className="bottom-footer-socials ico-25">
|
||||
<li><a href="#"><span className="flaticon-facebook" /></a></li>
|
||||
<li><a href="#"><span className="flaticon-twitter" /></a></li>
|
||||
<li><a href="#"><span className="flaticon-instagram" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
|
||||
export default function Footer2() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-11" className="bg--white-300 pt-50 footer">
|
||||
<div className="container">
|
||||
{/* BOTTOM FOOTER */}
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright"><p className="p-sm">© 2014-2023 Martex Labs, Inc.</p></div>
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col">
|
||||
<ul className="bottom-footer-list ico-15 text-end">
|
||||
<li><p className="p-sm"><a href="privacy.html">Privacy Policy</a></p></li>
|
||||
<li className="footer-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm"><a href="terms.html">Terms & Conditions</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BOTTOM FOOTER */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Footer3() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-3" className="pt-100 footer ft-3-ntr">
|
||||
<div className="container">
|
||||
{/* FOOTER CONTENT */}
|
||||
<div className="row">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="col-xl-3">
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
|
||||
<img className="footer-logo-dark" src="/images/logo-pink-white.png" alt="footer-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-3 col-xl-2">
|
||||
<div className="footer-links fl-1">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Company</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/about">About Us</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/blog-listing">Our Blog</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/testimonials">Customers</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="#">Community</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-2">
|
||||
<div className="footer-links fl-2">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Product</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/features">Integration</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/download">What's New</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/pricing-1">Pricing</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/help-center">Help Center</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-3 col-xl-2">
|
||||
<div className="footer-links fl-3">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Legal</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/terms">Terms of Use</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/privacy">Privacy Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/cookies">Cookie Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="#">Site Map</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER NEWSLETTER FORM */}
|
||||
<div className="col-sm-10 col-md-8 col-lg-4 col-xl-3">
|
||||
<div className="footer-form">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Follow the Best</h6>
|
||||
{/* Newsletter Form Input */}
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group r-06">
|
||||
<input type="email" className="form-control" placeholder="Email Address" required id="s-email" />
|
||||
<span className="input-group-btn ico-15">
|
||||
<button type="submit" className="btn color--theme">
|
||||
<span className="flaticon-right-arrow-1" />
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div>
|
||||
</div> {/* END FOOTER NEWSLETTER FORM */}
|
||||
</div> {/* END FOOTER CONTENT */}
|
||||
<hr /> {/* FOOTER DIVIDER LINE */}
|
||||
{/* BOTTOM FOOTER */}
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright">
|
||||
<p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* 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>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BOTTOM FOOTER */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -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