victorAnumudu
108 lines
5.3 KiB
JavaScript
108 lines
5.3 KiB
JavaScript
import logo from '../assets/images/wrenchboard-logo-text.png';
|
|
import getConfig from "../../Config/config"; // './../../Config/config'
|
|
import Image from 'next/image';
|
|
import Link from 'next/link'
|
|
|
|
|
|
function Drawer({ drawer, action }) {
|
|
var site = getConfig()[0];
|
|
return (
|
|
<>
|
|
<div
|
|
onClick={(e) => action(e)}
|
|
className={`off_canvars_overlay ${drawer ? 'active' : ''}`}
|
|
></div>
|
|
<div className="offcanvas_menu">
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<div className="col-12">
|
|
<div className={`offcanvas_menu_wrapper ${drawer ? 'active' : ''}`}>
|
|
<div className="canvas_close">
|
|
<a href="#" onClick={(e) => action(e)}>
|
|
<i className="fa fa-times"></i>
|
|
</a>
|
|
</div>
|
|
<div className="offcanvas-brand text-center mb-40">
|
|
<Image width='260' height='57' src={logo} alt="WrechBoard" />
|
|
</div>
|
|
<div id="menu" className="text-left ">
|
|
<ul className="offcanvas_main_menu">
|
|
<li
|
|
onClick={(e) => handler(e, 'home')}
|
|
id="home"
|
|
className="menu-item-has-children active"
|
|
>
|
|
|
|
<Link href="/">Home</Link>
|
|
|
|
</li>
|
|
<li
|
|
onClick={(e) => handler(e, 'service')}
|
|
id="service"
|
|
className="menu-item-has-children active"
|
|
>
|
|
<Link href="/service">Service</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/about-us">About Us</Link>
|
|
</li>
|
|
|
|
|
|
|
|
<li
|
|
onClick={(e) => handler(e, 'contact')}
|
|
id="contact"
|
|
className="menu-item-has-children active"
|
|
>
|
|
<Link href="/contact">Contact</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div className="offcanvas-social">
|
|
<ul className="text-center">
|
|
<li>
|
|
<a href={process.env.NEXT_PUBLIC_FACEBOOK_LINK} >
|
|
<i className="fab fa-facebook-f"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href={site.twitter_link}>
|
|
<i className="fab fa-twitter"></i>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<div className="footer-widget-info">
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<i className="fal fa-envelope"></i>{' '}
|
|
{process.env.NEXT_PUBLIC_SUPPORT_EMAIL}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i className="fal fa-phone"></i> {process.env.NEXT_PUBLIC_SUPPORT_PHONE}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i className="fal fa-map-marker-alt"></i>
|
|
{site.support_us_address}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default Drawer;
|
|
|