diff --git a/src/components/Dashboard.css b/src/components/Dashboard.css
index 138761c..b6f3d46 100644
--- a/src/components/Dashboard.css
+++ b/src/components/Dashboard.css
@@ -291,7 +291,7 @@
 .dashboard-bubble-btn {
     position: fixed;
     left: 50%;
-    bottom: 15px;
+    bottom: 65px;
     transform: translateX(-50%);
     background: #434242;
     color: lightgreen;
diff --git a/src/components/Dashboard.jsx b/src/components/Dashboard.jsx
index c40b266..1514d6a 100644
--- a/src/components/Dashboard.jsx
+++ b/src/components/Dashboard.jsx
@@ -9,6 +9,7 @@ import "./Dashboard.css";
 import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
 import MapIcon from "@mui/icons-material/Map";
 import NavBar from "./NavBar";
+import Footer from "./Footer";
 import ReactDOMServer from "react-dom/server";
 import "./ListenerCard.css";
 import OtherUsersBeet from "../assets/Other_users_beet.png";
diff --git a/src/components/Footer.css b/src/components/Footer.css
new file mode 100644
index 0000000..8d0233a
--- /dev/null
+++ b/src/components/Footer.css
@@ -0,0 +1,28 @@
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background: #f5fdff;
+  /* border-top: 1px solid #eee; */
+  padding: 10px 15px;
+  text-align: center;
+  font-size: 0.8rem;
+  color: #666;
+  z-index: 50;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.footer p {
+  margin: 2px 0;
+  line-height: 1.3;
+}
+
+.footer-link {
+  color: #666;
+  text-decoration: none;
+}
+
+.footer-link:hover {
+  text-decoration: underline;
+}
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
new file mode 100644
index 0000000..b4583cd
--- /dev/null
+++ b/src/components/Footer.jsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import "./Footer.css";
+
+const Footer = () => {
+  return (
+    <footer className="footer">
+      <p>© {new Date().getFullYear()} LocalBeats. All rights reserved.</p>
+      <p>
+        <Link to="/privacy" className="footer-link">
+          Privacy
+        </Link>
+        {" "} | {" "}
+        <Link to="/terms" className="footer-link">
+          Terms
+        </Link>
+        {" "} | {" "}
+        <Link to="/contact" className="footer-link">
+          Contact
+        </Link>
+      </p>
+    </footer>
+  );
+};
+
+export default Footer;