From 0efa058addd2ecb72b14cabac960a36fa3f7bdc6 Mon Sep 17 00:00:00 2001
From: veerendra19codes <veerendragumate@gmail.com>
Date: Sun, 22 Oct 2023 20:19:43 +0530
Subject: [PATCH 1/3] Added/Edited Footer

---
 src/Components/Footer.jsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
index 3f719eb..37666b0 100644
--- a/src/Components/Footer.jsx
+++ b/src/Components/Footer.jsx
@@ -4,11 +4,23 @@ import { FaGithub } from "react-icons/fa";
 
 const Footer = () => {
   return (
-    <div className="h-16 flex justify-center items-center bg-custom-pink border-t-2 border-white">
-      <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2">
-        <FaGithub size={24} />
-      </Link>
-      <div>&copy; 2023 BeatBridge</div>
+    <div className="h-60 flex justify-evenly items-center bg-black  text-custom-pink text-4xl">
+      {/* border-t-2 border-white  */}
+      <div className="left flex justify-between items-center">
+        <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2 hover:scale-125">
+          <FaGithub size={30} />
+        </Link>
+        <div>&copy; 2023 BeatBridge</div>
+      </div>
+
+      <div className="right">
+        <div className="col-items text-4xl text-white">Services</div>
+        <div className="col-items text-2xl hover:underline">Discover</div>
+        <div className="col-items text-2xl hover:underline">Around You</div>
+        <div className="col-items text-2xl hover:underline">Top Artists</div>
+        <div className="col-items text-2xl hover:underline">Top Charts</div>
+      </div>
+
     </div>
   );
 };

From ed398d2cfe90fe007ef6e8c7269b9c2456ac15e5 Mon Sep 17 00:00:00 2001
From: veerendra19codes <veerendragumate@gmail.com>
Date: Sun, 22 Oct 2023 20:25:38 +0530
Subject: [PATCH 2/3] enhanced footer

---
 src/Components/Footer.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
index 37666b0..6f22b91 100644
--- a/src/Components/Footer.jsx
+++ b/src/Components/Footer.jsx
@@ -15,10 +15,10 @@ const Footer = () => {
 
       <div className="right">
         <div className="col-items text-4xl text-white">Services</div>
-        <div className="col-items text-2xl hover:underline">Discover</div>
-        <div className="col-items text-2xl hover:underline">Around You</div>
-        <div className="col-items text-2xl hover:underline">Top Artists</div>
-        <div className="col-items text-2xl hover:underline">Top Charts</div>
+        <div className="col-items text-2xl hover:underline cursor-pointer">Discover</div>
+        <div className="col-items text-2xl hover:underline cursor-pointer">Around You</div>
+        <div className="col-items text-2xl hover:underline cursor-pointer">Top Artists</div>
+        <div className="col-items text-2xl hover:underline cursor-pointer">Top Charts</div>
       </div>
 
     </div>

From 4a8e177f69d8bc40010bca75c74756fe04ed24d2 Mon Sep 17 00:00:00 2001
From: veerendra19codes <veerendragumate@gmail.com>
Date: Sun, 22 Oct 2023 20:53:12 +0530
Subject: [PATCH 3/3] added footer in playerpage

---
 src/Components/Footer.jsx | 20 +++++---------------
 src/Components/Player.jsx | 13 +++++++------
 2 files changed, 12 insertions(+), 21 deletions(-)

diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx
index 6f22b91..30b0516 100644
--- a/src/Components/Footer.jsx
+++ b/src/Components/Footer.jsx
@@ -4,22 +4,12 @@ import { FaGithub } from "react-icons/fa";
 
 const Footer = () => {
   return (
-    <div className="h-60 flex justify-evenly items-center bg-black  text-custom-pink text-4xl">
-      {/* border-t-2 border-white  */}
-      <div className="left flex justify-between items-center">
-        <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2 hover:scale-125">
-          <FaGithub size={30} />
-        </Link>
-        <div>&copy; 2023 BeatBridge</div>
-      </div>
+    <div className="h-16 flex justify-center items-center bg-black  text-custom-pink text-2xl">
 
-      <div className="right">
-        <div className="col-items text-4xl text-white">Services</div>
-        <div className="col-items text-2xl hover:underline cursor-pointer">Discover</div>
-        <div className="col-items text-2xl hover:underline cursor-pointer">Around You</div>
-        <div className="col-items text-2xl hover:underline cursor-pointer">Top Artists</div>
-        <div className="col-items text-2xl hover:underline cursor-pointer">Top Charts</div>
-      </div>
+      <Link to="https://github.com/pooranjoyb/BeatBridge" className="mr-2 hover:scale-125">
+        <FaGithub size={30} />
+      </Link>
+      <div>&copy; 2023 BeatBridge</div>
 
     </div>
   );
diff --git a/src/Components/Player.jsx b/src/Components/Player.jsx
index cddcef9..3f05154 100644
--- a/src/Components/Player.jsx
+++ b/src/Components/Player.jsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import "../App.css";
 import Background from "/Background.png";
 import Navbar from "./Navbar";
+import Footer from "./Footer";
 
 export default function Player({ accessToken }) {
   const [searchInput, setSearchInput] = useState("");
@@ -108,11 +109,10 @@ export default function Player({ accessToken }) {
 
         <div className="flex items-center justify-center h-screen bg-red-lightest">
           <div
-            className={`fullscreen-div relative mt-24${
-              isFullScreen
+            className={`fullscreen-div relative mt-24${isFullScreen
                 ? "fullscreen-styles"
                 : "  bg-white shadow-lg rounded-lg w-[50rem]"
-            }`}
+              }`}
           >
             <div className={`${isFullScreen ? "clock" : "no-clock"}`}>
               <div className="time">
@@ -133,9 +133,8 @@ export default function Player({ accessToken }) {
               </div>
               <div className={`w-full ${isFullScreen ? "music" : " p-8 pb-0"}`}>
                 <div
-                  className={`${
-                    isFullScreen ? "title" : "flex justify-between"
-                  }`}
+                  className={`${isFullScreen ? "title" : "flex justify-between"
+                    }`}
                 >
                   <div>
                     <h3 className="text-2xl text-grey-darkest font-medium">
@@ -247,6 +246,8 @@ export default function Player({ accessToken }) {
             </div>
           </div>
         </div>
+
+        <Footer />
       </div>
     </>
   );