48 lines
1.2 KiB
JavaScript
48 lines
1.2 KiB
JavaScript
import { useNavigate } from "react-router-dom";
|
|
import logoWhite from "../../Assets/logoWhite.png";
|
|
|
|
import "../../styles/footer.scss";
|
|
const Footer = () => {
|
|
const navigate = useNavigate();
|
|
|
|
function handleClick(route) {
|
|
navigate(`/${route}`);
|
|
}
|
|
|
|
return (
|
|
<div className="footer-container">
|
|
<div className="footer-upper-box">
|
|
<div className="footer-left-box">
|
|
<div className="footer-left-inner">
|
|
<img className="footer-logo" src={logoWhite}></img>
|
|
</div>
|
|
</div>
|
|
<div className="footer-right-box" id="scroll-target-id">
|
|
<a className="footer-item-link" onClick={() => handleClick("tos")}>
|
|
Terms of Service
|
|
</a>
|
|
<a
|
|
className="footer-item-link"
|
|
onClick={() => handleClick("accessibility")}
|
|
>
|
|
Accessibility
|
|
</a>
|
|
<a
|
|
className="footer-item-link"
|
|
onClick={() => handleClick("privacy")}
|
|
>
|
|
Privacy
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div className="footer-lower-box">
|
|
<p className="footer-item">
|
|
© 2023-2024 Novodraft - All Rights Reserved
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Footer;
|