victorAnumudu
58 lines
2.5 KiB
JavaScript
58 lines
2.5 KiB
JavaScript
import React, { useEffect } from 'react';
|
|
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
|
import StickyMenu from '../../lib/StickyMenu';
|
|
import Navigation from '../Navigation';
|
|
import getConfig from './../../Config/config'
|
|
import { Link } from 'react-router-dom';
|
|
import Image from 'next/image';
|
|
|
|
function HeaderAbout({ action }) {
|
|
useEffect(() => {
|
|
StickyMenu();
|
|
});
|
|
var site = getConfig()[0];
|
|
|
|
return (
|
|
<>
|
|
<header className="appie-header-area appie-sticky">
|
|
<div className="container">
|
|
<div className="header-nav-box">
|
|
<div className="row align-items-center">
|
|
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
|
|
<div className="appie-logo-box">
|
|
<Link to="/">
|
|
<Image src={logo} alt="" width="175px" height="38px" loading='eager' />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
|
|
<div className="appie-header-main-menu">
|
|
<Navigation />
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
|
|
<div className="appie-btn-box text-right">
|
|
<a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
|
|
<i className="fal fa-user"></i> Login
|
|
</a>
|
|
<a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
|
|
Get Started
|
|
</a>
|
|
<div
|
|
onClick={(e) => action(e)}
|
|
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
|
|
>
|
|
<i className="fa fa-bars"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default HeaderAbout;
|