47 lines
2.3 KiB
JavaScript
47 lines
2.3 KiB
JavaScript
import Link from 'next/link'
|
|
import Sidebar from './Sidebar'
|
|
export default function MobileMenu({ handleMobileMenu, isMobileMenu }) {
|
|
|
|
return (
|
|
<>
|
|
<div className={isMobileMenu ? "mobile_menu_box-visible" : ""}>
|
|
<div className="mobile_menu_box">
|
|
<div className="menu-backdrop" onClick={handleMobileMenu} />
|
|
<nav className="menu-box scrollbarcolor">
|
|
<div className="close-btn" onClick={handleMobileMenu}>
|
|
<i className="fi-rr-cross" />
|
|
</div>
|
|
{/* <form role="search" method="get" action="#">
|
|
<input type="search" className="search" placeholder="Search..." name="s" title="Search" />
|
|
<button type="submit" className="sch_btn">
|
|
<i className="fa fa-search" />
|
|
</button>
|
|
</form> */}
|
|
<div className="menu-outer">
|
|
<div className="navigation_menu">
|
|
<Sidebar />
|
|
</div>
|
|
</div>
|
|
<div className="mobile-header-info-wrap">
|
|
<div className="single-mobile-header-info">
|
|
<Link href="tel:+647360-2075" className="cnt">
|
|
<i className="fi-rs-headphones" />(647) 360-2075 </Link>
|
|
</div>
|
|
<div className="single-mobile-header-info cont_over">
|
|
<Link href="mailto:info@zipvan.ca" className="cnt">
|
|
<i className="fi-rs-envelope" />info@zipvan.ca </Link>
|
|
</div>
|
|
<div className="single-mobile-header-info">
|
|
<Link href="/contact" className="theme_btn tp_one">Contact</Link>
|
|
</div>
|
|
<div className="single-mobile-header-info">
|
|
<Link href="/contact" className="theme_btn">Service</Link>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|