Files
WrenchBoardMainSite/src/components/Service/ServiceSideMenu.js
T
2023-08-16 01:10:26 +01:00

83 lines
3.0 KiB
JavaScript

import React from 'react';
import getConfig from './../../Config/config'
import AboutIcon from '../../assets/images/icon/about-us.ico'
import HomeIcon from '../../assets/images/icon/home-icon.ico'
import UseCaseIcon from '../../assets/images/icon/use-case.ico'
import PrivacyIcon from '../../assets/images/icon/privacy-policy.ico'
import TermsIcon from '../../assets/images/icon/term-and-conditions.ico'
function ServiceSideMenu() {
var site = getConfig()[0];
return (
<>
<div className="service-details-sidebar mr-50">
<div className="service-download-widget">
<a href="/">
{/* <i className="fal fa-download"></i> */}
<img src={HomeIcon} alt='sidenav-icon' />
<span>Home</span>
</a>
</div>
<div className="service-download-widget">
<a href="/about-us">
{/* <i className="fal fa-download"></i> */}
<img src={AboutIcon} alt='sidenav-icon' />
<span>About us</span>
</a>
</div>
<div className="service-download-widget">
<a href="/use-cases">
{/* <i className="fal fa-file-pdf"></i> */}
<img src={UseCaseIcon} alt='sidenav-icon' />
<span>Use Cases</span>
</a>
</div>
<div className="service-download-widget">
<a href="/privacy">
{/* <i className="fal fa-download"></i> */}
<img src={PrivacyIcon} alt='sidenav-icon' />
<span>Privacy Policy</span>
</a>
</div>
<div className="service-download-widget">
<a href="/terms">
{/* <i className="fal fa-file-pdf"></i> */}
<img src={TermsIcon} alt='sidenav-icon' />
<span>Terms of use</span>
</a>
</div>
<div className="service-category-widget">
<ul>
<li>
Get WrenchBoard App
</li>
<li>
<a href={process.env.REACT_APP_APPLE_APP}>
<i className="fab fa-apple" /> Download for iOS
</a>
</li>
<li>
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
<i className="fab fa-google-play" /> Download for
Android
</a>
</li>
</ul>
</div>
</div>
</>
);
}
export default ServiceSideMenu;