diff --git a/src/common/components/Footer/Footer.tsx b/src/common/components/Footer/Footer.tsx
index 30a6f10..ac19edd 100644
--- a/src/common/components/Footer/Footer.tsx
+++ b/src/common/components/Footer/Footer.tsx
@@ -30,7 +30,7 @@ export default function Footer() {
             <a href='https://www.instagram.com/openlake_iitbhilai/' target='_blank' rel='noopener noreferrer'>
               <BsInstagram size={'1.6em'} />
             </a>
-            <a href='https://discord.gg/eDYPDK2y' target='_blank' rel='noopener noreferrer'>
+            <a href='https://discord.gg/e33H6gQmes' target='_blank' rel='noopener noreferrer'>
               <BsDiscord size={'1.6em'} />
             </a>
           </div>
diff --git a/src/common/components/Header/Header.tsx b/src/common/components/Header/Header.tsx
index f992fd1..e657b4c 100644
--- a/src/common/components/Header/Header.tsx
+++ b/src/common/components/Header/Header.tsx
@@ -4,8 +4,24 @@ import Image from "next/image";
 import * as ROUTES from "../../../constants/routes";
 import NotificationBell from "../NotificationBell/NotificationBell";
 import styles from "./Header.module.css";
+import { useState,useEffect } from "react";
 
 export default function Header() {
+
+  const [userDetails , setUserdetails] = useState<any>(null);
+
+  useEffect(() => {
+    try{
+      const data = localStorage.getItem("authUser");
+
+      if(data){
+        setUserdetails(JSON.parse(data));
+      };
+    }catch (e){
+      console.log(e);
+    }
+  },[])
+  
   return (
     <>
       <div className={`relative flex w-10/12 p-5 fc-black font-light max-w-screen-2xl mx-auto items-center`}>
@@ -31,10 +47,18 @@ export default function Header() {
           </div>
           
           <div className="flex items-center gap-10">
-            <ul className="flex flex-row items-center gap-8 pr-20">
-              <li> <Link href={ROUTES.SIGNUP}> Signup </Link> </li>
-              <li> <Link href={ROUTES.LOGIN}> Login </Link> </li>
-            </ul>
+              {(userDetails)?
+              (
+              <ul className="flex flex-row items-center gap-8 pr-20">
+                <li className="text-gray-dark hover:text-black transform hover:-translate-y-0.5"><Link href={ROUTES.DASHBOARD}> Dashboard : {userDetails.displayName} </Link></li>
+                </ul>
+                ) :
+              (<ul className="flex flex-row items-center gap-8 pr-20">
+                <li> <Link href={ROUTES.LOGIN}> Login </Link> </li>
+                <li> <Link href={ROUTES.SIGNUP}> Signup </Link> </li> 
+              </ul>
+              )
+            }
           </div>
         </nav>
       </div>
diff --git a/src/common/components/Profile/Profile.module.css b/src/common/components/Profile/Profile.module.css
index d27bbdb..7149911 100644
--- a/src/common/components/Profile/Profile.module.css
+++ b/src/common/components/Profile/Profile.module.css
@@ -595,6 +595,51 @@
   font-family: ui-monospace, SFMono-Regular, Monaco, monospace;
 }
 
+/* Edit Profile CSS */
+.editOverlay{
+  border:2px solid black;
+  border-radius:30px;
+  padding:15px;
+}
+
+.formGroup{
+  margin:5px;
+}
+
+.formGroup input{
+  border:1px solid black;
+  margin-left: 5px;
+  border-radius: 25px;
+  padding:5px;
+  width:100%;
+}
+
+.cancelBtn{
+  border: 1px solid black;
+  padding:5px;
+  margin:5px;
+  border-radius: 30px;
+}
+
+.cancelBtn:hover{
+  background-color: lightcoral;
+}
+
+.saveBtn{
+  border: 1px solid black;
+  padding:5px;
+  margin:5px;
+  border-radius: 30px;
+}
+
+.saveBtn:hover{
+  background-color: lightgreen;
+}
+
+.errorMessage{
+  color:lightcoral;
+}
+
 /* Responsiveness */
 @media (max-width: 1280px) {
   .topSection {
diff --git a/src/common/components/Profile/Profile.tsx b/src/common/components/Profile/Profile.tsx
index 4b1b4f8..9581a49 100644
--- a/src/common/components/Profile/Profile.tsx
+++ b/src/common/components/Profile/Profile.tsx
@@ -269,7 +269,7 @@ export default function Profile({ userId }: ProfileProps) {
 
                   {isOwnProfile && (
                     <button className={styles.editButton} onClick={handleEditToggle}>
-                      <HiPencilSquare size={16} /> EDIT
+                      {(isEditing) ? (<>Scroll Down 👇</>):<><HiPencilSquare size={16} /> EDIT</>}
                     </button>
                   )}
                 </div>
@@ -451,7 +451,7 @@ export default function Profile({ userId }: ProfileProps) {
               <div className={styles.formActions}>
                 <button className={styles.cancelBtn} onClick={handleEditToggle} disabled={loading}>Abort</button>
                 <button className={styles.saveBtn} onClick={handleSave} disabled={loading}>
-                  {loading ? 'UPLOADING...' : 'SAVE CHANGES'}
+                  {loading ? 'Uploading...' : 'Save Changes'}
                 </button>
               </div>
             </div>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 826eded..1b9beb2 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -14,6 +14,8 @@ import dynamic from "next/dynamic";
 import Loading from "../common/components/Loading/Loading";
 import Link from "next/link";
 
+import { useState,useEffect } from "react";
+
 const DynamicHeader = dynamic(() => import("../common/components/Header/Header"), {
   loading: () => <Loading />
 });
@@ -23,6 +25,21 @@ const DynamicFooter = dynamic(() => import("../common/components/Footer/Footer")
 });
 
 export default function Home() {
+
+  const [userDetail, setUserDetail] = useState<any>(null);
+
+  useEffect(() => {
+      try {
+          const data = localStorage.getItem("authUser");
+
+          if (data) {
+              setUserDetail(JSON.parse(data));
+          }
+      } catch (e) {
+          console.log(e);
+      }
+  }, []);
+
   return (
     <div className="flex flex-col w-full items-center">
       <DynamicHeader />
@@ -45,14 +62,14 @@ export default function Home() {
             </p>
             <div className="flex flex-row gap-5 w-full">
               {/* Explore Button*/}
-              <Link href="/signup">
+              <Link href={(userDetail)?"/dashboard":"/login"}>
                 <button className={`${styles.button_blue} px-8 py-3 rounded-xl shadow-lg transition-all duration-200 hover:scale-105`}>
                   Explore
                 </button>
               </Link>
 
               {/* Dashboard Button*/}
-              <Link href="/signup" className="w-1/2">
+              <Link href={(userDetail)?"/dashboard":"/login"} className="w-1/2">
                 <button className="w-full bg-white hover:bg-gray-50 text-gray-900 border border-gray-100 font-bold px-8 py-3 rounded-xl shadow-sm transition-all duration-200 hover:scale-105 flex items-center justify-center gap-3 group">
                   Dashboard
                   <BsArrowRightCircle size={"1.3em"} className="transition-transform duration-200 group-hover:translate-x-1" />
diff --git a/tailwind.config.js b/tailwind.config.js
index 9c7c749..5e597a8 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,6 +12,7 @@ module.exports = {
       'gray-dark': '#273444',
       'gray': '#8492a6',
       'gray-light': '#d3dce6',
+      'black':'#000000',
     },
     fontFamily: {
       sans: ['Graphik', 'sans-serif'],