first commit

src/Components/Footer/Footer.js

@@ -0,0 +1,47 @@
+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">
+          <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;