From aedc924b243ad2fdad19970bb64ce51a51994006 Mon Sep 17 00:00:00 2001
From: MrRobot458 <erivas157@gmail.com>
Date: Tue, 19 Aug 2025 15:36:03 -0400
Subject: [PATCH 1/4] Updated dashboard with footer

---
 src/components/Dashboard.jsx | 5 +++++
 src/components/Footer.jsx    | 0
 2 files changed, 5 insertions(+)
 create mode 100644 src/components/Footer.jsx

diff --git a/src/components/Dashboard.jsx b/src/components/Dashboard.jsx
index 50edbeea..c9663857 100644
--- a/src/components/Dashboard.jsx
+++ b/src/components/Dashboard.jsx
@@ -7,6 +7,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";
 
@@ -316,6 +317,10 @@ const Dashboard = ({ user, onLogout }) => {
                     <ActiveListener user={user} setCurrentUserTrack={setCurrentUserTrack} />
                 </section>
             )}
+
+            <div className="footer-container">
+                <Footer />
+            </div>
         </main>
     );
 };
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
new file mode 100644
index 00000000..e69de29b

From 10fc8f90b8aed1bb5fc1144f368191a0b1bbff92 Mon Sep 17 00:00:00 2001
From: MrRobot458 <erivas157@gmail.com>
Date: Tue, 19 Aug 2025 20:21:48 -0400
Subject: [PATCH 2/4] Created Footer component

---
 src/components/Footer.jsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index e69de29b..45529c69 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -0,0 +1,24 @@
+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;

From b11b9b0e1cca29a04737990229327dd9979d3a4a Mon Sep 17 00:00:00 2001
From: MrRobot458 <erivas157@gmail.com>
Date: Tue, 19 Aug 2025 21:11:52 -0400
Subject: [PATCH 3/4] Added footer styling

---
 src/components/Dashboard.css |  4 ++--
 src/components/Footer.css    | 28 ++++++++++++++++++++++++++++
 src/components/Footer.jsx    |  8 +++++---
 3 files changed, 35 insertions(+), 5 deletions(-)
 create mode 100644 src/components/Footer.css

diff --git a/src/components/Dashboard.css b/src/components/Dashboard.css
index 24c779e3..3a993ecf 100644
--- a/src/components/Dashboard.css
+++ b/src/components/Dashboard.css
@@ -197,7 +197,7 @@
 .dashboard-bubble-btn {
     position: fixed;
     left: 50%;
-    bottom: 15px;
+    bottom: 65px;
     transform: translateX(-50%);
     background: rgb(46, 45, 46);
     color: lightgreen;
@@ -231,7 +231,7 @@
     /* Center the Back to Map button in results section */
     .dashboard-back-btn {
         position: fixed;
-        bottom: 1px;
+        bottom: 65px;
         left: 50%;
         transform: translateX(-50%);
         /* aligns horital in the middle */
diff --git a/src/components/Footer.css b/src/components/Footer.css
new file mode 100644
index 00000000..53fa13b2
--- /dev/null
+++ b/src/components/Footer.css
@@ -0,0 +1,28 @@
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background: #fff;
+  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.05);
+}
+
+.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
index 45529c69..b4583cd5 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Link } from "react-router-dom";
-// import "./Footer.css";
+import "./Footer.css";
 
 const Footer = () => {
   return (
@@ -8,11 +8,13 @@ const Footer = () => {
       <p>© {new Date().getFullYear()} LocalBeats. All rights reserved.</p>
       <p>
         <Link to="/privacy" className="footer-link">
-          Privacy | {" "}
+          Privacy
         </Link>
+        {" "} | {" "}
         <Link to="/terms" className="footer-link">
-          Terms | {" "}
+          Terms
         </Link>
+        {" "} | {" "}
         <Link to="/contact" className="footer-link">
           Contact
         </Link>

From d7774c3843d337271d01ee28eb1eb849de9783dd Mon Sep 17 00:00:00 2001
From: MrRobot458 <erivas157@gmail.com>
Date: Tue, 19 Aug 2025 21:25:52 -0400
Subject: [PATCH 4/4] Updated footer styling

---
 src/components/Footer.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer.css b/src/components/Footer.css
index 53fa13b2..8d0233a2 100644
--- a/src/components/Footer.css
+++ b/src/components/Footer.css
@@ -3,14 +3,14 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  background: #fff;
-  border-top: 1px solid #eee;
+  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.05);
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
 }
 
 .footer p {