From 939773551b18d4926c31609443b4bda261b6f6e2 Mon Sep 17 00:00:00 2001
From: Adarsh Thakare <adarshythakare@gmail.com>
Date: Fri, 1 Aug 2025 08:17:58 +0530
Subject: [PATCH 1/4] Buggy Code

---
 app/(root)/components/AchievementsCard.tsx  |  18 -
 app/(root)/components/Hero.tsx              |  80 ----
 app/(root)/components/SignInButton.tsx      |  13 -
 app/(root)/components/SignOutButton.tsx     |  14 -
 app/(root)/components/hero.css              |  73 ----
 app/(root)/layout.tsx                       | 382 ++------------------
 app/(root)/{home => }/page.tsx              |   6 +-
 app/(root)/profile/page.tsx                 |   8 +-
 app/(root)/project/ProjectList.tsx          |   4 +-
 app/(root)/project/[id]/Detail.tsx          |   2 +-
 app/(root)/project/create/[id]/page.tsx     |   2 +-
 app/components/AchievementsCard.tsx         |  20 +
 app/{(root) => }/components/Badge.tsx       |   0
 app/{(root) => }/components/EditProfile.tsx |   0
 app/components/Nav/ProfileButton.tsx        |  24 ++
 app/components/Nav/SignInButton.tsx         |  22 ++
 app/components/Nav/SignOutButton.tsx        |  15 +
 app/{(root) => }/components/ProfileCard.tsx |   4 +-
 app/components/Sidebar.tsx                  | 291 +++++++++++++++
 app/{(root) => }/components/Signature.tsx   |   2 +
 app/utils/userActions.ts                    |   3 +-
 next.config.ts                              |  10 +-
 package-lock.json                           |  10 +
 package.json                                |   1 +
 public/devguild_logo.png                    | Bin 0 -> 64218 bytes
 25 files changed, 434 insertions(+), 570 deletions(-)
 delete mode 100644 app/(root)/components/AchievementsCard.tsx
 delete mode 100644 app/(root)/components/Hero.tsx
 delete mode 100644 app/(root)/components/SignInButton.tsx
 delete mode 100644 app/(root)/components/SignOutButton.tsx
 delete mode 100644 app/(root)/components/hero.css
 rename app/(root)/{home => }/page.tsx (93%)
 create mode 100644 app/components/AchievementsCard.tsx
 rename app/{(root) => }/components/Badge.tsx (100%)
 rename app/{(root) => }/components/EditProfile.tsx (100%)
 create mode 100644 app/components/Nav/ProfileButton.tsx
 create mode 100644 app/components/Nav/SignInButton.tsx
 create mode 100644 app/components/Nav/SignOutButton.tsx
 rename app/{(root) => }/components/ProfileCard.tsx (94%)
 create mode 100644 app/components/Sidebar.tsx
 rename app/{(root) => }/components/Signature.tsx (96%)
 create mode 100644 public/devguild_logo.png

diff --git a/app/(root)/components/AchievementsCard.tsx b/app/(root)/components/AchievementsCard.tsx
deleted file mode 100644
index 03e2764..0000000
--- a/app/(root)/components/AchievementsCard.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-
-const AchievementsCard = () => {
-  return (
-    <>
-      <section className="w-full  h-[35rem] border border-[#878787] rounded-lg bg-gray-200">
-        <header className="bg-white border-b border-[#878787]  rounded-md pt-3 pb-2">
-          <p className="text-3xl font-dmsans text-center py-2">Achievements</p>
-        </header>
-        <div className="bg-white m-1 px-5 py-4 border-[#878787] border">
-          Lorem Ipsum
-        </div>
-      </section>
-    </>
-  );
-};
-
-export default AchievementsCard;
diff --git a/app/(root)/components/Hero.tsx b/app/(root)/components/Hero.tsx
deleted file mode 100644
index ad06802..0000000
--- a/app/(root)/components/Hero.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-"use client";
-import React, { useCallback, useEffect, useState } from "react";
-import "./hero.css";
-import Image from "next/image";
-
-interface Image {
-  src: string;
-  label: string;
-}
-
-const images: Image[] = [
-  { src: "/devs.png", label: "Adarsh" },
-  { src: "/devs.png", label: "Adarsh" },
-  { src: "/devs.png", label: "Adarsh" },
-  { src: "/devs.png", label: "Adarsh" },
-];
-
-const Hero: React.FC = () => {
-  const [activeImage, setActiveImage] = useState<number>(0);
-  const [exiting, setExiting] = useState<boolean>(false);
-  const [textEditing, setTextEditing] = useState<boolean>(false);
-
-  console.log(textEditing);
-
-  const handleButtonClick = useCallback(
-    (index: number): void => {
-      if (index !== activeImage) {
-        setExiting(true);
-        setTextEditing(true);
-        setTimeout(() => {
-          setActiveImage(index);
-          setExiting(false);
-          setTimeout(() => {
-            setTextEditing(false);
-          }, 720);
-        }, 500);
-      }
-    },
-    [activeImage, setExiting, setTextEditing, setActiveImage]
-  );
-  // Handle automatic image rotation every 2 seconds
-  useEffect(() => {
-    const interval = setInterval(() => {
-      const nextIndex = (activeImage + 1) % images.length;
-      handleButtonClick(nextIndex);
-    }, 4000); // Rotate every 2 seconds
-
-    return () => clearInterval(interval); // Cleanup interval on component unmount
-  }, [activeImage, handleButtonClick]);
-
-  return (
-    <>
-      <div className="Top-container mt-[90%] sm:mt-[60%] md:mt-[40%] lg:mt-[30%] xl:mt-[20%] rotate-[145deg] h-full w-full ">
-        {activeImage !== null && (
-          <>
-            <div
-              className={`absolute overflow-hidden md:-top-[65rem] md:-left-[24rem] -top-[65rem] -left-[28.8rem] h-[85rem] w-[85rem] ${
-                exiting ? "exit-animation" : "enter-animation"
-              }`}
-            >
-              <div className="Slider relative h-full w-full overflow-x-hidden overflow-hidden"></div>
-              <div className="absolute right-[6rem] top-[6rem] z-[99]">
-                <Image
-                  key={activeImage}
-                  src={images[activeImage].src}
-                  alt={images[activeImage].label}
-                  width={500}
-                  height={500}
-                  className="mx-auto z-50 md:h-[19rem] h-[20rem] w-[20rem] rotate-[80deg] rounded-full object-cover"
-                />
-              </div>
-            </div>
-          </>
-        )}
-      </div>
-    </>
-  );
-};
-
-export default Hero;
diff --git a/app/(root)/components/SignInButton.tsx b/app/(root)/components/SignInButton.tsx
deleted file mode 100644
index 5a95139..0000000
--- a/app/(root)/components/SignInButton.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-import { signIn } from "next-auth/react";
-
-export default function SignInButton() {
-  return (
-    <button
-      className="bg-[#A50000] text-white font-lato px-4 py-2 rounded-md"
-      onClick={() => signIn("google")}
-    >
-      Sign in with Google
-    </button>
-  );
-}
diff --git a/app/(root)/components/SignOutButton.tsx b/app/(root)/components/SignOutButton.tsx
deleted file mode 100644
index 56a689b..0000000
--- a/app/(root)/components/SignOutButton.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-"use client";
-
-import { signOut } from "next-auth/react";
-
-export default function SignOutButton() {
-  return (
-    <button
-      className="bg-[#A50000] text-white font-lato px-4 py-2 rounded-md"
-      onClick={() => signOut()}
-    >
-      Sign out
-    </button>
-  );
-}
diff --git a/app/(root)/components/hero.css b/app/(root)/components/hero.css
deleted file mode 100644
index ccf756e..0000000
--- a/app/(root)/components/hero.css
+++ /dev/null
@@ -1,73 +0,0 @@
-.Top-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100vw;
-  /* overflow-x: hidden; */
-}
-
-.Slider {
-  border-radius: 50%;
-  background: linear-gradient(rgb(198, 230, 246), rgb(198, 230, 246)),
-    url("/noise.svg");
-  filter: contrast(100%) brightness(100%);
-  -webkit-mask: radial-gradient(transparent 36rem, #000 90px);
-  mask: radial-gradient(transparent 36rem, #000 90px);
-}
-
-@keyframes exitAnimation {
-  0% {
-    transform: rotate(135deg);
-  }
-  100% {
-    transform: rotate(270deg);
-  }
-}
-
-@keyframes enterAnimation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(135deg);
-  }
-}
-
-@keyframes textExitAnimation {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-}
-
-@keyframes textEnterAnimation {
-  0% {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.exit-animation {
-  animation: exitAnimation 1.2s forwards ease-in-out;
-}
-
-.enter-animation {
-  animation: enterAnimation 1.2s forwards ease;
-}
-
-.text-exit-animation {
-  animation: textExitAnimation 0.5s forwards ease-in-out;
-}
-
-.text-enter-animation {
-  animation: textEnterAnimation 0.6s forwards ease-in-out;
-}
diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx
index f026a56..c4522fa 100644
--- a/app/(root)/layout.tsx
+++ b/app/(root)/layout.tsx
@@ -4,373 +4,57 @@ import Image from "next/image";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { useState, useRef, useEffect } from "react";
-import SignInButton from "./components/SignInButton";
+import SignInButton from "../components/Nav/SignInButton";
 import { fetchUserData } from "../utils/userActions";
 import useAuthStore from "../store/useAuthStore";
-import SignOutButton from "./components/SignOutButton";
+import SignOutButton from "../components/Nav/SignOutButton";
+import Sidebar from "../components/Sidebar";
 
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const [isOpen, setIsOpen] = useState(false);
-  const sidebarRef = useRef<HTMLDivElement | null>(null);
-  const pathname = usePathname();
-  const router = useRouter();
-
-  const toggleSidebar = () => {
-    setIsOpen(!isOpen);
-  };
-
-  useEffect(() => {
-    function handleClickOutside(e: MouseEvent) {
-      if (
-        sidebarRef.current &&
-        !sidebarRef.current.contains(e.target as Node)
-      ) {
-        setIsOpen(false);
-      }
-    }
-
-    if (isOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isOpen]);
-
+  //calling user from zustand store
   const { user, setUser } = useAuthStore();
 
   useEffect(() => {
     async function getUser() {
-      const user = await fetchUserData();
-      setUser({
-        id: user._id,
-        name: user.name,
-        email: user.email,
-        image: user.image,
-        codingPlatforms: user.codingPlatforms,
-        firstName: user.firstName,
-        lastName: user.lastName,
-        gender: user.gender,
-        skills: user.skills,
-        profilePic: user.profilePic,
-        instituteName: user.instituteName,
-        github: user.github,
-        linkedin: user.linkedin,
-        location: user.location,
-        projectsCompleted: user.projectsCompleted,
-        rank: user.rank,
-        projectIds: user.projectIds,
-      });
+      console.log(0);
+
+      try {
+        const user = await fetchUserData();
+
+        setUser({
+          id: user._id,
+          name: user.name,
+          email: user.email,
+          image: user.image,
+          codingPlatforms: user.codingPlatforms,
+          firstName: user.firstName,
+          lastName: user.lastName,
+          gender: user.gender,
+          skills: user.skills,
+          profilePic: user.profilePic,
+          instituteName: user.instituteName,
+          github: user.github,
+          linkedin: user.linkedin,
+          location: user.location,
+          projectsCompleted: user.projectsCompleted,
+          rank: user.rank,
+          projectIds: user.projectIds,
+        });
+      } catch (err) {
+        console.log(err);
+      }
     }
-
     getUser();
   }, [setUser]);
 
   return (
     <>
-      <div
-        ref={sidebarRef}
-        className={`fixed z-50 h-full w-[17rem] text-gray-800 bg-white px-4 py-6 transition-transform duration-300 ease-in-out border-r-2 shadow-lg ${
-          isOpen ? "translate-x-0" : "-translate-x-full"
-        }`}
-      >
-        <Image
-          src="/devlogo.png"
-          alt="DEVELOPERS' GUILD LOGO"
-          width={220}
-          height={220}
-          className="pb-6 ps-5"
-        />
-
-        <Link
-          href="/home"
-          className={`font-lato text-[14px] text-lg ${
-            pathname === "/home"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/home" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Home
-          </div>
-        </Link>
-
-        <Link
-          href="/profile"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/profile"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/profile" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Guild Card
-          </div>
-        </Link>
-        <Link
-          href="/dashboard"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/dashboard"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/dashboard" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Dashboard
-          </div>
-        </Link>
-        <Link
-          href="/application"
-          className={`font-lato text-[14px] text-lg ${
-            pathname === "/application"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium "
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/application" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Application
-          </div>
-        </Link>
-        <Link
-          href="/help"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/help"
-              ? `font-bold text-black`
-              : " font-medium text-[#989898]"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/help" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Help
-          </div>
-        </Link>
-        <Link
-          href="/feedback"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/feedback"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/feedback" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Feedback
-          </div>
-        </Link>
-
-        {/* For Mobile Devices Only */}
-        <br className="block lg:hidden" />
-        <hr className="block lg:hidden" />
-        <br className="block lg:hidden" />
-        <Link
-          href="/project"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/project"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/project" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Projects
-          </div>
-        </Link>
-        <Link
-          href="/leaderboard"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/leaderboard"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/leaderboard" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Leaderboard
-          </div>
-        </Link>
-        <Link
-          href="/qna"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/qna"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/qna" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            QnA
-          </div>
-        </Link>
-        <Link
-          href="/settings"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/settings"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/settings" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Settings
-          </div>
-        </Link>
-      </div>
-
-      <div className="flex-1">
-        <div className="h-16 z-20 fixed w-full bg-white shadow-md flex items-center justify-between">
-          <div className="flex items-center justify-start gap-4">
-            <button
-              onClick={toggleSidebar}
-              className="ms-4 px-2 pb-2 text-2xl text-gray-800 bg-white rounded-md"
-            >
-              ☰
-            </button>
-            <Image
-              src="/devlogo.png"
-              alt="DEVELOPERS' GUILD LOGO"
-              width={200}
-              height={200}
-              className="hidden sm:block"
-            />
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/project"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/project"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                Projects
-              </Link>
-            </div>
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/leaderboard"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/leaderboard"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                Leaderboard
-              </Link>
-            </div>
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/qna"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/qna"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                QnA
-              </Link>
-            </div>
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/settings"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/settings"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                Settings
-              </Link>
-            </div>
-          </div>
-          <div className="flex items-center gap-4 me-6">
-            <button
-              onClick={() => {
-                router.push(`/project/create/${user?.id}`);
-              }}
-              className="bg-[#416dff] text-white px-4 py-2 rounded-md"
-            >
-              Create A Project
-            </button>
-            {user ? <SignOutButton /> : <SignInButton />}
-          </div>
-        </div>
-
-        <main className=" pt-16">{children}</main>
-      </div>
+      <Sidebar />
+      <main className=" pt-16">{children}</main>
     </>
   );
 }
diff --git a/app/(root)/home/page.tsx b/app/(root)/page.tsx
similarity index 93%
rename from app/(root)/home/page.tsx
rename to app/(root)/page.tsx
index 94b5fa5..68afce3 100644
--- a/app/(root)/home/page.tsx
+++ b/app/(root)/page.tsx
@@ -1,7 +1,7 @@
 import { Search } from "lucide-react";
 import Image from "next/image";
 import React from "react";
-import Hero from "../components/Hero";
+import { auth } from "../auth";
 
 const page = () => {
   return (
@@ -39,9 +39,7 @@ const page = () => {
           Search
         </button>
       </div>
-      <div className="absolute hidden lg:block">
-        <Hero />
-      </div>
+      <div className="absolute hidden lg:block"></div>
     </div>
   );
 };
diff --git a/app/(root)/profile/page.tsx b/app/(root)/profile/page.tsx
index c906a91..c49c205 100644
--- a/app/(root)/profile/page.tsx
+++ b/app/(root)/profile/page.tsx
@@ -1,8 +1,8 @@
 "use client";
 import React, { useState, useEffect } from "react";
-import ProfileCard from "../components/ProfileCard";
-import AchievementsCard from "../components/AchievementsCard";
-import EditProfile from "../components/EditProfile";
+import ProfileCard from "../../components/ProfileCard";
+import AchievementsCard from "../../components/AchievementsCard";
+import EditProfile from "../../components/EditProfile";
 import useAuthStore from "@/app/store/useAuthStore";
 import { User } from "@/app/types/user";
 
@@ -70,7 +70,7 @@ const Page = () => {
         </header>
         {!editProfile ? (
           <section className="mt-3 lg:flex lg:justify-start lg:gap-3 ">
-            <div className=" lg:w-[60%] h-fit flex flex-col items-center gap-14 mb-10 2xl:-ms-[10%] xl:-ms-[10%]">
+            <div className=" w-[90%] lg:w-[60%] h-fit flex flex-col items-center gap-14 mb-10 2xl:-ms-[10%] xl:-ms-[10%]">
               {/* Pass dynamic profileData to ProfileCard */}
               <ProfileCard profileData={profileData} />
               <button
diff --git a/app/(root)/project/ProjectList.tsx b/app/(root)/project/ProjectList.tsx
index bcc9ea8..fa6ca6b 100644
--- a/app/(root)/project/ProjectList.tsx
+++ b/app/(root)/project/ProjectList.tsx
@@ -46,7 +46,9 @@ const ProjectList = () => {
 
   const getData = async () => {
     try {
-      const response = await axios.get(`http://localhost:3000/api/list/all`);
+      const response = await axios.get(
+        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/list/all`
+      );
       console.log(response.data);
       setProjects(response.data);
     } catch (error) {
diff --git a/app/(root)/project/[id]/Detail.tsx b/app/(root)/project/[id]/Detail.tsx
index 006e37e..91e7b7b 100644
--- a/app/(root)/project/[id]/Detail.tsx
+++ b/app/(root)/project/[id]/Detail.tsx
@@ -50,7 +50,7 @@ const Detail = ({ id }: DetailProps) => {
   const getData = useCallback(async () => {
     try {
       const response = await axios.get(
-        `http://localhost:3000/api/project/project_id/${id}`
+        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/project/project_id/${id}`
       );
       console.log(response.data);
       setProject(response.data);
diff --git a/app/(root)/project/create/[id]/page.tsx b/app/(root)/project/create/[id]/page.tsx
index 1ed9444..f851f35 100644
--- a/app/(root)/project/create/[id]/page.tsx
+++ b/app/(root)/project/create/[id]/page.tsx
@@ -40,7 +40,7 @@ const CreatePage = () => {
     console.log("id: ", id);
 
     const res = await axios.post(
-      `http://localhost:3000/api/project/user_id/${id}`,
+      `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/project/user_id/${id}`,
       formData,
       {
         headers: {
diff --git a/app/components/AchievementsCard.tsx b/app/components/AchievementsCard.tsx
new file mode 100644
index 0000000..a6f070c
--- /dev/null
+++ b/app/components/AchievementsCard.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+const AchievementsCard = () => {
+  return (
+    <>
+      <section className="w-full h-[25rem] sm:h-[30rem] md:h-[35rem] border border-[#878787] rounded-lg bg-gray-200">
+        <header className="bg-white border-b border-[#878787] rounded-md pt-2 sm:pt-3 pb-1 sm:pb-2">
+          <p className="text-xl sm:text-2xl md:text-3xl font-dmsans text-center py-1 sm:py-2">
+            Achievements
+          </p>
+        </header>
+        <div className="bg-white m-1 px-3 sm:px-4 md:px-5 py-3 sm:py-4 border-[#878787] border text-sm sm:text-base">
+          Lorem Ipsum
+        </div>
+      </section>
+    </>
+  );
+};
+
+export default AchievementsCard;
diff --git a/app/(root)/components/Badge.tsx b/app/components/Badge.tsx
similarity index 100%
rename from app/(root)/components/Badge.tsx
rename to app/components/Badge.tsx
diff --git a/app/(root)/components/EditProfile.tsx b/app/components/EditProfile.tsx
similarity index 100%
rename from app/(root)/components/EditProfile.tsx
rename to app/components/EditProfile.tsx
diff --git a/app/components/Nav/ProfileButton.tsx b/app/components/Nav/ProfileButton.tsx
new file mode 100644
index 0000000..59e5a7c
--- /dev/null
+++ b/app/components/Nav/ProfileButton.tsx
@@ -0,0 +1,24 @@
+import { auth } from "@/app/auth";
+import Image from "next/image";
+import SignInButton from "./SignInButton";
+
+export default async function ProfileButton() {
+  const session = await auth();
+  const user = session?.user;
+
+  return (
+    <>
+      {user ? (
+        <Image
+          src={user.image || ""}
+          alt={user.name || "User avatar"}
+          width={80}
+          height={80}
+          className="rounded-full mb-4"
+        />
+      ) : (
+        <SignInButton />
+      )}
+    </>
+  );
+}
diff --git a/app/components/Nav/SignInButton.tsx b/app/components/Nav/SignInButton.tsx
new file mode 100644
index 0000000..308b6fb
--- /dev/null
+++ b/app/components/Nav/SignInButton.tsx
@@ -0,0 +1,22 @@
+"use client";
+import { signIn } from "next-auth/react";
+import Image from "next/image";
+
+export default function SignInButton() {
+  return (
+    <button
+      className="px-4 py-2 border flex gap-3 border-slate-700  rounded-lg text-slate-700 hover:border-slate-400 font-mono hover:text-slate-900 hover:bg-gray-100 focus:bg-gray-300 hover:shadow transition duration-150"
+      onClick={() => signIn("google")}
+    >
+      <Image
+        className="w-6 h-6"
+        src="https://www.svgrepo.com/show/475656/google-color.svg"
+        width={24}
+        height={24}
+        loading="lazy"
+        alt="google logo"
+      />
+      <span>Continue with Google</span>
+    </button>
+  );
+}
diff --git a/app/components/Nav/SignOutButton.tsx b/app/components/Nav/SignOutButton.tsx
new file mode 100644
index 0000000..22c8f64
--- /dev/null
+++ b/app/components/Nav/SignOutButton.tsx
@@ -0,0 +1,15 @@
+"use client";
+import { LogOut } from "lucide-react";
+import { signOut } from "next-auth/react";
+
+export default function SignOutButton() {
+  return (
+    <button
+      className="bg-[#bd2222] text-white px-4 py-2 rounded-md flex  items-center gap-3 "
+      onClick={() => signOut()}
+    >
+      <LogOut className="w-5 h-5" />
+      <span className="text-[17px] tracking-wider font-sans">Logout</span>
+    </button>
+  );
+}
diff --git a/app/(root)/components/ProfileCard.tsx b/app/components/ProfileCard.tsx
similarity index 94%
rename from app/(root)/components/ProfileCard.tsx
rename to app/components/ProfileCard.tsx
index a12e506..956382e 100644
--- a/app/(root)/components/ProfileCard.tsx
+++ b/app/components/ProfileCard.tsx
@@ -7,9 +7,9 @@ import { User } from "@/app/types/user";
 
 const ProfileCard = ({ profileData }: { profileData: User }) => {
   return (
-    <div className="border border-[#9a8989] rounded-lg">
+    <div className=" w-full border border-[#9a8989] rounded-lg">
       <div className="md:flex md:flex-1">
-        <div className="w-full md:w-1/3 md:border-r-2 border-gray-300">
+        <div className="md:w-1/3 md:border-r-2 border-gray-300">
           <Badge title="S" color="yellow" />
           <Signature />
         </div>
diff --git a/app/components/Sidebar.tsx b/app/components/Sidebar.tsx
new file mode 100644
index 0000000..20cb091
--- /dev/null
+++ b/app/components/Sidebar.tsx
@@ -0,0 +1,291 @@
+"use client";
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useRouter } from "next/navigation";
+import React, { useEffect, useRef, useState } from "react";
+import useAuthStore from "../store/useAuthStore";
+import SignOutButton from "./Nav/SignOutButton";
+import SignInButton from "./Nav/SignInButton";
+import { Plus } from "lucide-react";
+import ProfileButton from "./Nav/ProfileButton";
+
+const Sidebar = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  const sidebarRef = useRef<HTMLDivElement | null>(null);
+  const pathname = usePathname();
+  const router = useRouter();
+
+  const { user, setUser } = useAuthStore();
+
+  const toggleSidebar = () => {
+    setIsOpen(!isOpen);
+  };
+
+  //for handling closing and opening of the sidebar
+  useEffect(() => {
+    function handleClickOutside(e: MouseEvent) {
+      if (
+        sidebarRef.current &&
+        !sidebarRef.current.contains(e.target as Node)
+      ) {
+        setIsOpen(false);
+      }
+    }
+
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    } else {
+      document.removeEventListener("mousedown", handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen]);
+
+  return (
+    <>
+      <div
+        ref={sidebarRef}
+        className={`fixed z-50 h-full w-[17rem] text-gray-800 bg-white px-4 py-6 transition-transform duration-300 ease-in-out border-r-2 shadow-lg ${
+          isOpen ? "translate-x-0" : "-translate-x-full"
+        }`}
+      >
+        <Image
+          src="/devguild_logo.png"
+          alt="DEVELOPERS' GUILD LOGO"
+          width={220}
+          height={220}
+          className="pb-6 ps-5"
+        />
+
+        <Link
+          href="/"
+          className={`font-lato text-[14px] text-lg ${
+            pathname === "/"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Home
+          </div>
+        </Link>
+
+        <Link
+          href="/profile"
+          className={`font-lato text-[14px]  text-lg ${
+            pathname === "/profile"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/profile" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Profile
+          </div>
+        </Link>
+        <Link
+          href="/dashboard"
+          className={`font-lato text-[14px]  text-lg ${
+            pathname === "/dashboard"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/dashboard" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Dashboard
+          </div>
+        </Link>
+        <Link
+          href="/application"
+          className={`font-lato text-[14px] text-lg ${
+            pathname === "/application"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium "
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/application" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Application
+          </div>
+        </Link>
+        <Link
+          href="/help"
+          className={`font-lato text-[14px]  text-lg ${
+            pathname === "/help"
+              ? `font-bold text-black`
+              : " font-medium text-[#989898]"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/help" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Help
+          </div>
+        </Link>
+        <Link
+          href="/feedback"
+          className={`font-lato text-[14px]  text-lg ${
+            pathname === "/feedback"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/feedback" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Feedback
+          </div>
+        </Link>
+
+        {/* For Mobile Devices Only */}
+        <br className="block lg:hidden" />
+        <hr className="block lg:hidden" />
+        <br className="block lg:hidden" />
+        <Link
+          href="/project"
+          className={`font-lato text-[14px] block lg:hidden  text-lg ${
+            pathname === "/project"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/project" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            Projects
+          </div>
+        </Link>
+        <Link
+          href="/qna"
+          className={`font-lato text-[14px] block lg:hidden  text-lg ${
+            pathname === "/qna"
+              ? `font-bold text-black`
+              : "text-[#989898] font-medium"
+          }`}
+          onClick={() => {
+            setIsOpen(false);
+          }}
+        >
+          <div
+            className={`px-3 py-2 ${
+              pathname === "/qna" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
+            }`}
+          >
+            QnA
+          </div>
+        </Link>
+      </div>
+
+      <div className="flex-1">
+        <div className="h-16 z-20 fixed w-full bg-white shadow-md flex items-center justify-between">
+          <div className="flex items-center justify-start gap-4">
+            <button
+              onClick={toggleSidebar}
+              className="ms-4 px-2 pb-2 text-2xl text-gray-800 bg-white rounded-md"
+            >
+              ☰
+            </button>
+            <div className="flex items-center">
+              <Image
+                src="/devguild_logo.png"
+                alt="DEVELOPERS' GUILD LOGO"
+                width={100}
+                height={100}
+                className="size-14 hidden sm:block"
+              />
+              <p className="text-2xl font-bold tracking-wider">
+                Dev<span className="text-blue-400">Guild</span>
+              </p>
+            </div>
+
+            <div className="ms-8 font-lato text-gray-500 font-medium text-lg hidden lg:block">
+              <Link
+                href="/project"
+                className={`font-dmsans font-medium text-lg
+                  ${
+                    pathname === "/project"
+                      ? "text-black border-b-2 border-black"
+                      : "text-[#989898]s"
+                  }`}
+              >
+                Projects
+              </Link>
+            </div>
+
+            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
+              <Link
+                href="/qna"
+                className={`font-dmsans font-medium text-lg
+                  ${
+                    pathname === "/qna"
+                      ? "text-black border-b-2 border-black"
+                      : "text-[#989898]s"
+                  }`}
+              >
+                QnA
+              </Link>
+            </div>
+          </div>
+          <div className="flex items-center gap-4 me-6">
+            <button
+              onClick={() => {
+                router.push(`/project/create/${user?.id}`);
+              }}
+              className="bg-[#416dff] hover:bg-[#375cd4] text-white px-4 py-[9px] rounded-md tracking-wider flex items-center gap-2"
+            >
+              <Plus />
+              <span>Create A Project</span>
+            </button>
+            <ProfileButton />
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Sidebar;
diff --git a/app/(root)/components/Signature.tsx b/app/components/Signature.tsx
similarity index 96%
rename from app/(root)/components/Signature.tsx
rename to app/components/Signature.tsx
index 1445757..3141242 100644
--- a/app/(root)/components/Signature.tsx
+++ b/app/components/Signature.tsx
@@ -21,6 +21,8 @@ const SignatureCard = () => {
       {image ? (
         <Image
           src={image}
+          width={100}
+          height={100}
           alt="Signature Preview"
           className="w-full  object-contain  mb-4"
         />
diff --git a/app/utils/userActions.ts b/app/utils/userActions.ts
index 2d3d827..96f5e09 100644
--- a/app/utils/userActions.ts
+++ b/app/utils/userActions.ts
@@ -5,9 +5,10 @@ import { auth } from "../auth";
 export async function fetchUserData() {
   const session = await auth();
   if (session?.user) {
+    console.log("=>");
     try {
       const { data: user } = await axios.get(
-        `http://localhost:3000/api/user/${session.user.id}`
+        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/user/${session.user.id}`
       );
       return user;
     } catch (error) {
diff --git a/next.config.ts b/next.config.ts
index f7cbb8c..39dfdcf 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,15 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
-  async redirects() {
-    return [
-      {
-        source: "/",
-        destination: "/home",
-        permanent: true, // Set to false if it's temporary
-      },
-    ];
-  },
+
   images: {
     dangerouslyAllowSVG: true,
     remotePatterns: [
diff --git a/package-lock.json b/package-lock.json
index 47f5036..babd854 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "mongoose": "^8.9.2",
         "next": "15.1.2",
         "next-auth": "^5.0.0-beta.25",
+        "next-themes": "^0.4.6",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-icons": "^5.5.0",
@@ -5312,6 +5313,15 @@
         }
       }
     },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+      }
+    },
     "node_modules/next/node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
diff --git a/package.json b/package.json
index d1b7f93..b5e1544 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "mongoose": "^8.9.2",
     "next": "15.1.2",
     "next-auth": "^5.0.0-beta.25",
+    "next-themes": "^0.4.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-icons": "^5.5.0",
diff --git a/public/devguild_logo.png b/public/devguild_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..770d753a47e8950e31e1504decc42d674f53de92
GIT binary patch
literal 64218
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

literal 0
HcmV?d00001


From c45b0ea016d17c5cf2217e941de659ef11d83538 Mon Sep 17 00:00:00 2001
From: Prajyot Tayde <pmtbmt@gmail.com>
Date: Sun, 19 Apr 2026 17:30:32 +0530
Subject: [PATCH 2/4] revamp UI and fix small bugs

---
 app/(root)/TableComponent.tsx                 |  50 +-
 app/(root)/TabsComponent2.tsx                 | 139 +++--
 app/(root)/application/page.tsx               |  69 ++-
 app/(root)/components/AchievementsCard.tsx    |  46 +-
 app/(root)/components/Badge.tsx               |  28 +-
 app/(root)/components/EditProfile.tsx         | 305 +++++-----
 app/(root)/components/ProfileCard.tsx         | 131 +++--
 app/(root)/components/SignInButton.tsx        |   4 +-
 app/(root)/components/SignOutButton.tsx       |  11 +-
 app/(root)/components/Signature.tsx           |  21 +-
 app/(root)/dashboard/UserProject.tsx          | 432 ++++----------
 app/(root)/dashboard/page.tsx                 |  78 +--
 app/(root)/feedback/page.tsx                  | 137 +++--
 app/(root)/help/page.tsx                      | 181 +++---
 app/(root)/home/page.tsx                      | 189 ++++--
 app/(root)/layout.tsx                         | 537 ++++++++----------
 app/(root)/leaderboard/layout.tsx             | 140 ++---
 app/(root)/leaderboard/page.tsx               | 111 ++--
 app/(root)/notification/[id]/page.tsx         | 101 ++--
 app/(root)/notification/page.tsx              |  94 ++-
 app/(root)/profile/page.tsx                   |  89 +--
 app/(root)/project/ProjectList.tsx            | 203 ++++---
 app/(root)/project/Sidebar1.tsx               | 284 +++++----
 app/(root)/project/[id]/Detail.tsx            | 138 ++---
 app/(root)/project/[id]/ProjectUpdates.tsx    | 123 ++--
 app/(root)/project/[id]/Sidebar2.tsx          | 164 +++---
 app/(root)/project/[id]/page.tsx              |  23 +-
 app/(root)/project/[id]/requests/page.tsx     | 141 +++--
 app/(root)/project/create/[id]/page.tsx       | 397 +++++--------
 app/(root)/project/page.tsx                   |  24 +-
 app/(root)/qna/page.tsx                       | 155 +++--
 app/(root)/settings/page.tsx                  | 207 ++-----
 app/api/linkage/accept/[request_id]/route.ts  |   2 +-
 .../leave/[user_id]/[project_id]/route.ts     |   2 +-
 app/api/linkage/reject/[request_id]/route.ts  |   2 +-
 .../request/[user_id]/[project_id]/route.ts   |   4 +-
 app/api/user/[id]/route.ts                    |   4 +-
 app/globals.css                               | 379 ++++++++++++
 app/layout.tsx                                |  17 +-
 app/store/useThemeStore.ts                    |  27 +
 srs.pdf                                       | Bin 0 -> 79323 bytes
 tailwind.config.ts                            |  50 +-
 42 files changed, 2822 insertions(+), 2417 deletions(-)
 create mode 100644 app/store/useThemeStore.ts
 create mode 100644 srs.pdf

diff --git a/app/(root)/TableComponent.tsx b/app/(root)/TableComponent.tsx
index 1c71aed..d995232 100644
--- a/app/(root)/TableComponent.tsx
+++ b/app/(root)/TableComponent.tsx
@@ -1,52 +1,38 @@
 "use client";
 import { useRouter } from "next/navigation";
 import React from "react";
+
 const data = [
-  {
-    id: 1,
-    platform: "LinkedIn",
-    title: "Pranav, Radhika Gupta has a new post for you",
-    description: "To every woman who sometimes wonders, can I do it, here is a thought...",
-    date: "Mar 17",
-  },
-  {
-    id: 2,
-    platform: "LinkedIn",
-    title: "Pranav, Nikhil Kamath has a new post for you",
-    description: "Digressing from the post, but it's about time we need an Indian answer to...",
-    date: "Mar 14",
-  },
-  {
-    id: 3,
-    platform: "LinkedIn",
-    title: "Pranav, Nikhil Kamath has a new post for you",
-    description: "Digressing from the post, but it's about time we need an Indian answer to...",
-    date: "Mar 12",
-  },
+  { id: 1, platform: "LinkedIn", title: "Pranav, Radhika Gupta has a new post", description: "To every woman who sometimes wonders, can I do it...", date: "Mar 17" },
+  { id: 2, platform: "LinkedIn", title: "Pranav, Nikhil Kamath has a new post", description: "Digressing from the post, but it's about time...", date: "Mar 14" },
+  { id: 3, platform: "LinkedIn", title: "Pranav, Nikhil Kamath has a new post", description: "Digressing from the post, but it's about time...", date: "Mar 12" },
 ];
 
-
-
 const TableComponent = () => {
   const router = useRouter();
 
   return (
     <table className="w-full">
       <tbody>
-        {data.map((item, index) => (
+        {data.map((item) => (
           <tr
-            key={index}
-            className="border-b cursor-pointer hover:bg-gray-100"
+            key={item.id}
+            className="border-b border-theme-primary cursor-pointer hover:bg-theme-tertiary/30 transition-colors"
             onClick={() => router.push(`/notification/${item.id}`)}
           >
-            <td className="px-4 py-2">
-              <input type="checkbox" onClick={(e) => e.stopPropagation()} />
+            <td className="px-4 py-3">
+              <input
+                type="checkbox"
+                onClick={(e) => e.stopPropagation()}
+                className="accent-brand-500"
+              />
             </td>
-            <td className="px-4 py-2">{item.platform}</td>
-            <td className="px-4 py-2">
-              <span className="font-semibold">{item.title}</span> - {item.description}
+            <td className="px-4 py-3 text-xs font-medium text-brand-500 dark:text-brand-400">{item.platform}</td>
+            <td className="px-4 py-3">
+              <span className="text-sm font-medium text-theme-primary">{item.title}</span>
+              <span className="text-sm text-theme-tertiary"> — {item.description}</span>
             </td>
-            <td className="px-4 py-2 text-gray-500">{item.date}</td>
+            <td className="px-4 py-3 text-xs text-theme-tertiary whitespace-nowrap">{item.date}</td>
           </tr>
         ))}
       </tbody>
diff --git a/app/(root)/TabsComponent2.tsx b/app/(root)/TabsComponent2.tsx
index f0ceb7e..02d4b1c 100644
--- a/app/(root)/TabsComponent2.tsx
+++ b/app/(root)/TabsComponent2.tsx
@@ -1,80 +1,95 @@
-'use client';
+"use client";
 
-import * as React from 'react';
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
-import Box from '@mui/material/Box';
+import * as React from "react";
+import Tabs from "@mui/material/Tabs";
+import Tab from "@mui/material/Tab";
+import Box from "@mui/material/Box";
 
 interface TabPanelProps {
-    children?: React.ReactNode;
-    index: number;
-    value: number;
+  children?: React.ReactNode;
+  index: number;
+  value: number;
 }
 
 interface TabsProps {
-    tabTitles: string[];
-    tabContents: React.ReactNode[];
+  tabTitles: string[];
+  tabContents: React.ReactNode[];
 }
 
 function CustomTabPanel(props: TabPanelProps) {
-    const { children, value, index, ...other } = props;
-
-    return (
-        <div
-            role="tabpanel"
-            hidden={value !== index}
-            id={`simple-tabpanel-${index}`}
-            aria-labelledby={`simple-tab-${index}`}
-            {...other}
-        >
-            {value === index && <Box sx={{ p: 2 }}>{children}</Box>}
-        </div>
-    );
+  const { children, value, index, ...other } = props;
+  return (
+    <div
+      role="tabpanel"
+      hidden={value !== index}
+      id={`tabpanel-${index}`}
+      aria-labelledby={`tab-${index}`}
+      {...other}
+    >
+      {value === index && <Box sx={{ p: 2 }}>{children}</Box>}
+    </div>
+  );
 }
 
 function a11yProps(index: number) {
-    return {
-        id: `simple-tab-${index}`,
-        'aria-controls': `simple-tabpanel-${index}`,
-    };
+  return {
+    id: `tab-${index}`,
+    "aria-controls": `tabpanel-${index}`,
+  };
 }
 
 export default function TabsComponent2({ tabTitles, tabContents }: TabsProps) {
-    const [value, setValue] = React.useState(0);
+  const [value, setValue] = React.useState(0);
 
-    const handleChange = (event: React.SyntheticEvent, newValue: number) => {
-        setValue(newValue);
-    };
+  const handleChange = (_event: React.SyntheticEvent, newValue: number) => {
+    setValue(newValue);
+  };
 
-    return (
-        <Box sx={{ borderRadius: '15px', border: '1px solid #E0E0E0' }}>
-            <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-                <Tabs
-                    className="bg-white rounded-t-[15px] "
-                    value={value}
-                    onChange={handleChange}
-                    aria-label="tabs"
-                    variant="scrollable" // This is applied to Tabs, not Tab
-                    scrollButtons="auto" // This is applied to Tabs
-                    allowScrollButtonsMobile // Also applied to Tabs
-                >
-                    {tabTitles.map((title, index) => (
-                        <Tab
-                            key={title}
-                            className="  text-[#333333] font-semibold "
-                            label={title}
-                            {...a11yProps(index)}
-                        />
-                    ))}
-                </Tabs>
-            </Box>
-            <Box className="w-full overflow-x-auto  tab-scrollbar">
-                {tabContents.map((content, index) => (
-                    <CustomTabPanel key={index} value={value} index={index} >
-                        {content}
-                    </CustomTabPanel>
-                ))}
-            </Box>
-        </Box>
-    );
+  return (
+    <Box
+      sx={{
+        borderRadius: "12px",
+        border: "1px solid var(--border-primary)",
+        overflow: "hidden",
+        backgroundColor: "var(--bg-card)",
+      }}
+    >
+      <Box sx={{ borderBottom: 1, borderColor: "var(--border-primary)" }}>
+        <Tabs
+          value={value}
+          onChange={handleChange}
+          aria-label="tabs"
+          variant="scrollable"
+          scrollButtons="auto"
+          allowScrollButtonsMobile
+          sx={{
+            backgroundColor: "var(--bg-card)",
+            "& .MuiTab-root": {
+              color: "var(--text-tertiary)",
+              fontWeight: 600,
+              fontSize: "0.875rem",
+              textTransform: "none",
+              "&.Mui-selected": {
+                color: "var(--accent-blue)",
+              },
+            },
+            "& .MuiTabs-indicator": {
+              backgroundColor: "var(--accent-blue)",
+            },
+          }}
+        >
+          {tabTitles.map((title, index) => (
+            <Tab key={title} label={title} {...a11yProps(index)} />
+          ))}
+        </Tabs>
+      </Box>
+      <Box className="w-full overflow-x-auto">
+        {tabContents.map((content, index) => (
+          <CustomTabPanel key={index} value={value} index={index}>
+            {content}
+          </CustomTabPanel>
+        ))}
+      </Box>
+    </Box>
+  );
 }
diff --git a/app/(root)/application/page.tsx b/app/(root)/application/page.tsx
index fdaa7d8..830ee9c 100644
--- a/app/(root)/application/page.tsx
+++ b/app/(root)/application/page.tsx
@@ -1,39 +1,60 @@
+"use client";
 import React from "react";
 import TabsComponent2 from "../TabsComponent2";
 import TableComponent from "../TableComponent";
-import Image from "next/image";
+import useAuthStore from "@/app/store/useAuthStore";
+import { motion } from "framer-motion";
+import { Briefcase, Sparkles } from "lucide-react";
 
-// Tab contents with table components
 const tabContents = [
-  <TableComponent key="all-jobs" />,
-  <TableComponent key="active" />,
-  <TableComponent key="draft" />,
+  <TableComponent key="submitted" />,
+  <TableComponent key="bookmarks" />,
+  <TableComponent key="rejected" />,
 ];
 
-const Page = async () => {
-  // const requests  = await fetchJoinRequests()
-  const tabTitles = ["Submitted(56)", "Bookmarks(23)", "Rejected(23)"];
+const Page = () => {
+  const { user } = useAuthStore();
+  const tabTitles = ["Submitted", "Bookmarks", "Rejected"];
+
   return (
-    <div className="px-28 py-6 ">
-      <div className="text-3xl font-dmsans ">Hello, Rohit!</div>
-      <div className="bg-[#E8F0FE] mt-4 mb-10 w-full sm:w-[90%]  rounded-2xl p-6 flex flex-col gap-6  items-center md:flex-row md:justify-between shadow-md">
-        <div className="max-w-4xl">
-          <h2 className="text-2xl ">Welcome to Application Status.</h2>
-          <p className="text-gray-700 mt-2">
-            This page is designed to help you track and manage your project
-            collaboration applications with ease. View the status of your
-            submissions, from drafts to approved or rejected applications, all
-            in one place. Stay organized, keep track of your progress, and
-            refine your proposals for future opportunities.
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="text-3xl font-bold text-theme-primary mb-6"
+      >
+        Hello, {user?.firstName || "Developer"}!
+      </motion.div>
+
+      <motion.div
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.1 }}
+        className="glass-card bg-gradient-to-r from-blue-500/5 to-indigo-500/5 dark:from-blue-500/10 dark:to-indigo-500/10 mt-2 mb-8 w-full lg:w-[90%] p-6 flex flex-col gap-4 md:flex-row items-center md:justify-between"
+      >
+        <div className="flex-1">
+          <div className="flex items-center gap-2 mb-2">
+            <Sparkles size={18} className="text-blue-500" />
+            <h2 className="text-lg font-semibold text-theme-primary">Application Status</h2>
+          </div>
+          <p className="text-sm text-theme-secondary leading-relaxed max-w-xl">
+            Track and manage your project collaboration applications. View submissions,
+            bookmarks, and stay informed about your progress.
           </p>
         </div>
-        <div className="w-32 h-32 flex-shrink-0">
-          <Image src="/post.png" alt="" width={128} height={128} />
+        <div className="w-16 h-16 rounded-2xl bg-blue-500/10 flex items-center justify-center flex-shrink-0">
+          <Briefcase size={28} className="text-blue-500" />
         </div>
-      </div>
+      </motion.div>
 
-      <div className="text-4xl mb-6">Applications</div>
-      <TabsComponent2 tabTitles={tabTitles} tabContents={tabContents} />
+      <motion.div
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.2 }}
+      >
+        <h2 className="text-2xl font-bold text-theme-primary mb-4">Applications</h2>
+        <TabsComponent2 tabTitles={tabTitles} tabContents={tabContents} />
+      </motion.div>
     </div>
   );
 };
diff --git a/app/(root)/components/AchievementsCard.tsx b/app/(root)/components/AchievementsCard.tsx
index 03e2764..11715ed 100644
--- a/app/(root)/components/AchievementsCard.tsx
+++ b/app/(root)/components/AchievementsCard.tsx
@@ -1,17 +1,45 @@
 import React from "react";
+import { Award } from "lucide-react";
 
 const AchievementsCard = () => {
   return (
-    <>
-      <section className="w-full  h-[35rem] border border-[#878787] rounded-lg bg-gray-200">
-        <header className="bg-white border-b border-[#878787]  rounded-md pt-3 pb-2">
-          <p className="text-3xl font-dmsans text-center py-2">Achievements</p>
-        </header>
-        <div className="bg-white m-1 px-5 py-4 border-[#878787] border">
-          Lorem Ipsum
+    <section className="w-full h-[28rem] glass-card overflow-hidden">
+      <header className="bg-theme-card border-b border-theme-primary rounded-t-lg py-3 px-4">
+        <p className="text-xl font-bold text-theme-primary text-center flex items-center justify-center gap-2">
+          <Award size={20} className="text-amber-500" />
+          Achievements
+        </p>
+      </header>
+      <div className="p-4 space-y-3">
+        <div className="flex items-center gap-3 p-3 rounded-lg bg-theme-tertiary/50 border border-theme-primary">
+          <div className="w-10 h-10 rounded-lg bg-amber-500/10 flex items-center justify-center">
+            <Award size={18} className="text-amber-500" />
+          </div>
+          <div>
+            <p className="text-sm font-medium text-theme-primary">First Project Completed</p>
+            <p className="text-xs text-theme-tertiary">Complete your first project to earn this badge</p>
+          </div>
         </div>
-      </section>
-    </>
+        <div className="flex items-center gap-3 p-3 rounded-lg bg-theme-tertiary/50 border border-theme-primary">
+          <div className="w-10 h-10 rounded-lg bg-purple-500/10 flex items-center justify-center">
+            <Award size={18} className="text-purple-500" />
+          </div>
+          <div>
+            <p className="text-sm font-medium text-theme-primary">Team Player</p>
+            <p className="text-xs text-theme-tertiary">Join 5 projects to unlock</p>
+          </div>
+        </div>
+        <div className="flex items-center gap-3 p-3 rounded-lg bg-theme-tertiary/50 border border-theme-primary opacity-50">
+          <div className="w-10 h-10 rounded-lg bg-gray-500/10 flex items-center justify-center">
+            <Award size={18} className="text-gray-500" />
+          </div>
+          <div>
+            <p className="text-sm font-medium text-theme-primary">S-Rank Developer</p>
+            <p className="text-xs text-theme-tertiary">Reach S rank to unlock</p>
+          </div>
+        </div>
+      </div>
+    </section>
   );
 };
 
diff --git a/app/(root)/components/Badge.tsx b/app/(root)/components/Badge.tsx
index f5631c0..3b2c7f4 100644
--- a/app/(root)/components/Badge.tsx
+++ b/app/(root)/components/Badge.tsx
@@ -5,27 +5,21 @@ type BadgeProps = {
   color: string;
 };
 
-const colorMap: { [key: string]: string } = {
-  red: "border-red-500 bg-red-100 text-red-500",
-  blue: "border-blue-500 bg-blue-100 text-blue-500",
-  yellow: "border-[#F2AF04] bg-[#FEF9E8] text-[#F2AF04]",
-  green: "border-green-500 bg-green-100 text-green-500",
-  purple: "border-purple-500 bg-purple-100 text-purple-500",
-  pink: "border-pink-500 bg-pink-100 text-pink-500",
+const colorMap: { [key: string]: { bg: string; border: string; text: string; glow: string } } = {
+  red: { bg: "bg-red-500/10", border: "border-red-500/30", text: "text-red-500", glow: "shadow-[0_0_20px_rgba(239,68,68,0.3)]" },
+  blue: { bg: "bg-blue-500/10", border: "border-blue-500/30", text: "text-blue-500", glow: "shadow-[0_0_20px_rgba(59,130,246,0.3)]" },
+  yellow: { bg: "bg-amber-500/10", border: "border-amber-500/30", text: "text-amber-500", glow: "shadow-[0_0_20px_rgba(245,158,11,0.3)]" },
+  green: { bg: "bg-green-500/10", border: "border-green-500/30", text: "text-green-500", glow: "shadow-[0_0_20px_rgba(16,185,129,0.3)]" },
+  purple: { bg: "bg-purple-500/10", border: "border-purple-500/30", text: "text-purple-500", glow: "shadow-[0_0_20px_rgba(139,92,246,0.3)]" },
 };
 
+const defaultColor = { bg: "bg-gray-500/10", border: "border-gray-500/30", text: "text-gray-500", glow: "" };
+
 const Badge: FC<BadgeProps> = ({ title, color }) => {
+  const c = colorMap[color] || defaultColor;
   return (
-    <div
-      className={`border-2 m-6 mx-8 py-6 rounded-md ${
-        colorMap[color] || "border-gray-600"
-      }`}
-    >
-      <div
-        className={`text-center text-8xl font-dmsans p-2 rounded-md ${
-          colorMap[color] || "bg-gray-200 text-gray-500"
-        }`}
-      >
+    <div className={`border-2 m-4 mx-6 py-5 rounded-xl ${c.bg} ${c.border} ${c.glow} transition-shadow duration-300`}>
+      <div className={`text-center text-7xl font-bold font-dmsans p-2 ${c.text}`}>
         {title}
       </div>
     </div>
diff --git a/app/(root)/components/EditProfile.tsx b/app/(root)/components/EditProfile.tsx
index 1044306..4e485da 100644
--- a/app/(root)/components/EditProfile.tsx
+++ b/app/(root)/components/EditProfile.tsx
@@ -3,13 +3,16 @@ import useAuthStore from "@/app/store/useAuthStore";
 import { User } from "@/app/types/user";
 import Image from "next/image";
 import React, { useState } from "react";
+import { toast } from "sonner";
+import axios from "axios";
+import { X, Plus } from "lucide-react";
 
 type EditProfileProps = {
   onProfileUpdate: (data: User) => void;
 };
 
 const EditProfile = ({ onProfileUpdate }: EditProfileProps) => {
-  const { user } = useAuthStore();
+  const { user, setUser } = useAuthStore();
 
   const [firstName, setFirstName] = useState(user?.firstName || "");
   const [lastName, setLastName] = useState(user?.lastName || "");
@@ -21,201 +24,233 @@ const EditProfile = ({ onProfileUpdate }: EditProfileProps) => {
   const [skills, setSkills] = useState(user?.skills || []);
   const [newSkill, setNewSkill] = useState("");
   const [isChecked, setIsChecked] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
-  // Add new skill to the skills list
   const addSkill = () => {
-    if (newSkill.trim() && !skills.includes(newSkill)) {
-      setSkills([...skills, newSkill]);
+    if (newSkill.trim() && !skills.includes(newSkill.trim())) {
+      setSkills([...skills, newSkill.trim()]);
       setNewSkill("");
     }
   };
 
-  // Remove skill from the list
   const removeSkill = (index: number) => {
     setSkills(skills.filter((_, i) => i !== index));
   };
 
-  // Submit profile data
-  const handleSubmit = (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    const updatedProfileData = {
+    setIsSubmitting(true);
+    const toastId = toast.loading("Saving profile...");
+
+    const updatedProfileData: User = {
       firstName,
       lastName,
       id: user?.id || "",
       name: `${firstName} ${lastName}`,
       email,
-      collegeDetails: {
-        name: instituteName,
-      },
+      collegeDetails: { name: instituteName },
       location,
       skills,
       github,
       linkedin,
     };
-    onProfileUpdate(updatedProfileData);
+
+    try {
+      await axios.put(
+        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/user/${user?.id}`,
+        updatedProfileData
+      );
+
+      // Update Zustand store
+      setUser({
+        ...user,
+        ...updatedProfileData,
+        id: user?.id || "",
+      });
+
+      toast.success("Profile updated successfully!", { id: toastId });
+      onProfileUpdate(updatedProfileData);
+    } catch (error) {
+      console.error("Error updating profile:", error);
+      toast.error("Failed to update profile.", { id: toastId });
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
-    <section className="-ms-4 flex justify-start gap-10 mb-10">
-      {/* Left Section with Profile Image */}
-      <aside className="w-[40%] h-fit bg-[#F7E8FE] px-5 py-5 rounded-3xl">
-        <p className="font-dmsans text-2xl mb-2 text-[#1E1F21]">
-          Welcome to Profile Page.
-        </p>
-        <p className="font-dmsans text-lg w-[80%] leading-6 pb-3 text-[#1E1F21]">
-          Here, you can manage and update your personal information to ensure
-          that your account reflects your preferences. This is where you can
-          adjust your settings, change your details, and keep your profile
-          up-to-date.
+    <section className="flex flex-col lg:flex-row justify-start gap-8 mb-10">
+      {/* Left Panel */}
+      <aside className="w-full lg:w-[35%] h-fit bg-gradient-to-br from-purple-500/10 to-brand-500/10 dark:from-purple-500/5 dark:to-brand-500/5 border border-theme-primary px-6 py-6 rounded-2xl">
+        <h2 className="font-bold text-xl mb-2 text-theme-primary">
+          Edit Your Profile
+        </h2>
+        <p className="text-sm text-theme-secondary leading-relaxed mb-4">
+          Manage and update your personal information. Your profile details are used
+          in applications submitted to project creators.
         </p>
-        <p className="w-[80%] leading-6 pb-8 text-[#1E1F21]">
-          For selection purposes, certain data you provide here will be required
-          and used in applications submitted to project creators. This may
-          include your name, relevant skills or qualifications, and other
-          necessary details for selection.
+        <p className="text-xs text-theme-tertiary leading-relaxed mb-6">
+          For selection purposes, certain data like your name, skills, and qualifications
+          will be shared with project owners.
         </p>
         <div className="w-full flex justify-center">
           <Image
-            src={"/editProfileIcon.png"} //user?.image! <- This was giving an error while build
-            alt="Profile Icon"
-            height={250}
-            width={250}
-            className="bg-white rounded-full mb-6"
+            src={user?.profilePic || user?.image || "/editProfileIcon.png"}
+            alt="Profile"
+            height={200}
+            width={200}
+            className="rounded-2xl ring-4 ring-theme-primary mb-4"
           />
         </div>
       </aside>
 
-      {/* Main Profile Edit Form */}
-      <main>
+      {/* Form */}
+      <main className="flex-1 space-y-6">
         {/* Full Name */}
-        <p className="text-xl font-medium text-gray-600 mb-6">Full Name</p>
-        <div className="flex gap-5 mb-8">
+        <div>
+          <label className="text-sm font-semibold text-theme-primary mb-2 block">Full Name</label>
+          <div className="flex gap-4">
+            <input
+              type="text"
+              value={firstName}
+              onChange={(e) => setFirstName(e.target.value)}
+              placeholder="First name*"
+              className="flex-1 px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+            />
+            <input
+              type="text"
+              value={lastName}
+              onChange={(e) => setLastName(e.target.value)}
+              placeholder="Last name*"
+              className="flex-1 px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+            />
+          </div>
+        </div>
+
+        {/* Email */}
+        <div>
+          <label className="text-sm font-semibold text-theme-primary mb-2 block">E-mail Address</label>
           <input
-            type="text"
-            value={firstName}
-            onChange={(e) => setFirstName(e.target.value)}
-            placeholder="First name*"
-            className="px-4 py-4 w-[11rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
+            type="email"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+            placeholder="E-mail Address"
+            className="w-full px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
           />
+        </div>
+
+        {/* Institute */}
+        <div>
+          <label className="text-sm font-semibold text-theme-primary mb-2 block">Institute Name</label>
           <input
             type="text"
-            value={lastName}
-            onChange={(e) => setLastName(e.target.value)}
-            placeholder="Last name*"
-            className="px-4 py-4 w-[11rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
+            value={instituteName}
+            onChange={(e) => setInstituteName(e.target.value)}
+            placeholder="Institute name"
+            className="w-full px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
           />
         </div>
 
-        {/* Email */}
-        <p className="text-xl font-medium text-gray-600 mb-6">E-mail Address</p>
-        <input
-          type="email"
-          value={email}
-          onChange={(e) => setEmail(e.target.value)}
-          placeholder="E-mail Address"
-          className="px-4 py-4 w-[40rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
-        />
-
-        {/* Institute */}
-        <p className="text-xl font-medium text-gray-600 my-6">Institute Name</p>
-        <input
-          type="text"
-          value={instituteName}
-          onChange={(e) => setInstituteName(e.target.value)}
-          placeholder="Institute name"
-          className="px-4 py-4 w-[40rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
-        />
-
         {/* Location */}
-        <p className="text-xl font-medium text-gray-600 my-6">Location</p>
-        <input
-          type="text"
-          value={location}
-          onChange={(e) => setLocation(e.target.value)}
-          placeholder="Location (e.g., City, Country)"
-          className="px-4 py-4 w-[40rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
-        />
-
-        {/* Skills */}
-        <p className="text-xl font-medium text-gray-600 my-6">Skills</p>
-        <div className="flex gap-6 mb-6">
+        <div>
+          <label className="text-sm font-semibold text-theme-primary mb-2 block">Location</label>
           <input
             type="text"
-            value={newSkill}
-            onChange={(e) => setNewSkill(e.target.value)}
-            placeholder="Enter Skill"
-            className="px-4 py-4 w-[15rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
+            value={location}
+            onChange={(e) => setLocation(e.target.value)}
+            placeholder="City, Country"
+            className="w-full px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
           />
-          <button
-            onClick={addSkill}
-            className="bg-[#A8A8A8] text-white text-lg font-thin w-[8rem] px-5 py-2 rounded-md hover:font-normal"
-          >
-            Add
-          </button>
         </div>
 
-        {/* Display Skills List */}
-        <div className="flex flex-wrap gap-3">
-          {skills.length > 0 ? (
-            skills.map((item, index) => (
-              <div
-                key={index}
-                className="flex items-center gap-2 bg-gray-200 px-4 py-3 rounded-md"
-              >
-                <span className="text-gray-700 text-xl">{item}</span>
-                <button
-                  onClick={() => removeSkill(index)}
-                  className="rotate-45 bg-white px-2 rounded-full text-gray border border-gray-400 text-2xl text-black"
+        {/* Skills */}
+        <div>
+          <label className="text-sm font-semibold text-theme-primary mb-2 block">Skills</label>
+          <div className="flex gap-3 mb-3">
+            <input
+              type="text"
+              value={newSkill}
+              onChange={(e) => setNewSkill(e.target.value)}
+              onKeyDown={(e) => e.key === "Enter" && (e.preventDefault(), addSkill())}
+              placeholder="Enter a skill"
+              className="flex-1 px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+            />
+            <button
+              type="button"
+              onClick={addSkill}
+              className="flex items-center gap-1 bg-theme-tertiary hover:bg-brand-500/20 text-theme-secondary hover:text-brand-500 px-4 py-2 rounded-xl transition-all duration-200"
+            >
+              <Plus size={16} />
+              Add
+            </button>
+          </div>
+          <div className="flex flex-wrap gap-2">
+            {skills.length > 0 ? (
+              skills.map((item, index) => (
+                <div
+                  key={index}
+                  className="flex items-center gap-1.5 bg-brand-500/10 text-brand-500 dark:text-brand-400 px-3 py-1.5 rounded-full text-sm border border-brand-500/20"
                 >
-                  +
-                </button>
-              </div>
-            ))
-          ) : (
-            <p className="text-gray-500">No skills added yet!</p>
-          )}
+                  <span>{item}</span>
+                  <button
+                    onClick={() => removeSkill(index)}
+                    className="hover:text-red-500 transition-colors"
+                  >
+                    <X size={14} />
+                  </button>
+                </div>
+              ))
+            ) : (
+              <p className="text-sm text-theme-tertiary">No skills added yet</p>
+            )}
+          </div>
         </div>
 
         {/* Social Links */}
-        <p className="text-xl font-medium text-gray-600 my-6">Social Links</p>
-        <input
-          type="url"
-          value={github}
-          onChange={(e) => setGithub(e.target.value)}
-          placeholder="Github URL"
-          className="px-4 py-4 w-[40rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
-        />
-        <input
-          type="url"
-          value={linkedin}
-          onChange={(e) => setLinkedin(e.target.value)}
-          placeholder="LinkedIn URL"
-          className="px-4 py-4 mt-6 w-[40rem] text-xl text-gray-600 font-dmsans border rounded-md border-gray-400 placeholder:text-xl placeholder:text-gray-500"
-        />
-
-        {/* Checkbox Agreement */}
-        <div className="flex justify-start items-center gap-3 my-6">
+        <div>
+          <label className="text-sm font-semibold text-theme-primary mb-2 block">Social Links</label>
+          <div className="space-y-3">
+            <input
+              type="url"
+              value={github}
+              onChange={(e) => setGithub(e.target.value)}
+              placeholder="GitHub URL"
+              className="w-full px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+            />
+            <input
+              type="url"
+              value={linkedin}
+              onChange={(e) => setLinkedin(e.target.value)}
+              placeholder="LinkedIn URL"
+              className="w-full px-4 py-3 text-sm bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+            />
+          </div>
+        </div>
+
+        {/* Checkbox */}
+        <div className="flex items-center gap-3">
           <input
             type="checkbox"
             checked={isChecked}
             onChange={() => setIsChecked(!isChecked)}
-            className="size-4"
+            className="w-4 h-4 rounded accent-brand-500"
           />
-          <p className="text-lg text-gray-500">
-            I hereby certify that, to the best of my knowledge, the provided
-            information is true and accurate.
+          <p className="text-sm text-theme-secondary">
+            I hereby certify that the provided information is true and accurate.
           </p>
         </div>
 
-        {/* Submit Button */}
+        {/* Submit */}
         <button
-          className={`text-xl font-dmsans ${
-            isChecked ? "bg-[#004AAD]" : "bg-[#65a8ff]"
-          } text-white px-5 py-3 rounded-md font-light`}
+          className={`px-8 py-3 rounded-xl text-white font-medium transition-all duration-200 active:scale-[0.98] ${
+            isChecked && !isSubmitting
+              ? "bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 shadow-md hover:shadow-lg"
+              : "bg-gray-400 dark:bg-gray-600 cursor-not-allowed"
+          }`}
           onClick={handleSubmit}
-          disabled={!isChecked}
+          disabled={!isChecked || isSubmitting}
         >
-          Submit
+          {isSubmitting ? "Saving..." : "Save Profile"}
         </button>
       </main>
     </section>
diff --git a/app/(root)/components/ProfileCard.tsx b/app/(root)/components/ProfileCard.tsx
index 8d0e061..1792939 100644
--- a/app/(root)/components/ProfileCard.tsx
+++ b/app/(root)/components/ProfileCard.tsx
@@ -4,60 +4,101 @@ import Badge from "./Badge";
 import Signature from "./Signature";
 import { FaGithub, FaLinkedin } from "react-icons/fa";
 import { User } from "@/app/types/user";
+import { MapPin, Building, Code2, Trophy } from "lucide-react";
 
 const ProfileCard = ({ profileData }: { profileData: User }) => {
   return (
-    <div className="border border-[#9a8989] rounded-lg">
+    <div className="w-full glass-card overflow-hidden gradient-border">
       <div className="md:flex md:flex-1">
-        <div className="w-full md:w-1/3 md:border-r-2 border-gray-300">
+        {/* Left: Badge + Signature */}
+        <div className="w-full md:w-1/3 md:border-r border-theme-primary flex flex-col items-center py-6">
           <Badge title="S" color="yellow" />
           <Signature />
         </div>
-        <section className="w-full md:w-2/3 px-6 py-4">
-          <p className="text-3xl font-dmsans text-[#717171] py-2">
-            {profileData.name}
-          </p>
-          <div className="my-3">
-            <span className="text-xl font-dmsans text-[#717171] font-bold pe-2 py-4">
-              Projects Completed:
-            </span>
-            <span className="text-xl text-[#717171] font-dmsans">68</span>
-          </div>
-          <div className="my-3">
-            <span className="text-xl font-dmsans text-[#717171] font-bold pe-2 py-4">
-              Location:
-            </span>
-            <span className="text-xl text-[#717171] font-dmsans">
-              {profileData.location}
-            </span>
-          </div>
-          <div className="my-3">
-            <span className="text-xl font-dmsans text-[#717171] font-bold pe-2 py-4">
-              Institute:
-            </span>
-            <p className="text-xl text-[#717171] font-dmsans">
-              {profileData.collegeDetails?.name}
-            </p>
-          </div>
-          <div className="my-3">
-            <span className="text-xl font-dmsans text-[#717171] font-bold pe-2 py-4">
-              Skills:
-            </span>
-            <span className="text-xl text-[#717171] font-dmsans">
-              {profileData.skills}
-            </span>
+
+        {/* Right: Info */}
+        <section className="w-full md:w-2/3 px-6 py-6">
+          <h2 className="text-2xl font-bold text-theme-primary mb-4">
+            {profileData.name || `${profileData.firstName} ${profileData.lastName}`}
+          </h2>
+
+          <div className="space-y-3">
+            <div className="flex items-center gap-3">
+              <Trophy size={16} className="text-amber-500 flex-shrink-0" />
+              <div>
+                <span className="text-sm font-semibold text-theme-secondary">Projects Completed: </span>
+                <span className="text-sm text-theme-primary font-bold">
+                  {profileData.projectsCompleted ?? 0}
+                </span>
+              </div>
+            </div>
+
+            <div className="flex items-center gap-3">
+              <MapPin size={16} className="text-brand-500 flex-shrink-0" />
+              <div>
+                <span className="text-sm font-semibold text-theme-secondary">Location: </span>
+                <span className="text-sm text-theme-primary">{profileData.location || "Not set"}</span>
+              </div>
+            </div>
+
+            <div className="flex items-start gap-3">
+              <Building size={16} className="text-purple-500 flex-shrink-0 mt-0.5" />
+              <div>
+                <span className="text-sm font-semibold text-theme-secondary">Institute: </span>
+                <span className="text-sm text-theme-primary">
+                  {profileData.collegeDetails?.name || "Not set"}
+                </span>
+              </div>
+            </div>
+
+            <div className="flex items-start gap-3">
+              <Code2 size={16} className="text-green-500 flex-shrink-0 mt-0.5" />
+              <div>
+                <span className="text-sm font-semibold text-theme-secondary">Skills: </span>
+                <div className="flex flex-wrap gap-1.5 mt-1">
+                  {profileData.skills && profileData.skills.length > 0 ? (
+                    profileData.skills.map((skill, i) => (
+                      <span
+                        key={i}
+                        className="text-xs px-2 py-0.5 rounded-full bg-brand-500/10 text-brand-500 dark:text-brand-400 border border-brand-500/20"
+                      >
+                        {skill}
+                      </span>
+                    ))
+                  ) : (
+                    <span className="text-sm text-theme-tertiary">No skills added</span>
+                  )}
+                </div>
+              </div>
+            </div>
           </div>
 
-          <div className="flex gap-5 items-center">
-            <span className="text-xl font-dmsans text-[#717171] font-bold pe-2 py-4">
-              Other Accounts:
-            </span>
-            <a href={profileData.github} target="_blank">
-              <FaGithub size={40} />
-            </a>
-            <a href={profileData.linkedin} target="_blank">
-              <FaLinkedin size={40} color="#0077B5" />
-            </a>
+          {/* Social Links */}
+          <div className="flex items-center gap-3 mt-5 pt-4 border-t border-theme-primary">
+            <span className="text-sm font-semibold text-theme-secondary">Socials:</span>
+            {profileData.github && (
+              <a
+                href={profileData.github}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-secondary hover:text-theme-primary transition-colors"
+              >
+                <FaGithub size={20} />
+              </a>
+            )}
+            {profileData.linkedin && (
+              <a
+                href={profileData.linkedin}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="p-2 rounded-lg hover:bg-theme-tertiary text-blue-500 hover:text-blue-400 transition-colors"
+              >
+                <FaLinkedin size={20} />
+              </a>
+            )}
+            {!profileData.github && !profileData.linkedin && (
+              <span className="text-sm text-theme-tertiary">No links added</span>
+            )}
           </div>
         </section>
       </div>
diff --git a/app/(root)/components/SignInButton.tsx b/app/(root)/components/SignInButton.tsx
index 84ef738..b2243f0 100644
--- a/app/(root)/components/SignInButton.tsx
+++ b/app/(root)/components/SignInButton.tsx
@@ -7,7 +7,7 @@ export default function SignInButton() {
 
   if (status === "loading") {
     return (
-      <button className="bg-gray-400 text-white font-lato px-4 py-2 rounded-md cursor-not-allowed">
+      <button className="px-4 py-2 rounded-lg text-sm font-medium bg-theme-tertiary text-theme-tertiary cursor-not-allowed animate-pulse">
         Loading...
       </button>
     );
@@ -19,7 +19,7 @@ export default function SignInButton() {
 
   return (
     <button
-      className="bg-[#A50000] text-white font-lato px-4 py-2 rounded-md hover:bg-[#840000] transition-colors duration-300 transform active:scale-95"
+      className="bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 shadow-md hover:shadow-lg active:scale-[0.98]"
       onClick={() => signIn("google")}
     >
       Sign in with Google
diff --git a/app/(root)/components/SignOutButton.tsx b/app/(root)/components/SignOutButton.tsx
index 5dd5c20..8de42c8 100644
--- a/app/(root)/components/SignOutButton.tsx
+++ b/app/(root)/components/SignOutButton.tsx
@@ -2,14 +2,15 @@
 
 import { signOut } from "next-auth/react";
 import { useSession } from "next-auth/react";
+import { LogOut } from "lucide-react";
 
 export default function SignOutButton() {
   const { status } = useSession();
 
   if (status === "loading") {
     return (
-      <button className="bg-gray-400 text-white font-lato px-4 py-2 rounded-md cursor-not-allowed">
-        Loading...
+      <button className="px-3 py-2 rounded-lg text-sm bg-theme-tertiary text-theme-tertiary cursor-not-allowed animate-pulse">
+        ...
       </button>
     );
   }
@@ -20,10 +21,12 @@ export default function SignOutButton() {
 
   return (
     <button
-      className="bg-[#A50000] text-white font-lato px-4 py-2 rounded-md hover:bg-[#840000] transition-colors duration-300 transform active:scale-95"
+      className="flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium text-theme-secondary hover:bg-red-500/10 hover:text-red-500 dark:hover:text-red-400 transition-all duration-200"
       onClick={() => signOut()}
+      title="Sign out"
     >
-      Sign out
+      <LogOut size={16} />
+      <span className="hidden md:inline">Sign out</span>
     </button>
   );
 }
diff --git a/app/(root)/components/Signature.tsx b/app/(root)/components/Signature.tsx
index 1445757..b42a82f 100644
--- a/app/(root)/components/Signature.tsx
+++ b/app/(root)/components/Signature.tsx
@@ -2,6 +2,7 @@
 
 import Image from "next/image";
 import React, { useState } from "react";
+import { Upload, ImageIcon } from "lucide-react";
 
 const SignatureCard = () => {
   const [image, setImage] = useState<string | null>(null);
@@ -16,30 +17,32 @@ const SignatureCard = () => {
   };
 
   return (
-    <div className="flex flex-col items-center p-6 bg-white rounded-lg">
-      {/* Image Preview */}
+    <div className="flex flex-col items-center p-4">
       {image ? (
         <Image
           src={image}
           alt="Signature Preview"
-          className="w-full  object-contain  mb-4"
+          width={200}
+          height={100}
+          className="w-full object-contain mb-4 rounded-lg"
         />
       ) : (
-        <div className="w-full  text-center  mb-6 text-gray-500">
-          <p className=""> No Signature Selected</p>
+        <div className="w-full flex flex-col items-center justify-center py-6 mb-4 text-theme-tertiary">
+          <ImageIcon size={24} className="mb-1" />
+          <p className="text-sm">No signature</p>
         </div>
       )}
 
-      {/* File Input & Upload Button */}
-      <label className="w-full flex flex-col items-center">
+      <label className="w-full flex flex-col items-center cursor-pointer">
         <input
           type="file"
           accept="image/*"
           onChange={handleImageUpload}
           className="hidden"
         />
-        <div className="text-xl font-dmsans bg-[#004AAD] text-center text-white w-[70%] py-2 rounded-md font-light">
-          Upload
+        <div className="flex items-center gap-2 text-sm font-medium bg-gradient-to-r from-brand-500 to-purple-600 text-white text-center w-[70%] py-2 rounded-lg hover:from-brand-600 hover:to-purple-700 transition-all duration-200">
+          <Upload size={14} className="ml-auto" />
+          <span className="mr-auto">Upload</span>
         </div>
       </label>
     </div>
diff --git a/app/(root)/dashboard/UserProject.tsx b/app/(root)/dashboard/UserProject.tsx
index fddfdb5..729bac8 100644
--- a/app/(root)/dashboard/UserProject.tsx
+++ b/app/(root)/dashboard/UserProject.tsx
@@ -1,316 +1,134 @@
 "use client";
-
-import React, { useState } from 'react';
-import { IoLocationOutline } from "react-icons/io5";
-const projects = [
-    {
-        id: 1,
-        title: "E-Commerce Website",
-        domain: "Web Development",
-        location: "Pccoer Ravet",
-        description:
-            "A full-stack e-commerce website with authentication and payment integration. s ",
-    },
-    {
-        id: 2,
-        title: "AI Chatbot",
-        domain: "Machine Learning",
-        location: "MIT Pune",
-        description:
-            "A chatbot powered by AI to assist with customer queries and automate responses. It uses NLP to understand user intent, providing instant and accurate replies. The chatbot integrates with multiple platforms like websites and messaging apps, helping businesses reduce response time and improve customer engagement through continuous learning and smart recommendations.",
-    },
-    {
-        id: 3,
-        title: "IoT Smart Home",
-        domain: "Internet of Things",
-        location: "COEP Pune",
-        description:
-            "An IoT-based smart home system to control and monitor devices remotely. It enables users to automate lighting, security cameras, and appliances using a mobile app. With real-time data analytics and voice assistant integration, the system enhances convenience, energy efficiency, and security while allowing remote access and control from anywhere in the world.",
-    },
-];
-
-
-// Define the Project type
-interface Project {
-    id: number;
-    title: string;
-    domain: string;
-    location: string;
-    description: string;
+import React, { useEffect, useState, useCallback } from "react";
+import axios from "axios";
+import useAuthStore from "@/app/store/useAuthStore";
+import { FolderOpen, ExternalLink, Plus } from "lucide-react";
+import Link from "next/link";
+import { motion } from "framer-motion";
+
+interface SimpleProject {
+  _id: string;
+  title: string;
+  description?: string;
+  domains?: string[];
+  location?: string;
 }
 
 const UserProject = () => {
-
-    const openModal = (project: Project) => {
-        setProject(project);
-        setIsModalOpen(true);
-    };
-
-    const [isModalOpen, setIsModalOpen] = useState(false); // Modal state
-    const [isFormOpen, setIsFormOpen] = useState(false); // Form state
-    const [project, setProject] = useState<Project>()
-    return (
-        <div className=" p-1 w-full ">
-            {projects.map((project) => (
-                <div
-                    key={project?.id}
-                    className="w-full max-h-[35%] py-5 mb-5 rounded-lg border-slate-200 border px-14 bg-white"
-                >
-                    <div className="flex justify-between items-center">
-                        <div className="flex justify-center items-center">
-                            <div className="relative w-[81px] h-[83px] flex items-center justify-center">
-                                {/* Background Rectangle */}
-                                <svg
-                                    width="81"
-                                    height="83"
-                                    viewBox="0 0 81 83"
-                                    fill="none"
-                                    xmlns="http://www.w3.org/2000/svg"
-                                >
-                                    <rect
-                                        x="0.5"
-                                        y="0.5"
-                                        width="80"
-                                        height="82"
-                                        fill="#FEF9E8"
-                                        stroke="#F2AF04"
-                                    />
-                                </svg>
-
-                                {/* "S" Character SVG Positioned in Center */}
-                                <svg
-                                    width="25"
-                                    height="37"
-                                    viewBox="0 0 25 37"
-                                    fill="none"
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    className="absolute"
-                                >
-                                    <path
-                                        d="M12.9 36.6C10.3333 36.6 8.1 36.1333 6.2 35.2C4.3 34.2667 2.83333 32.9667 1.8 31.3C0.766667 29.6333 0.25 27.7 0.25 25.5H4.65C4.65 26.8667 4.96667 28.1333 5.6 29.3C6.23333 30.4333 7.15 31.35 8.35 32.05C9.58333 32.7167 11.1 33.05 12.9 33.05C14.4667 33.05 15.8 32.8 16.9 32.3C18.0333 31.7667 18.8833 31.05 19.45 30.15C20.05 29.25 20.35 28.2333 20.35 27.1C20.35 25.7333 20.05 24.6333 19.45 23.8C18.8833 22.9333 18.1 22.2333 17.1 21.7C16.1 21.1667 14.9333 20.7 13.6 20.3C12.3 19.8667 10.9333 19.4167 9.5 18.95C6.73333 18.0167 4.7 16.85 3.4 15.45C2.1 14.05 1.45 12.2333 1.45 10C1.45 8.1 1.88333 6.43333 2.75 5C3.65 3.56667 4.91667 2.45 6.55 1.65C8.21667 0.816666 10.1833 0.399999 12.45 0.399999C14.6833 0.399999 16.6167 0.816666 18.25 1.65C19.9167 2.48333 21.2167 3.63333 22.15 5.1C23.0833 6.53333 23.55 8.2 23.55 10.1H19.15C19.15 9.13333 18.9 8.18333 18.4 7.25C17.9 6.31666 17.1333 5.55 16.1 4.95C15.1 4.31666 13.8333 4 12.3 4C11.0333 3.96666 9.9 4.18333 8.9 4.65C7.93333 5.08333 7.16667 5.71667 6.6 6.55C6.06667 7.38333 5.8 8.4 5.8 9.6C5.8 10.7333 6.03333 11.65 6.5 12.35C7 13.05 7.7 13.65 8.6 14.15C9.53333 14.6167 10.6167 15.05 11.85 15.45C13.0833 15.85 14.45 16.3 15.95 16.8C17.65 17.3667 19.15 18.0667 20.45 18.9C21.7833 19.7 22.8167 20.7333 23.55 22C24.3167 23.2667 24.7 24.8833 24.7 26.85C24.7 28.5167 24.25 30.1 23.35 31.6C22.4833 33.0667 21.1833 34.2667 19.45 35.2C17.7167 36.1333 15.5333 36.6 12.9 36.6Z"
-                                        fill="#F2AF04"
-                                    />
-                                </svg>
-                            </div>
-                            <div className="py-4 px-8">
-                                <div className="text-3xl">{project.title}</div>
-                                <div className="flex text-sm py-2 gap-5">
-                                    <div>
-                                        Domains :{" "}
-                                        <span className="text-[#c0c0c0]">{project.domain}</span>
-                                    </div>
-                                    <div className="text-[#c0c0c0] flex gap-1 items-center"><IoLocationOutline />{project.location}</div>
-                                </div>
-                            </div>
-                        </div>
-                        <div className="flex flex-col gap-5">
-                            <button className="bg-green-500 text-white px-3 py-2 rounded-lg hover:bg-green-600 transition">
-                                Join Meet
-                            </button>
-                            <button
-                                onClick={() => openModal(project)}
-                                className=" border-slate-300 border px-3 py-2 rounded-lg ">
-                                View Details
-                            </button>
-                        </div>
-                    </div>
-
-                </div>
-            ))}
-            <div className="flex justify-center">
-                <button
-                    onClick={() => setIsFormOpen(true)}
-                    className="bg-blue-500 text-white px-6 py-2 rounded-lg  transition">
-                    Create new Project
-                </button>
-            </div>
-
-            {/* Modal */}
-            {isModalOpen && project && (
-                <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-20">
-                    <div className="p-5 h-[90%] text-sm w-[50%] bg-[#eaeaea]">
-                        <div
-                            key={project.id}
-                            className=" py-5 h-full  w-full mb-5 rounded-lg shadow-md px-14 bg-white"
-                        >
-                            <div className="flex justify-between items-center">
-                                <div className="flex justify-center items-center">
-                                    <div className="relative w-[81px] h-[83px] flex items-center justify-center">
-                                        {/* Background Rectangle */}
-                                        <svg
-                                            width="81"
-                                            height="83"
-                                            viewBox="0 0 81 83"
-                                            fill="none"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                        >
-                                            <rect
-                                                x="0.5"
-                                                y="0.5"
-                                                width="80"
-                                                height="82"
-                                                fill="#FEF9E8"
-                                                stroke="#F2AF04"
-                                            />
-                                        </svg>
-
-                                        {/* "S" Character SVG Positioned in Center */}
-                                        <svg
-                                            width="25"
-                                            height="37"
-                                            viewBox="0 0 25 37"
-                                            fill="none"
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            className="absolute"
-                                        >
-                                            <path
-                                                d="M12.9 36.6C10.3333 36.6 8.1 36.1333 6.2 35.2C4.3 34.2667 2.83333 32.9667 1.8 31.3C0.766667 29.6333 0.25 27.7 0.25 25.5H4.65C4.65 26.8667 4.96667 28.1333 5.6 29.3C6.23333 30.4333 7.15 31.35 8.35 32.05C9.58333 32.7167 11.1 33.05 12.9 33.05C14.4667 33.05 15.8 32.8 16.9 32.3C18.0333 31.7667 18.8833 31.05 19.45 30.15C20.05 29.25 20.35 28.2333 20.35 27.1C20.35 25.7333 20.05 24.6333 19.45 23.8C18.8833 22.9333 18.1 22.2333 17.1 21.7C16.1 21.1667 14.9333 20.7 13.6 20.3C12.3 19.8667 10.9333 19.4167 9.5 18.95C6.73333 18.0167 4.7 16.85 3.4 15.45C2.1 14.05 1.45 12.2333 1.45 10C1.45 8.1 1.88333 6.43333 2.75 5C3.65 3.56667 4.91667 2.45 6.55 1.65C8.21667 0.816666 10.1833 0.399999 12.45 0.399999C14.6833 0.399999 16.6167 0.816666 18.25 1.65C19.9167 2.48333 21.2167 3.63333 22.15 5.1C23.0833 6.53333 23.55 8.2 23.55 10.1H19.15C19.15 9.13333 18.9 8.18333 18.4 7.25C17.9 6.31666 17.1333 5.55 16.1 4.95C15.1 4.31666 13.8333 4 12.3 4C11.0333 3.96666 9.9 4.18333 8.9 4.65C7.93333 5.08333 7.16667 5.71667 6.6 6.55C6.06667 7.38333 5.8 8.4 5.8 9.6C5.8 10.7333 6.03333 11.65 6.5 12.35C7 13.05 7.7 13.65 8.6 14.15C9.53333 14.6167 10.6167 15.05 11.85 15.45C13.0833 15.85 14.45 16.3 15.95 16.8C17.65 17.3667 19.15 18.0667 20.45 18.9C21.7833 19.7 22.8167 20.7333 23.55 22C24.3167 23.2667 24.7 24.8833 24.7 26.85C24.7 28.5167 24.25 30.1 23.35 31.6C22.4833 33.0667 21.1833 34.2667 19.45 35.2C17.7167 36.1333 15.5333 36.6 12.9 36.6Z"
-                                                fill="#F2AF04"
-                                            />
-                                        </svg>
-                                    </div>
-
-                                    <div className="py-4 px-8">
-                                        <div className="text-3xl">{project.title}</div>
-                                        <div className="flex text-sm py-2 gap-5">
-                                            <div>
-                                                Domains :
-                                                <span className="text-[#c0c0c0]">{project.domain}</span>
-                                            </div>
-                                            <div className="text-[#c0c0c0]">{project.location}</div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div className="flex flex-col gap-5">
-                                    <button className="bg-green-500 text-white px-3 py-2 rounded-lg hover:bg-green-600 transition">
-                                        Join Meet
-                                    </button>
-                                    <button
-                                        onClick={() => setIsModalOpen(false)}
-                                        className=" border-slate-300 border px-3 py-2 rounded-lg ">
-                                        Go Back
-                                    </button>
-                                </div>
-                            </div>
-                            <hr className="my-2 border-gray-300" />
-                            <div className="py-2">
-                                <div className="font-semibold">Description:</div>
-                                <p className="text-[#7b7a7a] overflow-clip px-4 ">
-                                    {project.description}
-                                </p>
-                            </div>
-                            <div className="py-2">
-                                <div className="font-semibold">Minimum Requirements :</div>
-                                <p className="text-[#7b7a7a] overflow-clip px-4 ">
-                                    {project.description}
-                                </p>
-                            </div>
-                            <div className="py-2">
-                                <div className="font-semibold">Possible Responsibilities :</div>
-                                <p className="text-[#7b7a7a] overflow-clip px-4 ">
-                                    {project.description}
-                                </p>
-                            </div>
-
-                            {/* {Teammates} */}
-
-                            <div className="h-28 w-24 bg-slate-200 rounded-lg flex flex-col items-center justify-center">
-                                <div className="relative w-[42px] h-[42px] flex items-center justify-center">
-                                    {/* Background Rectangle */}
-                                    <svg
-                                        width="81"
-                                        height="83"
-                                        viewBox="0 0 81 83"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                    >
-                                        <rect
-                                            x="0.5"
-                                            y="0.5"
-                                            width="80"
-                                            height="82"
-                                            fill="#FEF9E8"
-                                            stroke="#F2AF04"
-                                        />
-                                    </svg>
-
-                                    {/* "S" Character SVG Positioned in Center */}
-                                    <svg
-                                        width="25"
-                                        height="37"
-                                        viewBox="0 0 25 37"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        className="absolute"
-                                    >
-                                        <path
-                                            d="M12.9 36.6C10.3333 36.6 8.1 36.1333 6.2 35.2C4.3 34.2667 2.83333 32.9667 1.8 31.3C0.766667 29.6333 0.25 27.7 0.25 25.5H4.65C4.65 26.8667 4.96667 28.1333 5.6 29.3C6.23333 30.4333 7.15 31.35 8.35 32.05C9.58333 32.7167 11.1 33.05 12.9 33.05C14.4667 33.05 15.8 32.8 16.9 32.3C18.0333 31.7667 18.8833 31.05 19.45 30.15C20.05 29.25 20.35 28.2333 20.35 27.1C20.35 25.7333 20.05 24.6333 19.45 23.8C18.8833 22.9333 18.1 22.2333 17.1 21.7C16.1 21.1667 14.9333 20.7 13.6 20.3C12.3 19.8667 10.9333 19.4167 9.5 18.95C6.73333 18.0167 4.7 16.85 3.4 15.45C2.1 14.05 1.45 12.2333 1.45 10C1.45 8.1 1.88333 6.43333 2.75 5C3.65 3.56667 4.91667 2.45 6.55 1.65C8.21667 0.816666 10.1833 0.399999 12.45 0.399999C14.6833 0.399999 16.6167 0.816666 18.25 1.65C19.9167 2.48333 21.2167 3.63333 22.15 5.1C23.0833 6.53333 23.55 8.2 23.55 10.1H19.15C19.15 9.13333 18.9 8.18333 18.4 7.25C17.9 6.31666 17.1333 5.55 16.1 4.95C15.1 4.31666 13.8333 4 12.3 4C11.0333 3.96666 9.9 4.18333 8.9 4.65C7.93333 5.08333 7.16667 5.71667 6.6 6.55C6.06667 7.38333 5.8 8.4 5.8 9.6C5.8 10.7333 6.03333 11.65 6.5 12.35C7 13.05 7.7 13.65 8.6 14.15C9.53333 14.6167 10.6167 15.05 11.85 15.45C13.0833 15.85 14.45 16.3 15.95 16.8C17.65 17.3667 19.15 18.0667 20.45 18.9C21.7833 19.7 22.8167 20.7333 23.55 22C24.3167 23.2667 24.7 24.8833 24.7 26.85C24.7 28.5167 24.25 30.1 23.35 31.6C22.4833 33.0667 21.1833 34.2667 19.45 35.2C17.7167 36.1333 15.5333 36.6 12.9 36.6Z"
-                                            fill="#F2AF04"
-                                        />
-                                    </svg>
-                                </div>
-
-                                <div>Rohit Tare</div>
-                                <button
-                                    onClick={() => setIsModalOpen(false)}
-                                    className="  bg-red-600 border px-2   ">
-                                    Kick Out
-                                </button>
-
-                            </div>
+  const { user } = useAuthStore();
+  const [createdProjects, setCreatedProjects] = useState<SimpleProject[]>([]);
+  const [joinedProjects, setJoinedProjects] = useState<SimpleProject[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [tab, setTab] = useState<"created" | "joined">("created");
+
+  const fetchProjects = useCallback(async () => {
+    if (!user?.id) return;
+    setLoading(true);
+    try {
+      const [createdRes, joinedRes] = await Promise.all([
+        axios.get(`${process.env.NEXT_PUBLIC_CLIENT_URL}/api/list/created/${user.id}`),
+        axios.get(`${process.env.NEXT_PUBLIC_CLIENT_URL}/api/list/joined/${user.id}`),
+      ]);
+      setCreatedProjects(createdRes.data);
+      setJoinedProjects(joinedRes.data);
+    } catch (error) {
+      console.error("Error fetching user projects:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, [user?.id]);
+
+  useEffect(() => {
+    fetchProjects();
+  }, [fetchProjects]);
+
+  const projects = tab === "created" ? createdProjects : joinedProjects;
+
+  return (
+    <div>
+      {/* Sub-tabs */}
+      <div className="flex gap-2 mb-4">
+        <button
+          onClick={() => setTab("created")}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-all ${
+            tab === "created"
+              ? "bg-brand-500/10 text-brand-500 dark:text-brand-400"
+              : "text-theme-secondary hover:bg-theme-tertiary"
+          }`}
+        >
+          Created ({createdProjects.length})
+        </button>
+        <button
+          onClick={() => setTab("joined")}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-all ${
+            tab === "joined"
+              ? "bg-brand-500/10 text-brand-500 dark:text-brand-400"
+              : "text-theme-secondary hover:bg-theme-tertiary"
+          }`}
+        >
+          Joined ({joinedProjects.length})
+        </button>
+      </div>
+
+      {loading ? (
+        <div className="space-y-3">
+          {[1, 2].map((i) => (
+            <div key={i} className="h-20 skeleton rounded-xl" />
+          ))}
+        </div>
+      ) : projects.length === 0 ? (
+        <div className="glass-card p-8 text-center">
+          <FolderOpen size={32} className="text-theme-tertiary mx-auto mb-3" />
+          <p className="text-theme-secondary text-sm mb-3">
+            {tab === "created" ? "No projects created yet" : "No projects joined yet"}
+          </p>
+          {tab === "created" && user?.id && (
+            <Link
+              href={`/project/create/${user.id}`}
+              className="inline-flex items-center gap-1.5 text-sm font-medium text-brand-500 dark:text-brand-400 hover:text-brand-600 transition-colors"
+            >
+              <Plus size={14} />
+              Create your first project
+            </Link>
+          )}
+        </div>
+      ) : (
+        <div className="space-y-3">
+          {projects.map((project, i) => (
+            <motion.div
+              key={project._id}
+              initial={{ opacity: 0, y: 8 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: i * 0.05 }}
+            >
+              <Link href={`/project/${project._id}`}>
+                <div className="glass-card p-4 hover:border-brand-500/30 transition-all duration-200 cursor-pointer">
+                  <div className="flex items-start justify-between gap-3">
+                    <div className="flex-1 min-w-0">
+                      <h3 className="text-sm font-semibold text-theme-primary truncate">{project.title}</h3>
+                      {project.description && (
+                        <p className="text-xs text-theme-tertiary line-clamp-1 mt-0.5">{project.description}</p>
+                      )}
+                      {project.domains && project.domains.length > 0 && (
+                        <div className="flex flex-wrap gap-1 mt-2">
+                          {project.domains.map((d, di) => (
+                            <span key={di} className="text-[10px] px-2 py-0.5 rounded-full bg-brand-500/10 text-brand-500 dark:text-brand-400 border border-brand-500/20">
+                              {d}
+                            </span>
+                          ))}
                         </div>
+                      )}
                     </div>
+                    <ExternalLink size={14} className="text-theme-tertiary flex-shrink-0 mt-1" />
+                  </div>
                 </div>
-            )}
-
-            {isFormOpen && (
-                <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50 backdrop-blur-sm">
-                    <form className="p-6 rounded-lg h-auto max-h-[90%] text-sm w-full max-w-xl bg-white shadow-xl border border-gray-300 overflow-y-auto">
-                        <h2 className="text-lg font-semibold mb-4 text-center">Project Details</h2>
-
-                        <label className="block mb-2 font-medium">Project Title</label>
-                        <input type="text" className="w-full p-2 border rounded mb-4 focus:ring focus:ring-green-300" placeholder="Enter project title" />
-
-                        <label className="block mb-2 font-medium">Description</label>
-                        <textarea className="w-full p-2 border rounded mb-4 focus:ring focus:ring-green-300" placeholder="Enter project description"></textarea>
-
-                        <label className="block mb-2 font-medium">Requirement</label>
-                        <textarea className="w-full p-2 border rounded mb-4 focus:ring focus:ring-green-300" placeholder="Enter requirements"></textarea>
-
-                        <label className="block mb-2 font-medium">Responsibility</label>
-                        <textarea className="w-full p-2 border rounded mb-4 focus:ring focus:ring-green-300" placeholder="Enter responsibilities"></textarea>
-
-                        <label className="block mb-2 font-medium">Duration</label>
-                        <input type="text" className="w-full p-2 border rounded mb-4 focus:ring focus:ring-green-300" placeholder="Enter duration" />
-
-                        <label className="block mb-2 font-medium">Institution</label>
-                        <input type="text" className="w-full p-2 border rounded mb-4 focus:ring focus:ring-green-300" placeholder="Enter institution name" />
-
-                        <label className="block mb-2 font-medium">Domain</label>
-                        <div className="flex flex-wrap gap-4 mb-4">
-                            <label className="flex items-center">
-                                <input type="checkbox" className="mr-2" /> Web Development
-                            </label>
-                            <label className="flex items-center">
-                                <input type="checkbox" className="mr-2" /> AI/ML
-                            </label>
-                            <label className="flex items-center">
-                                <input type="checkbox" className="mr-2" /> Data Science
-                            </label>
-                            <label className="flex items-center">
-                                <input type="checkbox" className="mr-2" /> Cybersecurity
-                            </label>
-                        </div>
-
-                        <button className="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600 transition w-full mt-4">
-                            Submit
-                        </button>
-                    </form>
-                </div>
-            )}
-
+              </Link>
+            </motion.div>
+          ))}
         </div>
-    )
-}
+      )}
+    </div>
+  );
+};
 
-export default UserProject
+export default UserProject;
diff --git a/app/(root)/dashboard/page.tsx b/app/(root)/dashboard/page.tsx
index bc6f797..a6b2c5c 100644
--- a/app/(root)/dashboard/page.tsx
+++ b/app/(root)/dashboard/page.tsx
@@ -1,50 +1,62 @@
+"use client";
 import React from "react";
 import TabsComponent2 from "../TabsComponent2";
 import TableComponent from "../TableComponent";
 import UserProject from "./UserProject";
-import Image from "next/image";
+import useAuthStore from "@/app/store/useAuthStore";
+import { motion } from "framer-motion";
+import { LayoutDashboard, Sparkles } from "lucide-react";
 
-// Tab contents with table components
 const tabContents = [
-  <TableComponent key={Math.random()} />,
-  <UserProject key={Math.random()} />,
+  <TableComponent key="announcements-tab" />,
+  <UserProject key="projects-tab" />,
 ];
 
-const page = () => {
-  const tabTitles = ["Announcements (10)", "Projects(02)"];
+const Page = () => {
+  const { user } = useAuthStore();
+  const tabTitles = ["Announcements", "Projects"];
+
   return (
-    <div className="px-28 py-6 ">
-      <div className="text-3xl font-dmsans">Hello, Rohit!</div>
-      <div className="bg-[#E8FEE9] mt-4 mb-10 w-full md:w-[90%]  rounded-2xl p-6 flex flex-col gap-6 md:flex-row items-center md:justify-between shadow-md">
-        <div className="max-w-4xl">
-          <h2 className="text-2xl ">Welcome to User Dashboard.</h2>
-          <p className="text-gray-700 mt-2">
-            Here, you can stay up-to-date with all the latest notifications and
-            announcements related to your selected projects. Get real-time
-            updates, important alerts, and stay informed about key developments
-            and opportunities. Keep everything at your fingertips and never miss
-            an important detail about your ongoing collaborations.
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="text-3xl font-bold text-theme-primary mb-6"
+      >
+        Hello, {user?.firstName || "Developer"}!
+      </motion.div>
+
+      <motion.div
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.1 }}
+        className="glass-card bg-gradient-to-r from-green-500/5 to-emerald-500/5 dark:from-green-500/10 dark:to-emerald-500/10 mt-2 mb-8 w-full lg:w-[90%] p-6 flex flex-col gap-4 md:flex-row items-center md:justify-between"
+      >
+        <div className="flex-1">
+          <div className="flex items-center gap-2 mb-2">
+            <Sparkles size={18} className="text-green-500" />
+            <h2 className="text-lg font-semibold text-theme-primary">Welcome to your Dashboard</h2>
+          </div>
+          <p className="text-sm text-theme-secondary leading-relaxed max-w-xl">
+            Stay up-to-date with notifications and announcements for your projects.
+            Get real-time updates, important alerts, and never miss key developments.
           </p>
         </div>
-        <div className="w-32 h-32 flex-shrink-0">
-          <Image
-            src="/image.png"
-            alt=""
-            width={150}
-            height={150}
-            className="bg-white rounded-xl"
-          />
+        <div className="w-16 h-16 rounded-2xl bg-green-500/10 flex items-center justify-center flex-shrink-0">
+          <LayoutDashboard size={28} className="text-green-500" />
         </div>
-      </div>
+      </motion.div>
 
-      <div className="text-4xl mb-6">Dashboard</div>
-      <TabsComponent2
-        key={Math.random()}
-        tabTitles={tabTitles}
-        tabContents={tabContents}
-      />
+      <motion.div
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.2 }}
+      >
+        <h2 className="text-2xl font-bold text-theme-primary mb-4">Dashboard</h2>
+        <TabsComponent2 tabTitles={tabTitles} tabContents={tabContents} />
+      </motion.div>
     </div>
   );
 };
 
-export default page;
+export default Page;
diff --git a/app/(root)/feedback/page.tsx b/app/(root)/feedback/page.tsx
index f19662a..aab362e 100644
--- a/app/(root)/feedback/page.tsx
+++ b/app/(root)/feedback/page.tsx
@@ -1,63 +1,104 @@
-import Image from "next/image";
-import React from "react";
+"use client";
+import React, { useState } from "react";
+import useAuthStore from "@/app/store/useAuthStore";
+import { motion } from "framer-motion";
+import { MessageSquare, Send, Sparkles } from "lucide-react";
+import { toast } from "sonner";
 
 const Page = () => {
+  const { user } = useAuthStore();
+  const [feedback, setFeedback] = useState("");
+  const [isChecked, setIsChecked] = useState(false);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    toast.success("Feedback submitted! Thank you for your input.");
+    setFeedback("");
+    setIsChecked(false);
+  };
+
   return (
-    <div className="px-28 py-6 ">
-      <div className="text-3xl font-dmsans ">Hello, Rohit!</div>
-      <div className="bg-[#FEE9E8] mt-4 mb-10 w-full sm:w-[90%]  rounded-2xl p-6 flex flex-col md:flex-row items-center md:justify-between gap-6 shadow-md">
-        <div className="max-w-4xl">
-          <h2 className="text-2xl ">Welcome to Feedback Page.</h2>
-          <p className="text-gray-700 mt-2 w-[85%]">
-            Your feedback is important to us! Share your thoughts, suggestions,
-            or any ideas for improvement. Help us make the website better by
-            letting us know how we can enhance your experience. We value your
-            input!
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="text-3xl font-bold text-theme-primary mb-6"
+      >
+        Hello, {user?.firstName || "Developer"}!
+      </motion.div>
+
+      <motion.div
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.1 }}
+        className="glass-card bg-gradient-to-r from-red-500/5 to-pink-500/5 dark:from-red-500/10 dark:to-pink-500/10 mt-2 mb-8 w-full lg:w-[90%] p-6 flex flex-col gap-4 md:flex-row items-center md:justify-between"
+      >
+        <div className="flex-1">
+          <div className="flex items-center gap-2 mb-2">
+            <Sparkles size={18} className="text-red-500" />
+            <h2 className="text-lg font-semibold text-theme-primary">Share Your Feedback</h2>
+          </div>
+          <p className="text-sm text-theme-secondary leading-relaxed max-w-xl">
+            Your feedback helps us improve! Share your thoughts, suggestions, or ideas
+            to make DevGuild better for everyone.
           </p>
         </div>
-        <div className="w-32 h-32 flex-shrink-0  items-center">
-          <Image
-            src="/feedback.png"
-            alt=""
-            width={128}
-            height={128}
-            className="p-3 rounded-xl bg-white"
-          />
+        <div className="w-16 h-16 rounded-2xl bg-red-500/10 flex items-center justify-center flex-shrink-0">
+          <MessageSquare size={28} className="text-red-500" />
         </div>
-      </div>
+      </motion.div>
 
-      <div className="text-4xl mb-3">Submit Your Feedback</div>
-      <hr className="border-gray-300" />
-      <form>
-        {/* Input Field */}
-        <div className="mt-5 w-full md:w-[80%] lg:w-[60%] py-2 border-2 rounded-2xl border-slate-400">
-          <textarea
-            placeholder="Describe your feedback here."
-            className="w-full h-52 px-6 resize-none text-2xl font-lato focus:outline-none" // h-40 for big textarea
-            rows={6} // Default height
-            required
-          />
-        </div>
-        <p className="font-extrabold font-lato">
-          **Note: Please don&apos;t include any sensitive information
-        </p>
-        <div className="flex items-center gap-4 py-4">
-          <input type="checkbox" id="terms" className="size-6" required />
-          <label htmlFor="terms" className="text-lg font-bold">
-            We may email you for more information or updates
-          </label>
-        </div>
+      <motion.div
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.2 }}
+      >
+        <h2 className="text-2xl font-bold text-theme-primary mb-4">Submit Your Feedback</h2>
+
+        <form onSubmit={handleSubmit} className="max-w-2xl space-y-4">
+          <div className="glass-card p-1">
+            <textarea
+              placeholder="Describe your feedback here..."
+              value={feedback}
+              onChange={(e) => setFeedback(e.target.value)}
+              className="w-full h-48 p-4 resize-none text-sm bg-transparent text-theme-primary placeholder:text-theme-tertiary focus:outline-none"
+              rows={6}
+              required
+            />
+          </div>
+
+          <p className="text-xs font-semibold text-theme-tertiary">
+            **Note: Please don&apos;t include any sensitive information
+          </p>
+
+          <div className="flex items-center gap-3">
+            <input
+              type="checkbox"
+              id="email-consent"
+              checked={isChecked}
+              onChange={() => setIsChecked(!isChecked)}
+              className="w-4 h-4 accent-brand-500"
+              required
+            />
+            <label htmlFor="email-consent" className="text-sm font-medium text-theme-secondary">
+              We may email you for more information or updates
+            </label>
+          </div>
 
-        {/* Buttons */}
-        <div className="flex justify-between space-x-4 py-4">
           <button
             type="submit"
-            className="px-12 py-3 text-xl bg-[#839DBF] text-white rounded-xl"
+            className={`flex items-center gap-2 px-6 py-3 rounded-xl text-white font-medium transition-all duration-200 active:scale-[0.98] ${
+              isChecked
+                ? "bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 shadow-md hover:shadow-lg"
+                : "bg-gray-400 dark:bg-gray-600 cursor-not-allowed"
+            }`}
+            disabled={!isChecked}
           >
-            Submit
+            <Send size={16} />
+            Submit Feedback
           </button>
-        </div>
-      </form>
+        </form>
+      </motion.div>
     </div>
   );
 };
diff --git a/app/(root)/help/page.tsx b/app/(root)/help/page.tsx
index ca12836..7b5fbd1 100644
--- a/app/(root)/help/page.tsx
+++ b/app/(root)/help/page.tsx
@@ -1,130 +1,107 @@
 "use client";
-import { Search } from "lucide-react";
-import { motion } from "framer-motion";
+import { Search, HelpCircle, ChevronDown, ChevronUp } from "lucide-react";
+import { motion, AnimatePresence } from "framer-motion";
 import React, { useState } from "react";
-import Image from "next/image";
+import useAuthStore from "@/app/store/useAuthStore";
 
 const questions = [
-  {
-    id: 1,
-    question: "How to contribute to open source projects?",
-    answer:
-      "You can start by finding beginner-friendly issues on GitHub repositories and making small contributions.",
-    color: "bg-blue-100",
-  },
-  {
-    id: 2,
-    question: "What is the best way to learn React?",
-    answer:
-      "The best way is to go through the official documentation, build projects, and follow interactive tutorials.",
-    color: "bg-yellow-100",
-  },
-  {
-    id: 3,
-    question: "How can I improve my DSA skills?",
-    answer:
-      "Practice problems on platforms like LeetCode, CodeChef, and GeeksforGeeks regularly.",
-    color: "bg-green-100",
-  },
-  {
-    id: 4,
-    question: "What are the best resources for learning Next.js?",
-    answer:
-      "You can explore the official Next.js documentation, freeCodeCamp tutorials, and YouTube playlists for structured learning.",
-    color: "bg-purple-100",
-  },
-  {
-    id: 5,
-    question: "How do I stay consistent with coding?",
-    answer:
-      "Setting a schedule, joining coding communities, and working on projects can help build consistency.",
-    color: "bg-red-100",
-  },
-  {
-    id: 6,
-    question: "What are some good projects for beginners?",
-    answer:
-      "Todo apps, weather apps, and portfolio websites are great starting projects for beginners.",
-    color: "bg-orange-100",
-  },
+  { id: 1, question: "How to contribute to open source projects?", answer: "You can start by finding beginner-friendly issues on GitHub repositories and making small contributions." },
+  { id: 2, question: "What is the best way to learn React?", answer: "The best way is to go through the official documentation, build projects, and follow interactive tutorials." },
+  { id: 3, question: "How can I improve my DSA skills?", answer: "Practice problems on platforms like LeetCode, CodeChef, and GeeksforGeeks regularly." },
+  { id: 4, question: "What are the best resources for learning Next.js?", answer: "You can explore the official Next.js documentation, freeCodeCamp tutorials, and YouTube playlists." },
+  { id: 5, question: "How do I stay consistent with coding?", answer: "Setting a schedule, joining coding communities, and working on projects can help build consistency." },
+  { id: 6, question: "What are some good projects for beginners?", answer: "Todo apps, weather apps, and portfolio websites are great starting projects for beginners." },
 ];
 
 const Page = () => {
+  const { user } = useAuthStore();
   const [openQuestion, setOpenQuestion] = useState<number | null>(null);
+  const [searchQuery, setSearchQuery] = useState("");
 
   return (
-    <div className="px-28 py-6 ">
-      <div className="text-3xl font-dmsans ">Hello, Rohit!</div>
-      <div className="bg-[#FEF9E8] mt-4 mb-10 w-full sm:w-[90%]  rounded-2xl p-6 flex flex-col gap-6 md:flex-row items-center md:justify-between shadow-md">
-        <div className="max-w-4xl">
-          <h2 className="text-2xl ">Welcome to Help Page.</h2>
-          <p className="text-gray-700 mt-2 w-[85%]">
-            Have any questions or need assistance? Our Help page is the perfect
-            place to reach out. Submit your doubts or concerns, and our admin
-            team will be happy to assist you in resolving any issues or
-            answering your queries about the website.
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="text-3xl font-bold text-theme-primary mb-6"
+      >
+        Hello, {user?.firstName || "Developer"}!
+      </motion.div>
+
+      <motion.div
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.1 }}
+        className="glass-card bg-gradient-to-r from-amber-500/5 to-yellow-500/5 dark:from-amber-500/10 dark:to-yellow-500/10 mt-2 mb-8 w-full lg:w-[90%] p-6 flex flex-col gap-4 md:flex-row items-center md:justify-between"
+      >
+        <div className="flex-1">
+          <h2 className="text-lg font-semibold text-theme-primary mb-1">Need Help?</h2>
+          <p className="text-sm text-theme-secondary leading-relaxed max-w-xl">
+            Submit your questions or issues and our team will help you resolve them.
+            Check the FAQs below for common questions.
           </p>
         </div>
-        <div className="w-32 h-32 flex-shrink-0  items-center">
-          <Image
-            src="/help.png"
-            alt=""
-            width={128}
-            height={128}
-            className="p-2 rounded-xl bg-white"
-          />
+        <div className="w-16 h-16 rounded-2xl bg-amber-500/10 flex items-center justify-center flex-shrink-0">
+          <HelpCircle size={28} className="text-amber-500" />
         </div>
-      </div>
+      </motion.div>
 
-      <div className="text-4xl mb-3">Help</div>
-      <hr className="border-gray-300" />
-      <div className=" relative w-full mb-10">
-        <Search className="size-6 absolute top-8 left-5" />
-        <input
-          type="text"
-          placeholder="Describe your issues here."
-          className="ps-14 px-5 py-3 my-4 border focus:outline-none w-full md:w-[60%] text-xl text-black border-[#545454] rounded-full placeholder:font-dmsans placeholder:text-xl"
-        />
-        <button className="text-white font-lato bg-[#004AAD] md:ms-5 py-3 px-8 w-[10rem] lg:w-[20%] text-xl rounded-full">
+      {/* Search */}
+      <h2 className="text-2xl font-bold text-theme-primary mb-3">Help</h2>
+      <div className="flex flex-col sm:flex-row gap-3 mb-8 max-w-2xl">
+        <div className="relative flex-1">
+          <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-theme-tertiary" size={16} />
+          <input
+            type="text"
+            placeholder="Describe your issue..."
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            className="w-full pl-11 pr-4 py-3 bg-theme-card border border-theme-secondary rounded-xl text-sm text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+          />
+        </div>
+        <button className="bg-gradient-to-r from-brand-500 to-purple-600 text-white px-6 py-3 rounded-xl text-sm font-medium transition-all duration-200 hover:from-brand-600 hover:to-purple-700 active:scale-[0.98]">
           Search
         </button>
       </div>
-      <div className="text-4xl mb-3">FAQs</div>
-      <hr className="border-gray-300 mb-3" />
 
-      <div className="space-y-4 w-full">
-        {questions.map((q) => (
+      {/* FAQs */}
+      <h2 className="text-2xl font-bold text-theme-primary mb-3">FAQs</h2>
+      <div className="space-y-3 max-w-3xl">
+        {questions.map((q, i) => (
           <motion.div
             key={q.id}
-            className={`w-full border-b pb-2 px-10 ${q.color} p-4 rounded-lg shadow-md`}
-            whileHover={{ scale: 1.05 }}
+            initial={{ opacity: 0, y: 10 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ delay: 0.05 * i }}
+            className="glass-card overflow-hidden"
           >
-            <motion.div
-              className="w-full cursor-pointer transition-all duration-300 hover:opacity-80"
-              onClick={() =>
-                setOpenQuestion(openQuestion === q.id ? null : q.id)
-              }
-              whileHover={{ scale: 1.02 }}
+            <button
+              className="w-full flex items-center justify-between p-4 text-left hover:bg-theme-tertiary/30 transition-colors"
+              onClick={() => setOpenQuestion(openQuestion === q.id ? null : q.id)}
             >
-              <div className="flex justify-between items-center text-lg font-medium text-gray-900">
-                <span>{q.question}</span>
-                <span>{openQuestion === q.id ? "▲" : "▼"}</span>
-              </div>
-            </motion.div>
-            {openQuestion === q.id && (
-              <motion.div
-                className="p-6 text-lg bg-white rounded-md mt-2 text-gray-700 shadow-inner"
-                initial={{ opacity: 0, height: 0 }}
-                animate={{ opacity: 1, height: "auto" }}
-                transition={{ duration: 0.3 }}
-              >
-                {q.answer}
-              </motion.div>
-            )}
+              <span className="text-sm font-medium text-theme-primary pr-4">{q.question}</span>
+              {openQuestion === q.id ? (
+                <ChevronUp size={18} className="text-theme-tertiary flex-shrink-0" />
+              ) : (
+                <ChevronDown size={18} className="text-theme-tertiary flex-shrink-0" />
+              )}
+            </button>
+            <AnimatePresence>
+              {openQuestion === q.id && (
+                <motion.div
+                  initial={{ opacity: 0, height: 0 }}
+                  animate={{ opacity: 1, height: "auto" }}
+                  exit={{ opacity: 0, height: 0 }}
+                  transition={{ duration: 0.2 }}
+                  className="border-t border-theme-primary"
+                >
+                  <p className="p-4 text-sm text-theme-secondary leading-relaxed">{q.answer}</p>
+                </motion.div>
+              )}
+            </AnimatePresence>
           </motion.div>
         ))}
       </div>
-      <hr className="border-gray-300" />
     </div>
   );
 };
diff --git a/app/(root)/home/page.tsx b/app/(root)/home/page.tsx
index 94b5fa5..f73ce3e 100644
--- a/app/(root)/home/page.tsx
+++ b/app/(root)/home/page.tsx
@@ -1,49 +1,158 @@
-import { Search } from "lucide-react";
+"use client";
+
+import { Search, ArrowRight, Users, FolderGit2, Award, Sparkles } from "lucide-react";
 import Image from "next/image";
-import React from "react";
-import Hero from "../components/Hero";
+import React, { useState } from "react";
+import { useRouter } from "next/navigation";
+import { motion } from "framer-motion";
+
+const stats = [
+  { icon: FolderGit2, label: "Active Projects", value: "200+", color: "from-blue-500 to-cyan-400" },
+  { icon: Users, label: "Developers", value: "1,500+", color: "from-purple-500 to-pink-400" },
+  { icon: Award, label: "Completed", value: "350+", color: "from-amber-500 to-orange-400" },
+];
+
+const Page = () => {
+  const [domain, setDomain] = useState("");
+  const [institute, setInstitute] = useState("");
+  const router = useRouter();
+
+  const handleSearch = () => {
+    const params = new URLSearchParams();
+    if (domain) params.set("domain", domain);
+    if (institute) params.set("institute", institute);
+    router.push(`/project?${params.toString()}`);
+  };
 
-const page = () => {
   return (
-    <div className="mt-16 relative h-screen overflow-clip">
-      <div className="pl-5 md:pl-20">
-        <Image
-          src="/devlogo.png"
-          alt="Developer Logo"
-          width={700}
-          height={200}
-          className="mb-8 -ms-5"
-        />
-        <h1 className="text-[#878787] font-lato text-3xl font-bold w-full md:w-[60%] mb-14 -ms-3">
-          A Platform where Developers Connect,Communicate and Collaborate..
-        </h1>
-        <p className="text-xl font-lato font-bold text-[#545454]">Domain</p>
-        <div className="flex relative -ms-3 w-full gap-5 mb-3">
-          <Search className="size-6 absolute top-8 left-5" />
-          <input
-            type="text"
-            placeholder="Web Development."
-            className="ps-14 px-5 py-4 my-4 border-2 focus:outline-none w-[33rem] text-xl text-black border-[#545454] rounded-full placeholder:font-dmsans placeholder:text-xl"
-          />
-        </div>
-        <p className="text-xl font-lato font-bold text-[#545454]">Institute</p>
-        <div className="flex relative -ms-3 w-full gap-5">
-          <Search className="size-6 absolute top-8 left-5" />
-          <input
-            type="text"
-            placeholder="Web Development."
-            className="ps-14 px-5 py-4 my-4 border-2 focus:outline-none w-[33rem] text-xl text-black border-[#545454] rounded-full placeholder:font-dmsans placeholder:text-xl"
-          />
-        </div>
-        <button className="text-white -ms-3 font-lato bg-[#004AAD] my-4 py-4 px-3 w-[14rem] text-2xl rounded-full">
-          Search
-        </button>
+    <div className="relative min-h-screen overflow-hidden bg-theme-primary">
+      {/* Background decorations */}
+      <div className="absolute inset-0 overflow-hidden pointer-events-none">
+        <div className="absolute -top-40 -right-40 w-96 h-96 bg-brand-500/5 dark:bg-brand-500/10 rounded-full blur-3xl" />
+        <div className="absolute top-1/3 -left-40 w-80 h-80 bg-purple-500/5 dark:bg-purple-500/10 rounded-full blur-3xl" />
+        <div className="absolute bottom-20 right-1/4 w-64 h-64 bg-cyan-500/5 dark:bg-cyan-500/8 rounded-full blur-3xl" />
       </div>
-      <div className="absolute hidden lg:block">
-        <Hero />
+
+      <div className="relative z-10 px-6 md:px-12 lg:px-20 pt-12 pb-20 max-w-7xl mx-auto">
+        {/* Hero Section */}
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6 }}
+          className="mb-16"
+        >
+          <div className="flex items-center gap-2 mb-6">
+            <Sparkles size={20} className="text-brand-500" />
+            <span className="text-sm font-medium text-brand-500 dark:text-brand-400 tracking-wide uppercase">
+              Developer Collaboration Platform
+            </span>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-theme-primary mb-6 leading-tight">
+            Find Your{" "}
+            <span className="gradient-text">Dream Team</span>
+            <br />
+            Build Something{" "}
+            <span className="gradient-text">Amazing</span>
+          </h1>
+
+          <p className="text-lg md:text-xl text-theme-secondary max-w-2xl mb-10 leading-relaxed">
+            A platform where developers connect, communicate, and collaborate.
+            Browse projects, find teammates, and turn your ideas into reality.
+          </p>
+
+          {/* Search Section */}
+          <div className="space-y-4 max-w-2xl">
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-2 block">
+                Domain
+              </label>
+              <div className="relative">
+                <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-theme-tertiary" size={18} />
+                <input
+                  type="text"
+                  value={domain}
+                  onChange={(e) => setDomain(e.target.value)}
+                  placeholder="e.g. Web Development, Machine Learning..."
+                  className="w-full pl-12 pr-4 py-3.5 bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all duration-200"
+                />
+              </div>
+            </div>
+
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-2 block">
+                Institute
+              </label>
+              <div className="relative">
+                <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-theme-tertiary" size={18} />
+                <input
+                  type="text"
+                  value={institute}
+                  onChange={(e) => setInstitute(e.target.value)}
+                  placeholder="e.g. MIT, Stanford, IIT..."
+                  className="w-full pl-12 pr-4 py-3.5 bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all duration-200"
+                />
+              </div>
+            </div>
+
+            <button
+              onClick={handleSearch}
+              className="flex items-center gap-2 bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 text-white px-8 py-3.5 rounded-xl text-lg font-medium transition-all duration-200 shadow-lg hover:shadow-xl active:scale-[0.98] mt-2"
+            >
+              Search Projects
+              <ArrowRight size={20} />
+            </button>
+          </div>
+        </motion.div>
+
+        {/* Stats Section */}
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ duration: 0.6, delay: 0.3 }}
+          className="grid grid-cols-1 sm:grid-cols-3 gap-4 max-w-3xl"
+        >
+          {stats.map((stat, i) => {
+            const Icon = stat.icon;
+            return (
+              <motion.div
+                key={stat.label}
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.4, delay: 0.4 + i * 0.1 }}
+                className="glass-card p-5 hover-lift cursor-default"
+              >
+                <div className={`w-10 h-10 rounded-lg bg-gradient-to-br ${stat.color} flex items-center justify-center mb-3`}>
+                  <Icon size={20} className="text-white" />
+                </div>
+                <p className="text-2xl font-bold text-theme-primary">{stat.value}</p>
+                <p className="text-sm text-theme-tertiary">{stat.label}</p>
+              </motion.div>
+            );
+          })}
+        </motion.div>
+
+        {/* Hero visual */}
+        <motion.div
+          initial={{ opacity: 0, scale: 0.95 }}
+          animate={{ opacity: 1, scale: 1 }}
+          transition={{ duration: 0.8, delay: 0.5 }}
+          className="absolute top-20 right-0 w-[500px] h-[500px] hidden xl:block"
+        >
+          <div className="relative w-full h-full">
+            <div className="absolute inset-0 bg-gradient-to-br from-brand-500/20 to-purple-500/20 rounded-full blur-3xl" />
+            <Image
+              src="/devs.png"
+              alt="Developers collaborating"
+              width={450}
+              height={450}
+              className="relative z-10 rounded-3xl opacity-80 dark:opacity-60 object-cover animate-float"
+            />
+          </div>
+        </motion.div>
       </div>
     </div>
   );
 };
 
-export default page;
+export default Page;
diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx
index 812aaee..fc0e4c9 100644
--- a/app/(root)/layout.tsx
+++ b/app/(root)/layout.tsx
@@ -7,8 +7,43 @@ import { useState, useRef, useEffect } from "react";
 import SignInButton from "./components/SignInButton";
 import { fetchUserData } from "../utils/userActions";
 import useAuthStore from "../store/useAuthStore";
+import useThemeStore from "../store/useThemeStore";
 import SignOutButton from "./components/SignOutButton";
 import { Toaster } from "sonner";
+import {
+  Home,
+  User,
+  LayoutDashboard,
+  Briefcase,
+  HelpCircle,
+  MessageSquare,
+  FolderOpen,
+  Trophy,
+  MessageCircleQuestion,
+  Settings,
+  Sun,
+  Moon,
+  Plus,
+  Menu,
+  X,
+  Bell,
+} from "lucide-react";
+
+const sidebarLinks = [
+  { href: "/home", label: "Home", icon: Home },
+  { href: "/profile", label: "Guild Card", icon: User },
+  { href: "/dashboard", label: "Dashboard", icon: LayoutDashboard },
+  { href: "/application", label: "Applications", icon: Briefcase },
+  { href: "/help", label: "Help", icon: HelpCircle },
+  { href: "/feedback", label: "Feedback", icon: MessageSquare },
+];
+
+const navLinks = [
+  { href: "/project", label: "Projects", icon: FolderOpen },
+  { href: "/leaderboard", label: "Leaderboard", icon: Trophy },
+  { href: "/qna", label: "QnA", icon: MessageCircleQuestion },
+  { href: "/settings", label: "Settings", icon: Settings },
+];
 
 export default function RootLayout({
   children,
@@ -19,6 +54,7 @@ export default function RootLayout({
   const sidebarRef = useRef<HTMLDivElement | null>(null);
   const pathname = usePathname();
   const router = useRouter();
+  const { isDark, toggleTheme } = useThemeStore();
 
   const toggleSidebar = () => {
     setIsOpen(!isOpen);
@@ -49,335 +85,248 @@ export default function RootLayout({
 
   useEffect(() => {
     async function getUser() {
-      const user = await fetchUserData();
-      if (user) {
-        setUser({
-          id: user._id,
-          name: `${user.firstName} ${user.lastName}`,
-          email: user.email,
-          image: user.image,
-          codingPlatforms: user.codingPlatforms,
-          firstName: user.firstName,
-          lastName: user.lastName,
-          gender: user.gender,
-          skills: user.skills,
-          profilePic: user.profilePic,
-          collegeDetails: user.collegeDetails || { name: user.instituteName },
-          github: user.github,
-          linkedin: user.linkedin,
-          location: user.location,
-          projectsCompleted: user.projectsCompleted,
-          rank: user.rank,
-          projectIds: user.projectIds,
-        });
+      try {
+        const user = await fetchUserData();
+        if (user) {
+          setUser({
+            id: user._id,
+            name: `${user.firstName} ${user.lastName}`,
+            email: user.email,
+            image: user.image,
+            codingPlatforms: user.codingPlatforms,
+            firstName: user.firstName,
+            lastName: user.lastName,
+            gender: user.gender,
+            skills: user.skills,
+            profilePic: user.profilePic,
+            collegeDetails: user.collegeDetails || { name: user.instituteName },
+            github: user.github,
+            linkedin: user.linkedin,
+            location: user.location,
+            projectsCompleted: user.projectsCompleted,
+            rank: user.rank,
+            projectIds: user.projectIds,
+          });
+        }
+      } catch {
+        // User not logged in
       }
     }
-
     getUser();
   }, [setUser]);
 
+  const isActive = (href: string) => pathname === href || pathname.startsWith(href + "/");
+
   return (
     <>
-      <Toaster richColors />
+      <Toaster
+        richColors
+        theme={isDark ? "dark" : "light"}
+        toastOptions={{
+          style: {
+            background: isDark ? "#1a1f2e" : "#ffffff",
+            border: isDark ? "1px solid #1e293b" : "1px solid #e5e7eb",
+          },
+        }}
+      />
+
+      {/* ===== SIDEBAR ===== */}
+      {isOpen && (
+        <div
+          className="fixed inset-0 bg-black/40 backdrop-blur-sm z-40 lg:hidden"
+          onClick={() => setIsOpen(false)}
+        />
+      )}
+
       <div
         ref={sidebarRef}
-        className={`fixed z-50 h-full w-[17rem] text-gray-800 bg-white px-4 py-6 transition-transform duration-300 ease-in-out border-r-2 shadow-lg ${
+        className={`fixed z-50 h-full w-[17rem] bg-theme-sidebar border-r border-theme-primary px-4 py-6 transition-transform duration-300 ease-in-out ${
           isOpen ? "translate-x-0" : "-translate-x-full"
         }`}
       >
-        <Image
-          src="/devlogo.png"
-          alt="DEVELOPERS' GUILD LOGO"
-          width={220}
-          height={220}
-          className="pb-6 ps-5"
-        />
-
-        <Link
-          href="/home"
-          className={`font-lato text-[14px] text-lg ${
-            pathname === "/home"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
+        {/* Close button (mobile) */}
+        <button
+          onClick={() => setIsOpen(false)}
+          className="absolute top-4 right-4 p-1 rounded-lg hover:bg-theme-tertiary text-theme-secondary transition-colors lg:hidden"
         >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/home" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Home
-          </div>
-        </Link>
+          <X size={20} />
+        </button>
 
-        <Link
-          href="/profile"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/profile"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/profile" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Guild Card
-          </div>
-        </Link>
-        <Link
-          href="/dashboard"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/dashboard"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/dashboard" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Dashboard
-          </div>
-        </Link>
-        <Link
-          href="/application"
-          className={`font-lato text-[14px] text-lg ${
-            pathname === "/application"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium "
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/application" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Application
-          </div>
-        </Link>
-        <Link
-          href="/help"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/help"
-              ? `font-bold text-black`
-              : " font-medium text-[#989898]"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/help" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Help
-          </div>
-        </Link>
-        <Link
-          href="/feedback"
-          className={`font-lato text-[14px]  text-lg ${
-            pathname === "/feedback"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/feedback" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Feedback
-          </div>
-        </Link>
+        {/* Logo */}
+        <div className="mb-8 ps-2">
+          <Image
+            src="/devlogo.png"
+            alt="DEVELOPERS' GUILD LOGO"
+            width={200}
+            height={50}
+            className="dark:brightness-0 dark:invert dark:opacity-90"
+          />
+        </div>
 
-        {/* For Mobile Devices Only */}
-        <br className="block lg:hidden" />
-        <hr className="block lg:hidden" />
-        <br className="block lg:hidden" />
-        <Link
-          href="/project"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/project"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/project" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Projects
-          </div>
-        </Link>
-        <Link
-          href="/leaderboard"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/leaderboard"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/leaderboard" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            Leaderboard
-          </div>
-        </Link>
-        <Link
-          href="/qna"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/qna"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/qna" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
-          >
-            QnA
-          </div>
-        </Link>
-        <Link
-          href="/settings"
-          className={`font-lato text-[14px] block lg:hidden  text-lg ${
-            pathname === "/settings"
-              ? `font-bold text-black`
-              : "text-[#989898] font-medium"
-          }`}
-          onClick={() => {
-            setIsOpen(false);
-          }}
-        >
-          <div
-            className={`px-3 py-2 ${
-              pathname === "/settings" ? "bg-[#E9E9E9]" : "hover:bg-gray-100"
-            }`}
+        {/* Sidebar Nav Links */}
+        <nav className="space-y-1">
+          {sidebarLinks.map((link) => {
+            const Icon = link.icon;
+            const active = isActive(link.href);
+            return (
+              <Link
+                key={link.href}
+                href={link.href}
+                className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group ${
+                  active
+                    ? "bg-brand-500/10 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
+                    : "text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary"
+                }`}
+                onClick={() => setIsOpen(false)}
+              >
+                <Icon
+                  size={18}
+                  className={`flex-shrink-0 transition-colors ${
+                    active
+                      ? "text-brand-500 dark:text-brand-400"
+                      : "text-theme-tertiary group-hover:text-theme-secondary"
+                  }`}
+                />
+                <span>{link.label}</span>
+                {active && (
+                  <div className="ml-auto w-1.5 h-1.5 rounded-full bg-brand-500 dark:bg-brand-400" />
+                )}
+              </Link>
+            );
+          })}
+        </nav>
+
+        {/* Divider */}
+        <div className="my-4 border-t border-theme-primary" />
+
+        {/* Mobile-only: extra nav links */}
+        <nav className="space-y-1 lg:hidden">
+          {navLinks.map((link) => {
+            const Icon = link.icon;
+            const active = isActive(link.href);
+            return (
+              <Link
+                key={link.href}
+                href={link.href}
+                className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group ${
+                  active
+                    ? "bg-brand-500/10 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
+                    : "text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary"
+                }`}
+                onClick={() => setIsOpen(false)}
+              >
+                <Icon
+                  size={18}
+                  className={`flex-shrink-0 transition-colors ${
+                    active
+                      ? "text-brand-500 dark:text-brand-400"
+                      : "text-theme-tertiary group-hover:text-theme-secondary"
+                  }`}
+                />
+                <span>{link.label}</span>
+              </Link>
+            );
+          })}
+        </nav>
+
+        {/* Theme toggle at bottom */}
+        <div className="absolute bottom-6 left-4 right-4">
+          <button
+            onClick={toggleTheme}
+            className="flex items-center gap-3 w-full px-3 py-2.5 rounded-lg text-sm font-medium text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary transition-all duration-200"
           >
-            Settings
-          </div>
-        </Link>
+            {isDark ? <Sun size={18} /> : <Moon size={18} />}
+            <span>{isDark ? "Light Mode" : "Dark Mode"}</span>
+          </button>
+        </div>
       </div>
 
+      {/* ===== MAIN CONTENT ===== */}
       <div className="flex-1">
-        <div className="h-16 z-20 fixed w-full bg-white shadow-md flex items-center justify-between">
-          <div className="flex items-center justify-start gap-4">
+        {/* Header */}
+        <header className="h-16 z-20 fixed w-full bg-theme-header backdrop-blur-md border-b border-theme-primary flex items-center justify-between px-4">
+          <div className="flex items-center gap-4">
+            {/* Hamburger */}
             <button
               onClick={toggleSidebar}
-              className="ms-4 px-2 pb-2 text-2xl text-gray-800 bg-white rounded-md"
+              className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-secondary transition-colors"
             >
-              ☰
+              <Menu size={20} />
             </button>
+
+            {/* Logo (desktop) */}
             <Image
               src="/devlogo.png"
               alt="DEVELOPERS' GUILD LOGO"
-              width={200}
-              height={200}
-              className="hidden sm:block"
+              width={180}
+              height={45}
+              className="hidden sm:block dark:brightness-0 dark:invert dark:opacity-90"
             />
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/project"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/project"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                Projects
-              </Link>
-            </div>
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/leaderboard"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/leaderboard"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                Leaderboard
-              </Link>
-            </div>
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/qna"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/qna"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                QnA
-              </Link>
-            </div>
-            <div className="font-lato text-gray-500 font-medium text-lg hidden lg:block">
-              <Link
-                href="/settings"
-                className={`font-dmsans font-medium text-lg
-                  ${
-                    pathname === "/settings"
-                      ? "text-black border-b-2 border-black"
-                      : "text-[#989898]s"
-                  }`}
-              >
-                Settings
-              </Link>
-            </div>
+
+            {/* Desktop nav links */}
+            <nav className="hidden lg:flex items-center gap-1 ml-4">
+              {navLinks.map((link) => {
+                const active = isActive(link.href);
+                return (
+                  <Link
+                    key={link.href}
+                    href={link.href}
+                    className={`px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 ${
+                      active
+                        ? "text-brand-500 dark:text-brand-400 bg-brand-500/10 dark:bg-brand-500/15"
+                        : "text-theme-secondary hover:text-theme-primary hover:bg-theme-tertiary"
+                    }`}
+                  >
+                    {link.label}
+                  </Link>
+                );
+              })}
+            </nav>
           </div>
-          <div className="flex items-center gap-4 me-6">
+
+          {/* Right side */}
+          <div className="flex items-center gap-3">
+            {/* Theme toggle (desktop) */}
+            <button
+              onClick={toggleTheme}
+              className="hidden lg:flex p-2 rounded-lg hover:bg-theme-tertiary text-theme-secondary transition-colors"
+              title={isDark ? "Switch to light mode" : "Switch to dark mode"}
+            >
+              {isDark ? <Sun size={18} /> : <Moon size={18} />}
+            </button>
+
+            {/* Create Project */}
             <button
               onClick={() => {
                 router.push(`/project/create/${user?.id}`);
               }}
-              className="bg-[#416dff] text-white px-4 py-2 rounded-md"
+              className="flex items-center gap-2 bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 shadow-md hover:shadow-lg active:scale-[0.98]"
             >
-              Create A Project
+              <Plus size={16} />
+              <span className="hidden sm:inline">Create Project</span>
             </button>
+
+            {/* Notifications */}
+            {user && (
+              <Link
+                href="/notification"
+                className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-secondary transition-colors relative"
+              >
+                <Bell size={18} />
+                <span className="absolute top-1 right-1 w-2 h-2 bg-brand-500 rounded-full" />
+              </Link>
+            )}
+
+            {/* User */}
             {user ? (
-              <div className="flex items-center gap-4">
-                <Link href="/profile">
+              <div className="flex items-center gap-3">
+                <Link href="/profile" className="relative group">
                   <Image
-                    src={user.profilePic || "/editProfileIcon.png"}
+                    src={user.profilePic || user.image || "/editProfileIcon.png"}
                     alt="User Profile"
-                    width={40}
-                    height={40}
-                    className="rounded-full"
+                    width={36}
+                    height={36}
+                    className="rounded-full ring-2 ring-theme-primary group-hover:ring-brand-500/50 transition-all duration-200"
                   />
                 </Link>
                 <SignOutButton />
@@ -386,9 +335,9 @@ export default function RootLayout({
               <SignInButton />
             )}
           </div>
-        </div>
+        </header>
 
-        <main className=" pt-16">{children}</main>
+        <main className="pt-16 min-h-screen">{children}</main>
       </div>
     </>
   );
diff --git a/app/(root)/leaderboard/layout.tsx b/app/(root)/leaderboard/layout.tsx
index e87cd23..b564801 100644
--- a/app/(root)/leaderboard/layout.tsx
+++ b/app/(root)/leaderboard/layout.tsx
@@ -2,103 +2,59 @@
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import React from "react";
+import { Trophy } from "lucide-react";
+import { motion } from "framer-motion";
+
+const ranks = [
+  { href: "/leaderboard/s", label: "S", color: "text-amber-500", activeBg: "bg-amber-500/10 dark:bg-amber-500/15", activeBorder: "border-amber-500" },
+  { href: "/leaderboard/a+", label: "A+", color: "text-red-500", activeBg: "bg-red-500/10 dark:bg-red-500/15", activeBorder: "border-red-500" },
+  { href: "/leaderboard/a", label: "A", color: "text-red-400", activeBg: "bg-red-400/10 dark:bg-red-400/15", activeBorder: "border-red-400" },
+  { href: "/leaderboard/b+", label: "B+", color: "text-blue-500", activeBg: "bg-blue-500/10 dark:bg-blue-500/15", activeBorder: "border-blue-500" },
+  { href: "/leaderboard/b", label: "B", color: "text-blue-400", activeBg: "bg-blue-400/10 dark:bg-blue-400/15", activeBorder: "border-blue-400" },
+  { href: "/leaderboard/c", label: "C", color: "text-purple-500", activeBg: "bg-purple-500/10 dark:bg-purple-500/15", activeBorder: "border-purple-500" },
+  { href: "/leaderboard/d", label: "D", color: "text-green-500", activeBg: "bg-green-500/10 dark:bg-green-500/15", activeBorder: "border-green-500" },
+  { href: "/leaderboard/e", label: "E", color: "text-gray-500", activeBg: "bg-gray-500/10 dark:bg-gray-500/15", activeBorder: "border-gray-500" },
+];
 
 const LeaderboardLayout = ({ children }: { children: React.ReactNode }) => {
   const pathname = usePathname();
+
   return (
-    <div className="ms-[10%] mt-6">
-      <p className="text-5xl font-dmsans mb-6 ">Leaderboard</p>
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="flex items-center gap-3 mb-6"
+      >
+        <Trophy size={28} className="text-amber-500" />
+        <h1 className="text-3xl font-bold text-theme-primary">Leaderboard</h1>
+      </motion.div>
+
+      {/* Rank tabs */}
+      <motion.div
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.1 }}
+        className="flex flex-wrap gap-2 mb-6 p-1 bg-theme-secondary rounded-xl border border-theme-primary"
+      >
+        {ranks.map((rank) => {
+          const active = pathname === rank.href;
+          return (
+            <Link key={rank.href} href={rank.href}>
+              <div
+                className={`px-5 py-2.5 rounded-lg text-sm font-bold transition-all duration-200 ${rank.color} ${
+                  active
+                    ? `${rank.activeBg} ${rank.activeBorder} border-b-2 shadow-sm`
+                    : "border-b-2 border-transparent hover:bg-theme-tertiary"
+                }`}
+              >
+                {rank.label}
+              </div>
+            </Link>
+          );
+        })}
+      </motion.div>
 
-      <div className="w-[95%] flex justify-between  border-r border-t border-l overflow-auto">
-        <Link href="/leaderboard/s">
-          <div
-            className={`py-4 text-[#F6C852] ${
-              pathname === "/leaderboard/s"
-                ? "bg-[#fcecb63f] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12`}
-          >
-            S Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/a+">
-          <div
-            className={`py-4 text-[#A50000] ${
-              pathname === "/leaderboard/a+"
-                ? "bg-[#FEE9E8] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            A+ Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/a">
-          <div
-            className={`py-4 text-[#A50000] ${
-              pathname === "/leaderboard/a"
-                ? "bg-[#FEE9E8] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            A Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/b+">
-          <div
-            className={`py-4 text-[#004AAD] ${
-              pathname === "/leaderboard/b+"
-                ? "bg-[#E8F0FE] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            B+ Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/b">
-          <div
-            className={`py-4 text-[#004AAD] ${
-              pathname === "/leaderboard/b"
-                ? "bg-[#E8F0FE] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            B Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/c">
-          <div
-            className={`py-4 text-[#B85BD7] ${
-              pathname === "/leaderboard/c"
-                ? "bg-[#F7E8FE] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            C Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/d">
-          <div
-            className={`py-4 text-[#02B902] ${
-              pathname === "/leaderboard/d"
-                ? "bg-[#E8FEE9] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            D Rank
-          </div>
-        </Link>
-        <Link href="/leaderboard/e">
-          <div
-            className={`py-4 text-[#848484] ${
-              pathname === "/leaderboard/e"
-                ? "bg-[#EAEAEA] border-b-black border-b-2"
-                : "bg-white"
-            } text-xl font-dmsans border-[#DADCE0] px-12 `}
-          >
-            E Rank
-          </div>
-        </Link>
-      </div>
       <div className="overflow-x-auto">{children}</div>
     </div>
   );
diff --git a/app/(root)/leaderboard/page.tsx b/app/(root)/leaderboard/page.tsx
index 11f3dde..664bd50 100644
--- a/app/(root)/leaderboard/page.tsx
+++ b/app/(root)/leaderboard/page.tsx
@@ -1,83 +1,62 @@
+"use client";
 import React from "react";
+import { motion } from "framer-motion";
+import { Medal } from "lucide-react";
 
-const page = () => {
-  const data = [
-    {
-      rank: "#1",
-      name: "Pranav Ramane",
-      institute: "Pimpri Chinchwad College of Engineering & Research",
-      points: 3000,
-    },
-    {
-      rank: "#2",
-      name: "Adarsh Thakare",
-      institute: "Pimpri Chinchwad College of Engineering & Research",
-      points: 3000,
-    },
-    {
-      rank: "#3",
-      name: "Prajyot Tayde",
-      institute: "Pimpri Chinchwad College of Engineering & Research",
-      points: 3000,
-    },
-    {
-      rank: "#4",
-      name: "Rohit Tare",
-      institute: "Pimpri Chinchwad College of Engineering & Research",
-      points: 3000,
-    },
-    {
-      rank: "#5",
-      name: "Mayur Tummewar",
-      institute: "Pimpri Chinchwad College of Engineering & Research",
-      points: 3000,
-    },
+const data = [
+  { rank: "#1", name: "Pranav Ramane", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
+  { rank: "#2", name: "Adarsh Thakare", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
+  { rank: "#3", name: "Prajyot Tayde", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
+  { rank: "#4", name: "Rohit Tare", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
+  { rank: "#5", name: "Mayur Tummewar", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
+];
 
-    // Add more data here
-  ];
+const medalColors: Record<string, string> = {
+  "#1": "text-amber-400",
+  "#2": "text-gray-400",
+  "#3": "text-amber-600",
+};
+
+const Page = () => {
   return (
-    <>
-      <table className="w-[95%] border-collapse border border-[#DADCE0]">
-        {/* Table Head */}
+    <div className="glass-card overflow-hidden">
+      <table className="w-full">
         <thead>
-          <tr className="bg-gray-100">
-            <th className="border border-[#DADCE0] text-[#848484] px-4 py-3 text-left font-dmsans text-xl font-normal">
-              Rank
-            </th>
-            <th className="border border-[#DADCE0] text-[#848484] px-4 py-3 text-left font-dmsans text-xl font-normal">
-              User Name
-            </th>
-            <th className="border border-[#DADCE0] text-[#848484] px-4 py-3 text-left font-dmsans text-xl font-normal">
-              User Institute
-            </th>
-            <th className="border border-[#DADCE0] text-[#848484] px-4 py-3 text-left font-dmsans text-xl font-normal">
-              Points
-            </th>
+          <tr className="bg-theme-tertiary/50">
+            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold w-20">Rank</th>
+            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold">User Name</th>
+            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold hidden md:table-cell">Institute</th>
+            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold w-28">Points</th>
           </tr>
         </thead>
-
-        {/* Table Body */}
         <tbody>
           {data.map((user, index) => (
-            <tr key={index} className="hover:bg-gray-50">
-              <td className="border border-[#DADCE0] px-4 py-3  text-[#848484] font-dmsans text-xl font-normal">
-                {user.rank}
-              </td>
-              <td className="border border-[#DADCE0] px-4 py-3  text-[#848484] font-dmsans text-xl font-normal">
-                {user.name}
-              </td>
-              <td className="border border-[#DADCE0] px-4 py-3  text-[#848484] font-dmsans text-xl font-normal">
-                {user.institute}
+            <motion.tr
+              key={index}
+              initial={{ opacity: 0, x: -10 }}
+              animate={{ opacity: 1, x: 0 }}
+              transition={{ delay: index * 0.05 }}
+              className="hover:bg-theme-tertiary/30 transition-colors border-b border-theme-primary last:border-b-0"
+            >
+              <td className="px-4 py-3.5">
+                <div className="flex items-center gap-2">
+                  {medalColors[user.rank] && (
+                    <Medal size={16} className={medalColors[user.rank]} />
+                  )}
+                  <span className="text-sm font-semibold text-theme-primary">{user.rank}</span>
+                </div>
               </td>
-              <td className="border border-[#DADCE0] px-4 py-3  text-[#848484] font-dmsans text-xl font-normal">
-                {user.points}
+              <td className="px-4 py-3.5 text-sm font-medium text-theme-primary">{user.name}</td>
+              <td className="px-4 py-3.5 text-sm text-theme-secondary hidden md:table-cell">{user.institute}</td>
+              <td className="px-4 py-3.5">
+                <span className="text-sm font-bold text-brand-500 dark:text-brand-400">{user.points.toLocaleString()}</span>
               </td>
-            </tr>
+            </motion.tr>
           ))}
         </tbody>
       </table>
-    </>
+    </div>
   );
 };
 
-export default page;
+export default Page;
diff --git a/app/(root)/notification/[id]/page.tsx b/app/(root)/notification/[id]/page.tsx
index 4e4dac4..65195bf 100644
--- a/app/(root)/notification/[id]/page.tsx
+++ b/app/(root)/notification/[id]/page.tsx
@@ -2,51 +2,78 @@
 
 import { useParams } from "next/navigation";
 import React from "react";
-import { FaUser } from "react-icons/fa";
+import { ArrowLeft, Clock } from "lucide-react";
+import Link from "next/link";
+
 const dummyEmails = [
-    {
-        id: "1",
-        sender: "Radhika Gupta",
-        subject: "New Post for You",
-        body: "To every woman who sometimes wonders, can I do it, here is a thought...",
-        date: "March 17, 2025",
-    },
-    {
-        id: "2",
-        sender: "Nikhil Kamath",
-        subject: "Indian Market Insights",
-        body: "Digressing from the post, but it's about time we need an Indian answer to...",
-        date: "March 14, 2025",
-    },
-    {
-        id: "3",
-        sender: "Nikhil Kamath",
-        subject: "Indian Market Trends",
-        body: "Digressing from the post, but it's about time we need an Indian answer to...",
-        date: "March 12, 2025",
-    },
+  {
+    id: "1",
+    sender: "Radhika Gupta",
+    subject: "New Post for You",
+    body: "To every woman who sometimes wonders, can I do it, here is a thought — you've already been doing it. Every challenge you've faced, every setback you've overcome, every morning you showed up even when you didn't feel like it. That's not luck. That's strength. That's you doing it. So yes, you can. You already are.",
+    date: "March 17, 2025",
+  },
+  {
+    id: "2",
+    sender: "Nikhil Kamath",
+    subject: "Indian Market Insights",
+    body: "Digressing from the post, but it's about time we need an Indian answer to the global tech ecosystem. The talent is here, the ambition is here, and the market is massive. What we need is the right infrastructure, the right policies, and most importantly, the right belief in ourselves.",
+    date: "March 14, 2025",
+  },
+  {
+    id: "3",
+    sender: "Nikhil Kamath",
+    subject: "Indian Market Trends",
+    body: "Digressing from the post, but it's about time we need an Indian answer to the changing market dynamics. Innovation doesn't wait, and neither should we.",
+    date: "March 12, 2025",
+  },
 ];
 
 const EmailDetailsPage = () => {
-    const params = useParams();
-    const email = dummyEmails.find((item) => item.id === params.id);
-
-    if (!email) {
-        return <div className="p-6 text-center text-red-500">Email not found</div>;
-    }
+  const params = useParams();
+  const email = dummyEmails.find((item) => item.id === params.id);
 
+  if (!email) {
     return (
-        <div className="w-full flex items-center justify-center py-20  mx-auto bg-white  rounded-lg">
-            <div className="w-[80%]">
-                <h1 className="text-2xl font-semibold py-4">{email.subject}</h1>
-                <p className="text-sm flex gap-3 items-center text-gray-500 mb-4"> <FaUser className="text-2xl" /> {email.sender}</p>
-                <p className="text-gray-700">{email.body}</p>
-                <p className="text-sm text-gray-400 mt-4">Received on: {email.date}</p>
-            </div>
+      <div className="p-8 text-center">
+        <p className="text-red-500 text-lg">Notification not found</p>
+        <Link href="/notification" className="text-brand-500 hover:underline text-sm mt-2 inline-block">
+          Back to notifications
+        </Link>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-theme-primary px-6 md:px-12 lg:px-16 py-8 max-w-4xl">
+      <Link
+        href="/notification"
+        className="inline-flex items-center gap-2 text-sm text-theme-secondary hover:text-theme-primary transition-colors mb-6"
+      >
+        <ArrowLeft size={16} />
+        Back to notifications
+      </Link>
 
+      <div className="glass-card p-6 md:p-8">
+        <h1 className="text-2xl font-bold text-theme-primary mb-3">{email.subject}</h1>
+
+        <div className="flex items-center gap-3 mb-6 pb-4 border-b border-theme-primary">
+          <div className="w-10 h-10 rounded-full bg-brand-500/10 flex items-center justify-center">
+            <span className="text-sm font-bold text-brand-500">{email.sender.charAt(0)}</span>
+          </div>
+          <div>
+            <p className="text-sm font-semibold text-theme-primary">{email.sender}</p>
+            <div className="flex items-center gap-1 text-xs text-theme-tertiary">
+              <Clock size={12} />
+              {email.date}
+            </div>
+          </div>
         </div>
-    );
+
+        <p className="text-sm text-theme-secondary leading-relaxed">{email.body}</p>
+      </div>
+    </div>
+  );
 };
 
 export default EmailDetailsPage;
-
diff --git a/app/(root)/notification/page.tsx b/app/(root)/notification/page.tsx
index 1f949de..60cc54d 100644
--- a/app/(root)/notification/page.tsx
+++ b/app/(root)/notification/page.tsx
@@ -1,11 +1,91 @@
-import React from 'react'
+"use client";
+import React from "react";
+import { Bell, Inbox } from "lucide-react";
+import { motion } from "framer-motion";
+import { useRouter } from "next/navigation";
+
+const dummyNotifications = [
+  {
+    id: "1",
+    sender: "Radhika Gupta",
+    subject: "New Post for You",
+    body: "To every woman who sometimes wonders, can I do it, here is a thought...",
+    date: "March 17, 2025",
+    read: false,
+  },
+  {
+    id: "2",
+    sender: "Nikhil Kamath",
+    subject: "Indian Market Insights",
+    body: "Digressing from the post, but it's about time we need an Indian answer to...",
+    date: "March 14, 2025",
+    read: false,
+  },
+  {
+    id: "3",
+    sender: "Nikhil Kamath",
+    subject: "Indian Market Trends",
+    body: "Digressing from the post, but it's about time we need an Indian answer to...",
+    date: "March 12, 2025",
+    read: true,
+  },
+];
+
+const Page = () => {
+  const router = useRouter();
 
-const page = () => {
   return (
-    <div>
-      
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="flex items-center gap-3 mb-6"
+      >
+        <Bell size={28} className="text-brand-500" />
+        <h1 className="text-3xl font-bold text-theme-primary">Notifications</h1>
+        <span className="text-xs px-2 py-0.5 rounded-full bg-brand-500/10 text-brand-500 font-semibold ml-1">
+          {dummyNotifications.filter((n) => !n.read).length} new
+        </span>
+      </motion.div>
+
+      {dummyNotifications.length === 0 ? (
+        <div className="flex flex-col items-center justify-center py-20 text-center">
+          <div className="w-16 h-16 rounded-2xl bg-theme-tertiary flex items-center justify-center mb-4">
+            <Inbox size={28} className="text-theme-tertiary" />
+          </div>
+          <h3 className="text-lg font-semibold text-theme-primary mb-1">No notifications</h3>
+          <p className="text-sm text-theme-secondary">You&apos;re all caught up!</p>
+        </div>
+      ) : (
+        <div className="space-y-2 max-w-3xl">
+          {dummyNotifications.map((n, i) => (
+            <motion.div
+              key={n.id}
+              initial={{ opacity: 0, y: 10 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: 0.05 * i }}
+              onClick={() => router.push(`/notification/${n.id}`)}
+              className={`glass-card p-4 cursor-pointer hover:border-brand-500/30 transition-all duration-200 ${
+                !n.read ? "border-l-4 border-l-brand-500" : "opacity-70"
+              }`}
+            >
+              <div className="flex items-center justify-between mb-1">
+                <div className="flex items-center gap-2">
+                  <div className="w-8 h-8 rounded-full bg-brand-500/10 flex items-center justify-center">
+                    <span className="text-xs font-bold text-brand-500">{n.sender.charAt(0)}</span>
+                  </div>
+                  <span className="text-sm font-semibold text-theme-primary">{n.sender}</span>
+                </div>
+                <span className="text-xs text-theme-tertiary">{n.date}</span>
+              </div>
+              <p className="text-sm font-medium text-theme-primary ml-10">{n.subject}</p>
+              <p className="text-xs text-theme-tertiary ml-10 line-clamp-1 mt-0.5">{n.body}</p>
+            </motion.div>
+          ))}
+        </div>
+      )}
     </div>
-  )
-}
+  );
+};
 
-export default page
+export default Page;
diff --git a/app/(root)/profile/page.tsx b/app/(root)/profile/page.tsx
index 88a65da..6d5ff81 100644
--- a/app/(root)/profile/page.tsx
+++ b/app/(root)/profile/page.tsx
@@ -5,6 +5,7 @@ import AchievementsCard from "../components/AchievementsCard";
 import EditProfile from "../components/EditProfile";
 import useAuthStore from "@/app/store/useAuthStore";
 import { User } from "@/app/types/user";
+import { motion } from "framer-motion";
 
 const Page = () => {
   const { user } = useAuthStore();
@@ -21,7 +22,7 @@ const Page = () => {
     collegeDetails: user?.collegeDetails || { name: "" },
     github: user?.github || "",
     linkedin: user?.linkedin || "",
-    location: user?.location || "Maharashtra, India",
+    location: user?.location || "",
     projectsCompleted: user?.projectsCompleted || 0,
     rank: user?.rank,
     projectIds: user?.projectIds || [],
@@ -32,6 +33,7 @@ const Page = () => {
     if (user) {
       setProfileData((prevData) => ({
         ...prevData,
+        name: user.name || `${user.firstName} ${user.lastName}`,
         firstName: user.firstName,
         lastName: user.lastName,
         email: user.email,
@@ -56,47 +58,56 @@ const Page = () => {
   };
 
   return (
-    <>
-      <div className="ms-[10%]">
-        <header className="mt-6  ">
-          <p className="font-dmsans text-3xl">
-            Hello, {profileData.firstName} {profileData.lastName}!
+    <div className="min-h-screen bg-theme-primary px-6 md:px-12 lg:px-16 py-8">
+      <motion.header
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="mb-8"
+      >
+        <h1 className="text-3xl font-bold text-theme-primary">
+          Hello, {profileData.firstName || "Developer"} {profileData.lastName}!
+        </h1>
+        {!editProfile && (
+          <p className="text-theme-secondary mt-1">
+            Here&apos;s your Guild Card
           </p>
-          {!editProfile && (
-            <p className="font-dmsans text-xl font-light">
-              Here&apos;s your Guild Card
-            </p>
-          )}
-        </header>
-        {!editProfile ? (
-          <section className="mt-3 lg:flex lg:justify-start lg:gap-3 ">
-            <div className=" lg:w-[60%] h-fit flex flex-col items-center gap-14 mb-10 2xl:-ms-[10%] xl:-ms-[10%]">
-              {/* Pass dynamic profileData to ProfileCard */}
-              <ProfileCard profileData={profileData} />
-              <button
-                className="text-xl font-dmsans bg-[#004AAD] text-white px-5 py-3 rounded-md font-light"
-                onClick={() => {
-                  setEditProfile(true);
-                }}
-              >
-                Edit Guild Profile
-              </button>
-            </div>
+        )}
+      </motion.header>
 
-            <div className="w[90%] lg:w-[40%] mb-20 me-10 flex flex-col gap-14 items-center ">
-              <AchievementsCard />
-              <button className="text-xl w-fit font-dmsans bg-[#004AAD] text-white px-5 py-3 rounded-md font-light">
-                Add Achievements
-              </button>
-            </div>
-          </section>
-        ) : (
-          <div className="mt-4">
-            <EditProfile onProfileUpdate={handleProfileUpdate} />
+      {!editProfile ? (
+        <motion.section
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          transition={{ delay: 0.1 }}
+          className="lg:flex lg:justify-start lg:gap-8"
+        >
+          <div className="lg:w-[55%] flex flex-col items-center gap-6 mb-10">
+            <ProfileCard profileData={profileData} />
+            <button
+              className="bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 text-white px-6 py-3 rounded-xl text-base font-medium transition-all duration-200 shadow-md hover:shadow-lg active:scale-[0.98]"
+              onClick={() => setEditProfile(true)}
+            >
+              Edit Guild Profile
+            </button>
           </div>
-        )}
-      </div>
-    </>
+
+          <div className="lg:w-[40%] mb-20 flex flex-col gap-6 items-center">
+            <AchievementsCard />
+            <button className="bg-theme-card border border-theme-primary text-theme-primary px-6 py-3 rounded-xl text-base font-medium hover:bg-theme-tertiary transition-all duration-200">
+              Add Achievements
+            </button>
+          </div>
+        </motion.section>
+      ) : (
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          animate={{ opacity: 1, y: 0 }}
+          className="mt-4"
+        >
+          <EditProfile onProfileUpdate={handleProfileUpdate} />
+        </motion.div>
+      )}
+    </div>
   );
 };
 
diff --git a/app/(root)/project/ProjectList.tsx b/app/(root)/project/ProjectList.tsx
index 70da385..b6e4b5c 100644
--- a/app/(root)/project/ProjectList.tsx
+++ b/app/(root)/project/ProjectList.tsx
@@ -1,18 +1,47 @@
 "use client";
-import { IoShareSocialSharp } from "react-icons/io5";
-import { FaRegBookmark } from "react-icons/fa";
+import { Share2, Bookmark, MapPin, ExternalLink } from "lucide-react";
 import React, { useState, useEffect } from "react";
 import Link from "next/link";
-import { IoLocationOutline } from "react-icons/io5";
 import axios from "axios";
 import { Project } from "@/app/types/projects";
 import { useSession } from "next-auth/react";
 import { useRouter } from "next/navigation";
+import { motion } from "framer-motion";
+
+const domainColors: Record<string, string> = {
+  "web-dev": "bg-blue-500/10 text-blue-500 dark:text-blue-400 border-blue-500/20",
+  "app-dev": "bg-green-500/10 text-green-500 dark:text-green-400 border-green-500/20",
+  "data science": "bg-purple-500/10 text-purple-500 dark:text-purple-400 border-purple-500/20",
+  "machine learning": "bg-amber-500/10 text-amber-500 dark:text-amber-400 border-amber-500/20",
+  "ai": "bg-pink-500/10 text-pink-500 dark:text-pink-400 border-pink-500/20",
+  "iot": "bg-cyan-500/10 text-cyan-500 dark:text-cyan-400 border-cyan-500/20",
+  "cyber security": "bg-red-500/10 text-red-500 dark:text-red-400 border-red-500/20",
+  default: "bg-gray-500/10 text-gray-500 dark:text-gray-400 border-gray-500/20",
+};
+
+function getDomainColor(domain: string) {
+  return domainColors[domain.toLowerCase()] || domainColors.default;
+}
+
+const SkeletonCard = () => (
+  <div className="w-full py-6 mb-4 rounded-xl px-8 bg-theme-card border border-theme-primary animate-pulse">
+    <div className="flex items-center gap-4 mb-4">
+      <div className="w-14 h-14 rounded-xl skeleton" />
+      <div className="flex-1">
+        <div className="h-6 w-48 skeleton mb-2" />
+        <div className="h-4 w-32 skeleton" />
+      </div>
+    </div>
+    <div className="h-4 w-full skeleton mb-2" />
+    <div className="h-4 w-3/4 skeleton" />
+  </div>
+);
 
 const ProjectList = () => {
   const { data: session, status } = useSession();
   const router = useRouter();
   const [projects, setProjects] = useState<Project[]>([]);
+  const [loading, setLoading] = useState(true);
 
   useEffect(() => {
     if (status === "unauthenticated") {
@@ -28,6 +57,8 @@ const ProjectList = () => {
           setProjects(response.data);
         } catch (error) {
           console.error("Error fetching projects:", error);
+        } finally {
+          setLoading(false);
         }
       }
     };
@@ -35,8 +66,14 @@ const ProjectList = () => {
     getData();
   }, [session, status, router]);
 
-  if (status === "loading") {
-    return <div>Loading...</div>;
+  if (status === "loading" || loading) {
+    return (
+      <div className="lg:ms-[22rem] p-6 min-h-screen w-full bg-theme-secondary">
+        {[1, 2, 3].map((i) => (
+          <SkeletonCard key={i} />
+        ))}
+      </div>
+    );
   }
 
   if (!session) {
@@ -44,83 +81,99 @@ const ProjectList = () => {
   }
 
   return (
-    <div className="lg:ms-[22rem] p-5 min-h-screen w-full bg-[#eaeaea]">
-      {projects.map((project) => (
-        <div
-          key={project._id}
-          className="w-full max-h-[60%] py-5 mb-5 rounded-lg shadow-md px-14 bg-white"
-        >
-          <div className="flex justify-between items-center">
-            <div className="flex justify-center items-center">
-              <div className="relative w-[81px] h-[83px] flex items-center justify-center">
-                {/* Background Rectangle */}
-                <svg
-                  width="81"
-                  height="83"
-                  viewBox="0 0 81 83"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <rect
-                    x="0.5"
-                    y="0.5"
-                    width="80"
-                    height="82"
-                    fill="#FEF9E8"
-                    stroke="#F2AF04"
-                  />
-                </svg>
-
-                {/* "S" Character SVG Positioned in Center */}
-                <svg
-                  width="25"
-                  height="37"
-                  viewBox="0 0 25 37"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="absolute"
-                >
-                  <path
-                    d="M12.9 36.6C10.3333 36.6 8.1 36.1333 6.2 35.2C4.3 34.2667 2.83333 32.9667 1.8 31.3C0.766667 29.6333 0.25 27.7 0.25 25.5H4.65C4.65 26.8667 4.96667 28.1333 5.6 29.3C6.23333 30.4333 7.15 31.35 8.35 32.05C9.58333 32.7167 11.1 33.05 12.9 33.05C14.4667 33.05 15.8 32.8 16.9 32.3C18.0333 31.7667 18.8833 31.05 19.45 30.15C20.05 29.25 20.35 28.2333 20.35 27.1C20.35 25.7333 20.05 24.6333 19.45 23.8C18.8833 22.9333 18.1 22.2333 17.1 21.7C16.1 21.1667 14.9333 20.7 13.6 20.3C12.3 19.8667 10.9333 19.4167 9.5 18.95C6.73333 18.0167 4.7 16.85 3.4 15.45C2.1 14.05 1.45 12.2333 1.45 10C1.45 8.1 1.88333 6.43333 2.75 5C3.65 3.56667 4.91667 2.45 6.55 1.65C8.21667 0.816666 10.1833 0.399999 12.45 0.399999C14.6833 0.399999 16.6167 0.816666 18.25 1.65C19.9167 2.48333 21.2167 3.63333 22.15 5.1C23.0833 6.53333 23.55 8.2 23.55 10.1H19.15C19.15 9.13333 18.9 8.18333 18.4 7.25C17.9 6.31666 17.1333 5.55 16.1 4.95C15.1 4.31666 13.8333 4 12.3 4C11.0333 3.96666 9.9 4.18333 8.9 4.65C7.93333 5.08333 7.16667 5.71667 6.6 6.55C6.06667 7.38333 5.8 8.4 5.8 9.6C5.8 10.7333 6.03333 11.65 6.5 12.35C7 13.05 7.7 13.65 8.6 14.15C9.53333 14.6167 10.6167 15.05 11.85 15.45C13.0833 15.85 14.45 16.3 15.95 16.8C17.65 17.3667 19.15 18.0667 20.45 18.9C21.7833 19.7 22.8167 20.7333 23.55 22C24.3167 23.2667 24.7 24.8833 24.7 26.85C24.7 28.5167 24.25 30.1 23.35 31.6C22.4833 33.0667 21.1833 34.2667 19.45 35.2C17.7167 36.1333 15.5333 36.6 12.9 36.6Z"
-                    fill="#F2AF04"
-                  />
-                </svg>
-              </div>
-              <div className="py-4 px-8">
-                <div className="text-3xl">{project.title}</div>
-                <div className="text-md">{project.link}</div>
-                <div className="flex text-sm py-2 gap-5">
-                  <div>
-                    Domains :{" "}
-                    <span className="text-[#c0c0c0]">{project.domains}</span>
-                  </div>
-                  <div className="text-[#c0c0c0] flex gap-1 items-center">
-                    <IoLocationOutline />
-                    {project.location}
+    <div className="lg:ms-[22rem] p-6 min-h-screen w-full bg-theme-secondary">
+      {/* Results header */}
+      <div className="flex items-center justify-between mb-6 lg:hidden">
+        <p className="text-sm text-theme-secondary">
+          <span className="text-brand-500 font-semibold">{projects.length}</span> projects found
+        </p>
+      </div>
+
+      {projects.length === 0 && !loading ? (
+        <div className="flex flex-col items-center justify-center py-20 text-center">
+          <div className="w-20 h-20 rounded-2xl bg-theme-tertiary flex items-center justify-center mb-4">
+            <ExternalLink size={32} className="text-theme-tertiary" />
+          </div>
+          <h3 className="text-xl font-semibold text-theme-primary mb-2">No projects found</h3>
+          <p className="text-theme-secondary">Try adjusting your filters or create a new project!</p>
+        </div>
+      ) : (
+        projects.map((project, index) => (
+          <motion.div
+            key={project._id}
+            initial={{ opacity: 0, y: 12 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.3, delay: index * 0.05 }}
+            className="w-full py-5 mb-4 rounded-xl shadow-sm px-8 bg-theme-card border border-theme-primary hover:border-brand-500/30 hover:shadow-md transition-all duration-200"
+          >
+            <div className="flex justify-between items-start gap-4">
+              <div className="flex items-start gap-4 flex-1">
+                {/* Rank badge */}
+                <div className="w-14 h-14 rounded-xl bg-gradient-to-br from-amber-400/20 to-amber-600/20 border border-amber-500/30 flex items-center justify-center flex-shrink-0">
+                  <span className="text-2xl font-bold text-amber-500">S</span>
+                </div>
+
+                <div className="flex-1 min-w-0">
+                  <h3 className="text-xl font-semibold text-theme-primary truncate">
+                    {project.title}
+                  </h3>
+                  {project.link && (
+                    <p className="text-sm text-brand-500 dark:text-brand-400 truncate">{project.link}</p>
+                  )}
+                  <div className="flex flex-wrap items-center gap-3 mt-2">
+                    {/* Domain badges */}
+                    {project.domains && project.domains.length > 0 && (
+                      <div className="flex flex-wrap gap-1.5">
+                        {(Array.isArray(project.domains) ? project.domains : [project.domains]).map((d, i) => (
+                          <span
+                            key={i}
+                            className={`text-xs px-2.5 py-1 rounded-full border font-medium ${getDomainColor(String(d))}`}
+                          >
+                            {String(d)}
+                          </span>
+                        ))}
+                      </div>
+                    )}
+                    {project.location && (
+                      <span className="flex items-center gap-1 text-xs text-theme-tertiary">
+                        <MapPin size={12} />
+                        {project.location}
+                      </span>
+                    )}
                   </div>
                 </div>
               </div>
+
+              <div className="flex gap-2 flex-shrink-0">
+                <button className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors">
+                  <Share2 size={16} />
+                </button>
+                <button className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors">
+                  <Bookmark size={16} />
+                </button>
+              </div>
             </div>
-            <div className="flex gap-5">
-              <IoShareSocialSharp className="text-2xl" />
-              <FaRegBookmark className="text-2xl" />
+
+            <hr className="my-3 border-theme-primary" />
+
+            <div>
+              <p className="text-sm font-medium text-theme-secondary mb-1">Description</p>
+              <p className="text-sm text-theme-tertiary line-clamp-3 leading-relaxed">
+                {project.description}
+              </p>
+              <Link
+                href={`/project/${project._id}`}
+                className="inline-flex items-center gap-1.5 mt-3 text-sm font-medium text-brand-500 dark:text-brand-400 hover:text-brand-600 dark:hover:text-brand-300 transition-colors"
+              >
+                Learn More
+                <ExternalLink size={14} />
+              </Link>
             </div>
-          </div>
-          <hr className="my-2 border-gray-300" />
-          <div>
-            <div>Description:</div>
-            <p className="text-[#7b7a7a] overflow-clip px-4 max-h-[120px]">
-              {project.description}
-            </p>
-            <button className="text-[#014aad] py-1 px-4 border rounded-md border-gray-200 mt-4">
-              <Link href={`/project/${project._id}`}>Learn More</Link>
-            </button>
-          </div>
-        </div>
-      ))}
+          </motion.div>
+        ))
+      )}
     </div>
   );
 };
 
 export default ProjectList;
-
diff --git a/app/(root)/project/Sidebar1.tsx b/app/(root)/project/Sidebar1.tsx
index d792f33..2601957 100644
--- a/app/(root)/project/Sidebar1.tsx
+++ b/app/(root)/project/Sidebar1.tsx
@@ -1,15 +1,14 @@
 "use client";
 
 import React, { useState } from "react";
-import { MdOutlineMenuOpen } from "react-icons/md";
-import { IoMdArrowDropdown } from "react-icons/io";
-import { IoSearchOutline } from "react-icons/io5";
+import { ChevronDown, Search, Filter, X } from "lucide-react";
+
 const Sidebar1 = () => {
   const [query, setQuery] = useState("");
   const [selectedItems, setSelectedItems] = useState<string[]>([]);
   const [selectRank, setSelectRank] = useState<string[]>([]);
   const [isRankOpen, setIsRankOpen] = useState(false);
-  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(true);
   const [isSidebarOpen, setIsSidebarOpen] = useState(false);
 
   const items = [
@@ -21,17 +20,13 @@ const Sidebar1 = () => {
     "IOT",
     "Cyber Security",
   ];
-  const rank = ["S", "A", "B", "C", "D", "E", "F"];
+  const rank = ["S", "A+", "A", "B+", "B", "C", "D", "E"];
 
   const filteredItems = items.filter((item) =>
     item.toLowerCase().includes(query.toLowerCase())
   );
-  const filteredRank = rank.filter((item) =>
-    item.toLowerCase().includes(query.toLowerCase())
-  );
 
   const handleCheckboxChange = (item: string) => {
-    setQuery(""); // Clear the search query when an item is selected (Change as needed)
     setSelectedItems((prev) =>
       prev.includes(item) ? prev.filter((i) => i !== item) : [...prev, item]
     );
@@ -43,150 +38,195 @@ const Sidebar1 = () => {
     );
   };
 
+  const clearFilters = () => {
+    setSelectedItems([]);
+    setSelectRank([]);
+    setQuery("");
+  };
+
+  const totalFilters = selectedItems.length + selectRank.length;
+
   return (
     <>
       {/* Toggle Button for Mobile */}
       <button
-        className="lg:hidden fixed top-16 right-6 text-gray-400 mt-3 px-3 py-1 text-4xl rounded-md z-40"
+        className="lg:hidden fixed top-20 right-4 z-40 p-2.5 rounded-xl bg-theme-card border border-theme-primary shadow-md text-theme-secondary hover:text-theme-primary transition-colors"
         onClick={() => setIsSidebarOpen(!isSidebarOpen)}
       >
-        {!isSidebarOpen ? (
-          <MdOutlineMenuOpen className="rotate-180" />
-        ) : (
-          <MdOutlineMenuOpen />
+        <Filter size={18} />
+        {totalFilters > 0 && (
+          <span className="absolute -top-1 -right-1 w-5 h-5 bg-brand-500 text-white text-xs rounded-full flex items-center justify-center font-medium">
+            {totalFilters}
+          </span>
         )}
       </button>
 
+      {/* Overlay for mobile */}
+      {isSidebarOpen && (
+        <div
+          className="fixed inset-0 bg-black/40 backdrop-blur-sm z-30 lg:hidden"
+          onClick={() => setIsSidebarOpen(false)}
+        />
+      )}
+
       {/* Sidebar */}
       <div
-        className={`fixed z-10 mt-10 lg:mt-1 h-full w-[22rem] bg-white text-gray-800 px-4 py-6 border-r-2 transition-transform duration-300 lg:translate-x-0 
-        ${isSidebarOpen ? "translate-x-0" : "-translate-x-full"} `}
+        className={`fixed z-40 mt-0 h-[calc(100vh-4rem)] w-[20rem] bg-theme-sidebar border-r border-theme-primary px-5 py-6 overflow-y-auto transition-transform duration-300 lg:translate-x-0 ${
+          isSidebarOpen ? "translate-x-0" : "-translate-x-full"
+        }`}
       >
-        <div className="lg:flex justify-between hidden lg:items-center ">
-          <div>
-            <span className="text-green-600 px-1">8</span>project found{" "}
-          </div>
-          <div className="bg-[#e8f0fe] rounded-md py-1 px-5 text-[#014aad]">
-            clear filter
+        {/* Header */}
+        <div className="flex justify-between items-center mb-4">
+          <div className="flex items-center gap-2">
+            <Filter size={16} className="text-theme-tertiary" />
+            <span className="text-sm font-semibold text-theme-primary">Filters</span>
+            {totalFilters > 0 && (
+              <span className="text-xs px-2 py-0.5 rounded-full bg-brand-500/10 text-brand-500 dark:text-brand-400 font-medium">
+                {totalFilters}
+              </span>
+            )}
           </div>
+          {totalFilters > 0 && (
+            <button
+              onClick={clearFilters}
+              className="text-xs font-medium text-brand-500 dark:text-brand-400 hover:text-brand-600 transition-colors"
+            >
+              Clear all
+            </button>
+          )}
         </div>
 
         {/* Search Bar */}
-        <div className="py-3">
-          <div className="relative max-w-md py-1 mx-auto border border-gray-300 rounded-lg">
-            <IoSearchOutline className="absolute left-2 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg" />
-            <input
-              type="text"
-              placeholder="Search..."
-              className="w-full pl-8 pr-2 py-1 outline-none"
-            />
-          </div>
-        </div>
-
-        {/* Filter */}
-
-        <div
-          className="w-full flex items-center justify-between py-2 bg-white"
-          onClick={() => setIsDropdownOpen(!isDropdownOpen)}
-        >
-          <div>Domain</div>
-          <IoMdArrowDropdown
-            className={`text-2xl transition-transform ${
-              isDropdownOpen ? "rotate-180" : "rotate-0"
-            }`}
+        <div className="relative mb-5">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-theme-tertiary" size={14} />
+          <input
+            type="text"
+            placeholder="Search filters..."
+            value={query}
+            onChange={(e) => setQuery(e.target.value)}
+            className="w-full pl-9 pr-3 py-2.5 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500 transition-all"
           />
         </div>
 
-        {isDropdownOpen && (
-          <div>
-            <ul className=" w-full flex flex-col flex-wrap  mt-1 bg-white p-2 max-h-40 overflow-auto">
-              {filteredItems.length > 0 ? (
-                filteredItems.map((item, index) => (
-                  <li
-                    key={index}
-                    className="flex text-base items-center p-1 hover:bg-gray-100"
-                  >
-                    <input
-                      type="checkbox"
-                      checked={selectedItems.includes(item)}
-                      onChange={() => handleCheckboxChange(item)}
-                      className="mr-2"
-                    />
-                    {item}
-                  </li>
-                ))
-              ) : (
-                <li className="text-gray-500 p-1">No results found</li>
+        {/* Domain Filter */}
+        <div className="mb-4">
+          <button
+            className="w-full flex items-center justify-between py-2 text-sm font-semibold text-theme-primary"
+            onClick={() => setIsDropdownOpen(!isDropdownOpen)}
+          >
+            Domain
+            <ChevronDown
+              size={16}
+              className={`text-theme-tertiary transition-transform duration-200 ${
+                isDropdownOpen ? "rotate-180" : ""
+              }`}
+            />
+          </button>
+
+          {isDropdownOpen && (
+            <div className="mt-1 space-y-0.5">
+              {filteredItems.map((item) => (
+                <label
+                  key={item}
+                  className="flex items-center gap-2.5 px-2 py-2 rounded-lg hover:bg-theme-tertiary cursor-pointer transition-colors"
+                >
+                  <input
+                    type="checkbox"
+                    checked={selectedItems.includes(item)}
+                    onChange={() => handleCheckboxChange(item)}
+                    className="w-4 h-4 rounded border-theme-secondary accent-brand-500"
+                  />
+                  <span className="text-sm text-theme-secondary">{item}</span>
+                </label>
+              ))}
+              {filteredItems.length === 0 && (
+                <p className="text-xs text-theme-tertiary px-2 py-2">No results found</p>
               )}
-            </ul>
-
-            <div className=" max-w-md py-3 mx-auto">
-              <input
-                type="text"
-                placeholder="Enter Domain"
-                className="w-full px-2 py-1 border border-gray-300 rounded-lg"
-              />
             </div>
-          </div>
-        )}
-        <hr className="my-2 border-gray-300" />
+          )}
+        </div>
+
+        <hr className="border-theme-primary mb-4" />
 
         {/* Institute */}
-        <div className=" max-w-md py-3 mx-auto">
-          <div className="py-2 flex items-center justify-between">
-            <div>Institute</div>
-            <IoMdArrowDropdown className={`text-2xl`} />
-          </div>
+        <div className="mb-4">
+          <p className="text-sm font-semibold text-theme-primary mb-2">Institute</p>
           <input
             type="text"
-            placeholder="Mention institute name here."
-            className="w-full px-2 py-1 border border-gray-300 rounded-lg"
-          />
-        </div>
-        <hr className="my-2 border-gray-300" />
-
-        {/* Rank */}
-
-        <div
-          className="w-full flex items-center justify-between py-2 bg-white"
-          onClick={() => setIsRankOpen(!isRankOpen)}
-        >
-          <div>Rank</div>
-          <IoMdArrowDropdown
-            className={`text-2xl transition-transform ${
-              isRankOpen ? "rotate-180" : "rotate-0"
-            }`}
+            placeholder="Enter institute name..."
+            className="w-full px-3 py-2.5 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500 transition-all"
           />
         </div>
 
-        {isRankOpen && (
-          <ul className=" w-full flex flex-col flex-wrap  mt-1 bg-white p-2  max-h-40 overflow-auto">
-            {filteredRank.length > 0 ? (
-              filteredRank.map((item, index) => (
-                <li
-                  key={index}
-                  className="flex items-center p-1 hover:bg-gray-100"
+        <hr className="border-theme-primary mb-4" />
+
+        {/* Rank Filter */}
+        <div className="mb-4">
+          <button
+            className="w-full flex items-center justify-between py-2 text-sm font-semibold text-theme-primary"
+            onClick={() => setIsRankOpen(!isRankOpen)}
+          >
+            Rank
+            <ChevronDown
+              size={16}
+              className={`text-theme-tertiary transition-transform duration-200 ${
+                isRankOpen ? "rotate-180" : ""
+              }`}
+            />
+          </button>
+
+          {isRankOpen && (
+            <div className="mt-1 flex flex-wrap gap-2">
+              {rank.map((item) => (
+                <button
+                  key={item}
+                  onClick={() => handleRankChange(item)}
+                  className={`px-3 py-1.5 rounded-lg text-sm font-medium border transition-all duration-200 ${
+                    selectRank.includes(item)
+                      ? "bg-brand-500/15 border-brand-500/30 text-brand-500 dark:text-brand-400"
+                      : "bg-theme-tertiary border-theme-primary text-theme-secondary hover:border-theme-secondary"
+                  }`}
                 >
-                  <input
-                    type="checkbox"
-                    checked={selectRank.includes(item)}
-                    onChange={() => handleRankChange(item)}
-                    className="mr-2"
-                  />
                   {item}
-                </li>
-              ))
-            ) : (
-              <li className="text-gray-500 p-1">No results found</li>
-            )}
-          </ul>
-        )}
-        <hr className="my-2 border-gray-300" />
-        {/* Others */}
-        <div className="py-2 flex items-center justify-between">
-          Other
-          <IoMdArrowDropdown className={`text-2xl `} />
+                </button>
+              ))}
+            </div>
+          )}
         </div>
+
+        <hr className="border-theme-primary mb-4" />
+
+        {/* Selected Filters Tags */}
+        {totalFilters > 0 && (
+          <div className="flex flex-wrap gap-2">
+            {selectedItems.map((item) => (
+              <span
+                key={item}
+                className="flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium bg-brand-500/10 text-brand-500 dark:text-brand-400 border border-brand-500/20"
+              >
+                {item}
+                <X
+                  size={12}
+                  className="cursor-pointer hover:text-brand-600"
+                  onClick={() => handleCheckboxChange(item)}
+                />
+              </span>
+            ))}
+            {selectRank.map((item) => (
+              <span
+                key={item}
+                className="flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium bg-purple-500/10 text-purple-500 dark:text-purple-400 border border-purple-500/20"
+              >
+                Rank {item}
+                <X
+                  size={12}
+                  className="cursor-pointer hover:text-purple-600"
+                  onClick={() => handleRankChange(item)}
+                />
+              </span>
+            ))}
+          </div>
+        )}
       </div>
     </>
   );
diff --git a/app/(root)/project/[id]/Detail.tsx b/app/(root)/project/[id]/Detail.tsx
index 9768edf..0732a2e 100644
--- a/app/(root)/project/[id]/Detail.tsx
+++ b/app/(root)/project/[id]/Detail.tsx
@@ -1,16 +1,14 @@
 "use client";
 import React, { useState, useEffect, useCallback } from "react";
-import { IoShareSocialSharp } from "react-icons/io5";
-import { FaRegBookmark } from "react-icons/fa";
+import { Share2, Bookmark } from "lucide-react";
 import axios from "axios";
 import { Project } from "@/app/types/projects";
 import { useSession } from "next-auth/react";
 import Link from "next/link";
 import ProjectUpdates from "./ProjectUpdates";
+import { motion } from "framer-motion";
 
-type DetailProps = {
-  id: string;
-};
+type DetailProps = { id: string };
 
 const Detail = ({ id }: DetailProps) => {
   const { data: session } = useSession();
@@ -33,8 +31,11 @@ const Detail = ({ id }: DetailProps) => {
 
   if (!project) {
     return (
-      <div className="flex justify-center items-center min-h-screen">
-        Loading project details...
+      <div className="lg:ms-[18rem] p-6 min-h-screen w-full bg-theme-secondary flex items-center justify-center">
+        <div className="flex flex-col items-center gap-3">
+          <div className="w-8 h-8 border-2 border-brand-500 border-t-transparent rounded-full animate-spin" />
+          <p className="text-sm text-theme-secondary">Loading project...</p>
+        </div>
       </div>
     );
   }
@@ -42,91 +43,72 @@ const Detail = ({ id }: DetailProps) => {
   const isOwner = session?.user?.id === project.owner._id;
 
   return (
-    <div className="lg:ms-[22%] xl:ms-[18rem] p-5 min-h-screen w-full bg-[#eaeaea]">
-      <div className="w-full py-5 mb-5 rounded-lg shadow-md px-14 bg-white">
-        <div className="flex justify-between items-center">
-          <div className="flex justify-center items-center">
-            <div className="relative w-[81px] h-[83px] flex items-center justify-center">
-              {/* Background Rectangle */}
-              <svg
-                width="81"
-                height="83"
-                viewBox="0 0 81 83"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <rect
-                  x="0.5"
-                  y="0.5"
-                  width="80"
-                  height="82"
-                  fill="#FEF9E8"
-                  stroke="#F2AF04"
-                />
-              </svg>
-
-              {/* "S" Character SVG Positioned in Center */}
-              <svg
-                width="25"
-                height="37"
-                viewBox="0 0 25 37"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-                className="absolute"
-              >
-                <path
-                  d="M12.9 36.6C10.3333 36.6 8.1 36.1333 6.2 35.2C4.3 34.2667 2.83333 32.9667 1.8 31.3C0.766667 29.6333 0.25 27.7 0.25 25.5H4.65C4.65 26.8667 4.96667 28.1333 5.6 29.3C6.23333 30.4333 7.15 31.35 8.35 32.05C9.58333 32.7167 11.1 33.05 12.9 33.05C14.4667 33.05 15.8 32.8 16.9 32.3C18.0333 31.7667 18.8833 31.05 19.45 30.15C20.05 29.25 20.35 28.2333 20.35 27.1C20.35 25.7333 20.05 24.6333 19.45 23.8C18.8833 22.9333 18.1 22.2333 17.1 21.7C16.1 21.1667 14.9333 20.7 13.6 20.3C12.3 19.8667 10.9333 19.4167 9.5 18.95C6.73333 18.0167 4.7 16.85 3.4 15.45C2.1 14.05 1.45 12.2333 1.45 10C1.45 8.1 1.88333 6.43333 2.75 5C3.65 3.56667 4.91667 2.45 6.55 1.65C8.21667 0.816666 10.1833 0.399999 12.45 0.399999C14.6833 0.399999 16.6167 0.816666 18.25 1.65C19.9167 2.48333 21.2167 3.63333 22.15 5.1C23.0833 6.53333 23.55 8.2 23.55 10.1H19.15C19.15 9.13333 18.9 8.18333 18.4 7.25C17.9 6.31666 17.1333 5.55 16.1 4.95C15.1 4.31666 13.8333 4 12.3 4C11.0333 3.96666 9.9 4.18333 8.9 4.65C7.93333 5.08333 7.16667 5.71667 6.6 6.55C6.06667 7.38333 5.8 8.4 5.8 9.6C5.8 10.7333 6.03333 11.65 6.5 12.35C7 13.05 7.7 13.65 8.6 14.15C9.53333 14.6167 10.6167 15.05 11.85 15.45C13.0833 15.85 14.45 16.3 15.95 16.8C17.65 17.3667 19.15 18.0667 20.45 18.9C21.7833 19.7 22.8167 20.7333 23.55 22C24.3167 23.2667 24.7 24.8833 24.7 26.85C24.7 28.5167 24.25 30.1 23.35 31.6C22.4833 33.0667 21.1833 34.2667 19.45 35.2C17.7167 36.1333 15.5333 36.6 12.9 36.6Z"
-                  fill="#F2AF04"
-                />
-              </svg>
+    <div className="lg:ms-[18rem] p-6 min-h-screen w-full bg-theme-secondary">
+      <motion.div
+        initial={{ opacity: 0, y: 12 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="w-full py-6 mb-5 rounded-xl shadow-sm px-8 bg-theme-card border border-theme-primary"
+      >
+        <div className="flex justify-between items-start gap-4">
+          <div className="flex items-start gap-4 flex-1">
+            <div className="w-16 h-16 rounded-xl bg-gradient-to-br from-amber-400/20 to-amber-600/20 border border-amber-500/30 flex items-center justify-center flex-shrink-0">
+              <span className="text-2xl font-bold text-amber-500">S</span>
             </div>
-
-            <div className="py-4 px-8">
-              <div className="text-3xl">{project.title}</div>
-              <div className="flex text-sm py-2 gap-5">
-                <div>
-                  Domains:
-                  <span className="text-[#c0c0c0]">
-                    {project.domains.join(", ")}
-                  </span>
-                </div>
-                <div className="text-[#c0c0c0]">{project.location}</div>
+            <div>
+              <h1 className="text-2xl font-bold text-theme-primary">{project.title}</h1>
+              <div className="flex flex-wrap items-center gap-3 mt-1">
+                {project.domains && (
+                  <div className="flex flex-wrap gap-1.5">
+                    {project.domains.map((d, i) => (
+                      <span key={i} className="text-xs px-2.5 py-1 rounded-full bg-brand-500/10 text-brand-500 dark:text-brand-400 border border-brand-500/20 font-medium">
+                        {d}
+                      </span>
+                    ))}
+                  </div>
+                )}
+                {project.location && (
+                  <span className="text-xs text-theme-tertiary">{project.location}</span>
+                )}
               </div>
             </div>
           </div>
-          <div className="flex items-center gap-5">
+
+          <div className="flex items-center gap-2 flex-shrink-0">
             {isOwner && (
               <Link
                 href={`/project/${id}/requests`}
-                className="text-white bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-md transition-colors duration-300"
+                className="flex items-center gap-1.5 bg-gradient-to-r from-brand-500 to-purple-600 text-white px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 hover:from-brand-600 hover:to-purple-700 active:scale-[0.98]"
               >
                 View Requests
               </Link>
             )}
-            <IoShareSocialSharp className="text-2xl cursor-pointer" />
-            <FaRegBookmark className="text-2xl cursor-pointer" />
+            <button className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors">
+              <Share2 size={18} />
+            </button>
+            <button className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors">
+              <Bookmark size={18} />
+            </button>
           </div>
         </div>
-        <hr className="my-2 border-gray-300" />
-        <div className="py-2">
-          <div className="font-semibold">Description:</div>
-          <p className="text-[#7b7a7a] overflow-clip px-4">
-            {project.description}
-          </p>
-        </div>
-        <div className="py-2">
-          <div className="font-semibold">Minimum Requirements:</div>
-          <p className="text-[#7b7a7a] overflow-clip px-4">
-            {project.requirements}
-          </p>
-        </div>
-        <div className="py-2">
-          <div className="font-semibold">Possible Responsibilities:</div>
-          <p className="text-[#7b7a7a] overflow-clip px-4">
-            {project.responsibilities}
-          </p>
+
+        <hr className="my-4 border-theme-primary" />
+
+        <div className="space-y-4">
+          <div>
+            <h3 className="text-sm font-semibold text-theme-primary mb-1">Description</h3>
+            <p className="text-sm text-theme-secondary leading-relaxed pl-4">{project.description}</p>
+          </div>
+          <div>
+            <h3 className="text-sm font-semibold text-theme-primary mb-1">Minimum Requirements</h3>
+            <p className="text-sm text-theme-secondary leading-relaxed pl-4">{project.requirements}</p>
+          </div>
+          <div>
+            <h3 className="text-sm font-semibold text-theme-primary mb-1">Responsibilities</h3>
+            <p className="text-sm text-theme-secondary leading-relaxed pl-4">{project.responsibilities}</p>
+          </div>
         </div>
-      </div>
+      </motion.div>
+
       <ProjectUpdates projectId={project._id} projectOwnerId={project.owner._id} />
     </div>
   );
diff --git a/app/(root)/project/[id]/ProjectUpdates.tsx b/app/(root)/project/[id]/ProjectUpdates.tsx
index e0799da..ffee547 100644
--- a/app/(root)/project/[id]/ProjectUpdates.tsx
+++ b/app/(root)/project/[id]/ProjectUpdates.tsx
@@ -4,15 +4,12 @@ import axios from "axios";
 import { useSession } from "next-auth/react";
 import { toast } from "sonner";
 import Image from "next/image";
+import { Send, MessageCircle } from "lucide-react";
+import { motion } from "framer-motion";
 
 interface Comment {
   _id: string;
-  user: {
-    _id: string;
-    firstName: string;
-    lastName: string;
-    profilePic?: string;
-  };
+  user: { _id: string; firstName: string; lastName: string; profilePic?: string };
   content: string;
   createdAt: string;
 }
@@ -45,14 +42,11 @@ const ProjectUpdates = ({ projectId, projectOwnerId }: ProjectUpdatesProps) => {
       setUpdates(response.data);
     } catch (error) {
       console.error("Failed to fetch updates", error);
-      toast.error("Failed to load project updates.");
     }
   }, [projectId]);
 
   useEffect(() => {
-    if (projectId) {
-      fetchUpdates();
-    }
+    if (projectId) fetchUpdates();
   }, [projectId, fetchUpdates]);
 
   const handlePostUpdate = async (e: React.FormEvent) => {
@@ -66,126 +60,119 @@ const ProjectUpdates = ({ projectId, projectOwnerId }: ProjectUpdatesProps) => {
       setUpdates([response.data, ...updates]);
       setNewUpdateTitle("");
       setNewUpdateContent("");
-      toast.success("Update posted successfully!", { id: toastId });
+      toast.success("Update posted!", { id: toastId });
     } catch (error) {
-      toast.error(`Failed to post update: ${error}`, { id: toastId });
+      toast.error(`Failed: ${error}`, { id: toastId });
     }
   };
 
   const handlePostComment = async (updateId: string) => {
     const content = newComment[updateId];
     if (!content) return;
-
-    const toastId = toast.loading("Posting comment...");
+    const toastId = toast.loading("Posting...");
     try {
-      const response = await axios.post(`/api/update/${updateId}/comment`, {
-        content,
-      });
-      const updatedUpdates = updates.map((update) =>
-        update._id === updateId
-          ? { ...update, comments: [...update.comments, response.data] }
-          : update
-      );
-      setUpdates(updatedUpdates);
+      const response = await axios.post(`/api/update/${updateId}/comment`, { content });
+      setUpdates(updates.map((u) =>
+        u._id === updateId ? { ...u, comments: [...u.comments, response.data] } : u
+      ));
       setNewComment({ ...newComment, [updateId]: "" });
-      toast.success("Comment posted successfully!", { id: toastId });
+      toast.success("Comment posted!", { id: toastId });
     } catch (error) {
-      toast.error(`Failed to post comment.: ${error}`, { id: toastId });
+      toast.error(`Failed: ${error}`, { id: toastId });
     }
   };
 
   return (
-    <div className="mt-8">
-      <h2 className="text-2xl font-bold mb-4">Project Updates</h2>
+    <div className="mt-6">
+      <h2 className="text-xl font-bold text-theme-primary mb-4 flex items-center gap-2">
+        <MessageCircle size={20} className="text-brand-500" />
+        Project Updates
+      </h2>
 
       {isOwner && (
-        <form
-          onSubmit={handlePostUpdate}
-          className="mb-8 p-4 border rounded-lg bg-white"
-        >
-          <h3 className="text-xl font-semibold mb-2">Post a New Update</h3>
+        <form onSubmit={handlePostUpdate} className="mb-6 glass-card p-5 space-y-3">
+          <h3 className="text-sm font-semibold text-theme-primary">Post a New Update</h3>
           <input
             type="text"
             value={newUpdateTitle}
             onChange={(e) => setNewUpdateTitle(e.target.value)}
             placeholder="Update Title"
-            className="w-full p-2 mb-2 border rounded"
+            className="w-full p-2.5 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
             required
           />
           <textarea
             value={newUpdateContent}
             onChange={(e) => setNewUpdateContent(e.target.value)}
-            placeholder="What's new with your project?"
-            className="w-full p-2 mb-2 border rounded"
-            rows={4}
+            placeholder="What's new?"
+            className="w-full p-2.5 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary resize-none focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+            rows={3}
             required
           />
           <button
             type="submit"
-            className="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition-colors"
+            className="flex items-center gap-2 bg-gradient-to-r from-brand-500 to-purple-600 text-white px-4 py-2 rounded-lg text-sm font-medium transition-all hover:from-brand-600 hover:to-purple-700 active:scale-[0.98]"
           >
+            <Send size={14} />
             Post Update
           </button>
         </form>
       )}
 
-      <div className="space-y-6">
-        {updates.map((update) => (
-          <div key={update._id} className="p-4 border rounded-lg bg-white">
-            <h3 className="text-xl font-bold">{update.title}</h3>
-            <p className="text-sm text-gray-500 mb-2">
-              {new Date(update.createdAt).toLocaleString()}
-            </p>
-            <p className="text-gray-800 whitespace-pre-wrap">
-              {update.content}
-            </p>
+      <div className="space-y-4">
+        {updates.map((update, i) => (
+          <motion.div
+            key={update._id}
+            initial={{ opacity: 0, y: 10 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ delay: i * 0.05 }}
+            className="glass-card p-5"
+          >
+            <h3 className="text-base font-bold text-theme-primary">{update.title}</h3>
+            <p className="text-xs text-theme-tertiary mb-2">{new Date(update.createdAt).toLocaleString()}</p>
+            <p className="text-sm text-theme-secondary whitespace-pre-wrap leading-relaxed">{update.content}</p>
 
-            <div className="mt-4 pt-4 border-t">
-              <h4 className="font-semibold mb-2">Comments</h4>
-              <div className="space-y-3">
+            <div className="mt-4 pt-3 border-t border-theme-primary">
+              <h4 className="text-xs font-semibold text-theme-tertiary mb-2">Comments</h4>
+              <div className="space-y-2">
                 {update.comments.map((comment) => (
-                  <div key={comment._id} className="flex items-start gap-3">
+                  <div key={comment._id} className="flex items-start gap-2">
                     <Image
                       src={comment.user.profilePic || "/editProfileIcon.png"}
                       alt="User"
-                      width={32}
-                      height={32}
-                      className="rounded-full"
+                      width={28}
+                      height={28}
+                      className="rounded-full flex-shrink-0"
                     />
-                    <div className="bg-gray-100 p-2 rounded-lg w-full">
-                      <p className="font-semibold text-sm">
+                    <div className="bg-theme-tertiary/50 p-2 rounded-lg flex-1">
+                      <p className="text-xs font-semibold text-theme-primary">
                         {comment.user.firstName} {comment.user.lastName}
                       </p>
-                      <p className="text-sm">{comment.content}</p>
+                      <p className="text-xs text-theme-secondary">{comment.content}</p>
                     </div>
                   </div>
                 ))}
               </div>
 
               {session && (
-                <div className="mt-4 flex gap-2">
+                <div className="mt-3 flex gap-2">
                   <input
                     type="text"
                     value={newComment[update._id] || ""}
-                    onChange={(e) =>
-                      setNewComment({
-                        ...newComment,
-                        [update._id]: e.target.value,
-                      })
-                    }
+                    onChange={(e) => setNewComment({ ...newComment, [update._id]: e.target.value })}
                     placeholder="Write a comment..."
-                    className="w-full p-2 border rounded"
+                    className="flex-1 p-2 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+                    onKeyDown={(e) => e.key === "Enter" && handlePostComment(update._id)}
                   />
                   <button
                     onClick={() => handlePostComment(update._id)}
-                    className="bg-gray-200 px-4 py-2 rounded hover:bg-gray-300"
+                    className="px-3 py-2 rounded-lg bg-theme-tertiary hover:bg-brand-500/10 text-theme-secondary hover:text-brand-500 transition-colors"
                   >
-                    Post
+                    <Send size={14} />
                   </button>
                 </div>
               )}
             </div>
-          </div>
+          </motion.div>
         ))}
       </div>
     </div>
diff --git a/app/(root)/project/[id]/Sidebar2.tsx b/app/(root)/project/[id]/Sidebar2.tsx
index 81a860e..1ac4408 100644
--- a/app/(root)/project/[id]/Sidebar2.tsx
+++ b/app/(root)/project/[id]/Sidebar2.tsx
@@ -3,14 +3,11 @@
 import React, { useState, useRef, useEffect } from "react";
 import Link from "next/link";
 import axios from "axios";
-import { IoMdArrowDropdown } from "react-icons/io";
-import { FaUser } from "react-icons/fa";
+import { ChevronDown, ArrowLeft, Users, Send } from "lucide-react";
 import { useSession } from "next-auth/react";
 import { toast } from "sonner";
 
-type DetailProps = {
-  id: string;
-};
+type DetailProps = { id: string };
 
 interface User {
   _id: string;
@@ -26,7 +23,7 @@ interface Project {
 
 const Sidebar2 = ({ id }: DetailProps) => {
   const { data: session } = useSession();
-  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(true);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [formData, setFormData] = useState("");
   const [isChecked, setIsChecked] = useState(false);
@@ -47,10 +44,7 @@ const Sidebar2 = ({ id }: DetailProps) => {
         toast.error("Failed to load project details.");
       }
     };
-
-    if (id) {
-      getData();
-    }
+    if (id) getData();
   }, [id]);
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -61,7 +55,6 @@ const Sidebar2 = ({ id }: DetailProps) => {
     }
     setIsSubmitting(true);
     const toastId = toast.loading("Submitting application...");
-
     try {
       await axios.post(
         `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/linkage/join/${session.user.id}/${id}`,
@@ -81,145 +74,140 @@ const Sidebar2 = ({ id }: DetailProps) => {
 
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
-      if (
-        isSidebarOpen &&
-        sidebarRef.current &&
-        !sidebarRef.current.contains(event.target as Node)
-      ) {
+      if (isSidebarOpen && sidebarRef.current && !sidebarRef.current.contains(event.target as Node)) {
         setIsSidebarOpen(false);
       }
     };
-
-    if (isSidebarOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
+    if (isSidebarOpen) document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isSidebarOpen]);
 
   return (
     <>
       <button
-        className={`lg:hidden fixed top-24 z-40 left-4 text-xl bg-gray-800 text-white px-4 py-2 rounded-md transition-opacity duration-300 ${
+        className={`lg:hidden fixed top-20 left-4 z-40 p-2 rounded-lg bg-theme-card border border-theme-primary text-theme-secondary shadow-md transition-opacity duration-300 ${
           !isSidebarOpen ? "opacity-100" : "opacity-0"
         }`}
         onClick={() => setIsSidebarOpen(true)}
       >
-        &gt;
+        <Users size={18} />
       </button>
 
       <div
-        className={`fixed z-50 inset-y-0 top-16 left-0 w-[18rem] bg-white text-gray-800 px-4 py-6 border-r-2 shadow-lg transition-transform duration-300
-          ${
-            isSidebarOpen ? "translate-x-0" : "-translate-x-full"
-          } lg:translate-x-0`}
+        className={`fixed z-50 inset-y-0 top-16 left-0 w-[18rem] bg-theme-sidebar border-r border-theme-primary px-4 py-6 transition-transform duration-300 ${
+          isSidebarOpen ? "translate-x-0" : "-translate-x-full"
+        } lg:translate-x-0`}
         ref={sidebarRef}
       >
         <button
-          className="lg:hidden absolute top-4 right-4 text-2xl"
+          className="lg:hidden absolute top-4 right-4 p-1 rounded-lg hover:bg-theme-tertiary text-theme-secondary"
           onClick={() => setIsSidebarOpen(false)}
         >
-          &lt;
+          ✕
         </button>
-        <div className="font-lato text-gray-500 font-medium text-lg">
-          <Link
-            href="/project"
-            className="font-dmsans flex gap-4 items-center text-[14px] text-gray-500 font-medium text-lg hover:text-black"
-          >
-            <IoMdArrowDropdown className="text-2xl transition-transform rotate-90" />
-            <div>Back</div>
-          </Link>
-        </div>
-        <hr className="my-2 border-gray-300" />
 
-        <div
-          className="w-full flex items-center justify-between py-2 bg-white cursor-pointer"
+        <Link
+          href="/project"
+          className="flex items-center gap-2 text-sm text-theme-secondary hover:text-theme-primary transition-colors mb-4"
+        >
+          <ArrowLeft size={16} />
+          <span>Back to Projects</span>
+        </Link>
+
+        <hr className="border-theme-primary mb-3" />
+
+        {/* Teammates */}
+        <button
+          className="w-full flex items-center justify-between py-2 text-sm font-semibold text-theme-primary"
           onClick={() => setIsDropdownOpen(!isDropdownOpen)}
         >
-          <div>Team-mates</div>
-          <IoMdArrowDropdown
-            className={`text-xl transition-transform ${
-              isDropdownOpen ? "rotate-180" : ""
-            }`}
+          <span className="flex items-center gap-2">
+            <Users size={16} className="text-theme-tertiary" />
+            Team Members
+          </span>
+          <ChevronDown
+            size={16}
+            className={`text-theme-tertiary transition-transform ${isDropdownOpen ? "rotate-180" : ""}`}
           />
-        </div>
+        </button>
+
         {isDropdownOpen && (
-          <ul className="w-full flex flex-col flex-wrap mt-1 bg-white p-2 max-h-40 overflow-auto border rounded">
+          <ul className="mt-1 space-y-1 max-h-40 overflow-auto">
             {project?.team && project.team.length > 0 ? (
               project.team.map((teammate) => (
                 <li
                   key={teammate._id}
-                  className="flex gap-4 text-base items-center p-1 hover:bg-gray-100 rounded"
+                  className="flex items-center gap-2 p-2 rounded-lg hover:bg-theme-tertiary/50 transition-colors"
                 >
-                  <FaUser />
-                  <div>{`${teammate.firstName} ${teammate.lastName}`}</div>
+                  <div className="w-7 h-7 rounded-full bg-brand-500/10 flex items-center justify-center">
+                    <span className="text-xs font-bold text-brand-500">{teammate.firstName.charAt(0)}</span>
+                  </div>
+                  <span className="text-sm text-theme-primary">{teammate.firstName} {teammate.lastName}</span>
                 </li>
               ))
             ) : (
-              <li className="text-gray-500 p-1">No teammates yet</li>
+              <li className="text-sm text-theme-tertiary p-2">No teammates yet</li>
             )}
           </ul>
         )}
-        <hr className="my-2 border-gray-300" />
 
-        <div
-          className="text-lg flex gap-3 items-center text-[#014aad] cursor-pointer hover:underline"
+        <hr className="border-theme-primary my-3" />
+
+        <button
           onClick={() => setIsModalOpen(true)}
+          className="w-full flex items-center justify-center gap-2 bg-gradient-to-r from-brand-500 to-purple-600 text-white py-2.5 rounded-lg text-sm font-medium transition-all duration-200 hover:from-brand-600 hover:to-purple-700 active:scale-[0.98]"
         >
-          <div>Apply</div>
-          <IoMdArrowDropdown className="text-2xl transition-transform rotate-[270deg]" />
-        </div>
-        <hr className="my-2 border-gray-300" />
+          <Send size={14} />
+          Apply to Project
+        </button>
       </div>
 
+      {/* Application Modal */}
       {isModalOpen && (
-        <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
-          <div className="bg-white p-6 rounded-lg shadow-lg w-[35rem]">
-            <h2 className="text-3xl font-semibold mb-4">Application Form</h2>
-            <hr className="py-2 border-gray-300" />
-            <form onSubmit={handleSubmit}>
-              <div className="py-2 border rounded-md border-slate-400">
-                <textarea
-                  placeholder="Tell the project owner why you're a good fit..."
-                  value={formData}
-                  onChange={(e) => setFormData(e.target.value)}
-                  className="w-full h-52 p-2 resize-none focus:outline-none"
-                  rows={6}
-                  required
-                />
-              </div>
+        <div className="fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-50">
+          <div className="glass-card p-6 w-[90%] max-w-lg mx-4">
+            <h2 className="text-xl font-bold text-theme-primary mb-1">Application Form</h2>
+            <p className="text-sm text-theme-tertiary mb-4">Tell the project owner why you&apos;re a good fit</p>
+            <hr className="border-theme-primary mb-4" />
 
-              <div className="flex items-center gap-4 py-4">
+            <form onSubmit={handleSubmit}>
+              <textarea
+                placeholder="Share your relevant skills, experience, and motivation..."
+                value={formData}
+                onChange={(e) => setFormData(e.target.value)}
+                className="w-full h-44 p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary resize-none focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+                required
+              />
+
+              <div className="flex items-center gap-3 my-4">
                 <input
                   type="checkbox"
-                  id="terms"
-                  className="size-5"
+                  id="modal-terms"
+                  className="w-4 h-4 accent-brand-500"
                   required
                   checked={isChecked}
                   onChange={() => setIsChecked(!isChecked)}
                 />
-                <label htmlFor="terms" className="text-sm">
-                  I have read all the data regarding the project and accept all
-                  the terms & conditions.
+                <label htmlFor="modal-terms" className="text-xs text-theme-secondary">
+                  I have read all project details and accept the terms & conditions
                 </label>
               </div>
 
-              <div className="flex justify-between space-x-4 py-4">
+              <div className="flex gap-3">
                 <button
                   type="submit"
-                  className={`px-8 py-2 rounded-xl text-white transition-all duration-300 transform active:scale-95 ${
+                  disabled={!isChecked || isSubmitting}
+                  className={`flex-1 py-2.5 rounded-xl text-sm font-medium text-white transition-all active:scale-[0.98] ${
                     isChecked && !isSubmitting
-                      ? "bg-[#004AAD] hover:bg-[#003B8A]"
-                      : "bg-[#839DBF] cursor-not-allowed"
+                      ? "bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700"
+                      : "bg-gray-400 dark:bg-gray-600 cursor-not-allowed"
                   }`}
-                  disabled={!isChecked || isSubmitting}
                 >
                   {isSubmitting ? "Submitting..." : "Submit"}
                 </button>
                 <button
                   type="button"
-                  className="px-8 py-2 rounded-xl border-[#839DBF] border-solid border-[1px] hover:bg-gray-100 transition-all duration-300 transform active:scale-95"
+                  className="flex-1 py-2.5 rounded-xl text-sm font-medium border border-theme-secondary text-theme-secondary hover:bg-theme-tertiary transition-all active:scale-[0.98]"
                   onClick={() => setIsModalOpen(false)}
                 >
                   Cancel
diff --git a/app/(root)/project/[id]/page.tsx b/app/(root)/project/[id]/page.tsx
index 18ff412..75cac5f 100644
--- a/app/(root)/project/[id]/page.tsx
+++ b/app/(root)/project/[id]/page.tsx
@@ -1,16 +1,17 @@
-"use client"; // Ensure this file runs on the client side
-
-import { useParams } from "next/navigation";
+"use client";
+import React from "react";
 import Detail from "./Detail";
 import Sidebar2 from "./Sidebar2";
+import { useParams } from "next/navigation";
 
 export default function ProjectDetail() {
-    const params = useParams();
-    const id = params.id as string;
-    return (
-        <div className="flex">
-            <Detail id={id} />
-            <Sidebar2 id={id}/>
-        </div>
-    );
+  const params = useParams();
+  const id = params.id as string;
+
+  return (
+    <div className="flex min-h-screen bg-theme-primary">
+      <Detail id={id} />
+      <Sidebar2 id={id} />
+    </div>
+  );
 }
diff --git a/app/(root)/project/[id]/requests/page.tsx b/app/(root)/project/[id]/requests/page.tsx
index eb08226..aa0fcd0 100644
--- a/app/(root)/project/[id]/requests/page.tsx
+++ b/app/(root)/project/[id]/requests/page.tsx
@@ -1,23 +1,26 @@
-
 "use client";
 import { useState, useEffect, useCallback } from "react";
 import axios from "axios";
 import { useParams } from "next/navigation";
 import { useSession } from "next-auth/react";
 import { toast } from "sonner";
+import { motion } from "framer-motion";
+import { Check, X, Clock, ArrowLeft } from "lucide-react";
+import Link from "next/link";
 
 interface JoinRequest {
   _id: string;
-  user: {
-    _id: string;
-    firstName: string;
-    lastName: string;
-    email: string;
-  };
+  user: { _id: string; firstName: string; lastName: string; email: string };
   attachment: string;
   status: string;
 }
 
+const statusColors: Record<string, string> = {
+  pending: "bg-amber-500/10 text-amber-500 border-amber-500/20",
+  accepted: "bg-green-500/10 text-green-500 border-green-500/20",
+  rejected: "bg-red-500/10 text-red-500 border-red-500/20",
+};
+
 const ProjectRequests = () => {
   const { data: session } = useSession();
   const params = useParams();
@@ -32,8 +35,8 @@ const ProjectRequests = () => {
         );
         setRequests(response.data);
       } catch (error) {
-        console.error("Error fetching join requests:", error);
-        toast.error("Failed to fetch join requests.");
+        console.error("Error:", error);
+        toast.error("Failed to fetch requests.");
       }
     }
   }, [id, session]);
@@ -43,74 +46,96 @@ const ProjectRequests = () => {
   }, [fetchRequests]);
 
   const handleAccept = async (requestId: string) => {
-    const toastId = toast.loading("Accepting request...");
+    const toastId = toast.loading("Accepting...");
     try {
-      await axios.post(
-        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/linkage/accept/${requestId}`
-      );
-      toast.success("Request accepted successfully!", { id: toastId });
-      fetchRequests(); // Refresh the list
+      await axios.post(`${process.env.NEXT_PUBLIC_CLIENT_URL}/api/linkage/accept/${requestId}`);
+      toast.success("Accepted!", { id: toastId });
+      fetchRequests();
     } catch (error) {
-      toast.error("Failed to accept request.", { id: toastId });
-      console.error("Error accepting request:", error);
+      toast.error("Failed to accept.", { id: toastId });
+      console.error(error);
     }
   };
 
   const handleReject = async (requestId: string) => {
-    const toastId = toast.loading("Rejecting request...");
+    const toastId = toast.loading("Rejecting...");
     try {
-      await axios.post(
-        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/linkage/reject/${requestId}`
-      );
-      toast.success("Request rejected successfully!", { id: toastId });
-      fetchRequests(); // Refresh the list
+      await axios.post(`${process.env.NEXT_PUBLIC_CLIENT_URL}/api/linkage/reject/${requestId}`);
+      toast.success("Rejected!", { id: toastId });
+      fetchRequests();
     } catch (error) {
-      toast.error("Failed to reject request.", { id: toastId });
-      console.error("Error rejecting request:", error);
+      toast.error("Failed to reject.", { id: toastId });
+      console.error(error);
     }
   };
 
   return (
-    <div className="container mx-auto p-4">
-      <h1 className="text-2xl font-bold mb-4">Project Join Requests</h1>
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <Link
+        href={`/project/${id}`}
+        className="inline-flex items-center gap-2 text-sm text-theme-secondary hover:text-theme-primary transition-colors mb-6"
+      >
+        <ArrowLeft size={16} />
+        Back to Project
+      </Link>
+
+      <h1 className="text-2xl font-bold text-theme-primary mb-6">Join Requests</h1>
+
       {requests.length === 0 ? (
-        <p>No pending join requests.</p>
+        <div className="glass-card p-8 text-center">
+          <Clock size={32} className="text-theme-tertiary mx-auto mb-3" />
+          <p className="text-theme-secondary">No pending join requests</p>
+        </div>
       ) : (
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-          {requests.map((request) => (
-            <div
+          {requests.map((request, i) => (
+            <motion.div
               key={request._id}
-              className="border p-4 rounded-lg shadow-md bg-white"
+              initial={{ opacity: 0, y: 10 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: i * 0.05 }}
+              className="glass-card p-5"
             >
-              <h2 className="text-xl font-semibold">
-                {request.user.firstName} {request.user.lastName}
-              </h2>
-              <p className="text-gray-600">{request.user.email}</p>
-              <p className="mt-2 bg-gray-50 p-2 rounded">
-                {request.attachment}
-              </p>
-              <div className="mt-4 flex gap-4">
-                <button
-                  onClick={() => handleAccept(request._id)}
-                  className="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600 transition-colors duration-300 transform active:scale-95"
-                  disabled={request.status !== "pending"}
-                >
-                  {request.status === "accepted" ? "Accepted" : "Accept"}
-                </button>
-                <button
-                  onClick={() => handleReject(request._id)}
-                  className="bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600 transition-colors duration-300 transform active:scale-95"
-                  disabled={request.status !== "pending"}
-                >
-                  {request.status === "rejected" ? "Rejected" : "Reject"}
-                </button>
+              <div className="flex items-center justify-between mb-3">
+                <div className="flex items-center gap-2">
+                  <div className="w-9 h-9 rounded-full bg-brand-500/10 flex items-center justify-center">
+                    <span className="text-sm font-bold text-brand-500">
+                      {request.user.firstName.charAt(0)}
+                    </span>
+                  </div>
+                  <div>
+                    <p className="text-sm font-semibold text-theme-primary">
+                      {request.user.firstName} {request.user.lastName}
+                    </p>
+                    <p className="text-xs text-theme-tertiary">{request.user.email}</p>
+                  </div>
+                </div>
+                <span className={`text-xs px-2 py-0.5 rounded-full border font-medium ${statusColors[request.status]}`}>
+                  {request.status}
+                </span>
               </div>
-              {request.status !== "pending" && (
-                <p className="text-sm text-gray-500 mt-2">
-                  This request has been {request.status}.
-                </p>
+
+              <p className="text-sm text-theme-secondary bg-theme-tertiary/50 p-3 rounded-lg mb-4 leading-relaxed">
+                {request.attachment || "No message provided"}
+              </p>
+
+              {request.status === "pending" && (
+                <div className="flex gap-2">
+                  <button
+                    onClick={() => handleAccept(request._id)}
+                    className="flex-1 flex items-center justify-center gap-1 py-2 rounded-lg bg-green-500/10 text-green-500 hover:bg-green-500/20 text-sm font-medium transition-colors active:scale-[0.98]"
+                  >
+                    <Check size={14} /> Accept
+                  </button>
+                  <button
+                    onClick={() => handleReject(request._id)}
+                    className="flex-1 flex items-center justify-center gap-1 py-2 rounded-lg bg-red-500/10 text-red-500 hover:bg-red-500/20 text-sm font-medium transition-colors active:scale-[0.98]"
+                  >
+                    <X size={14} /> Reject
+                  </button>
+                </div>
               )}
-            </div>
+            </motion.div>
           ))}
         </div>
       )}
diff --git a/app/(root)/project/create/[id]/page.tsx b/app/(root)/project/create/[id]/page.tsx
index ac6c66b..fe383ec 100644
--- a/app/(root)/project/create/[id]/page.tsx
+++ b/app/(root)/project/create/[id]/page.tsx
@@ -3,298 +3,205 @@ import { useRouter, useParams } from "next/navigation";
 import React, { useState } from "react";
 import axios from "axios";
 import { toast } from "sonner";
+import { ArrowLeft, Plus } from "lucide-react";
+import Link from "next/link";
+import { motion } from "framer-motion";
+
+const domainOptions = [
+  { name: "aiMl", label: "AI/ML" },
+  { name: "webApp", label: "Web-App" },
+  { name: "androidApp", label: "Android App" },
+];
+
+const durationOptions = ["1 Month", "2 Months", "3 Months", "6 Months"];
 
 const CreatePage = () => {
   const params = useParams();
   const id = params.id as string;
   const router = useRouter();
   const [formData, setFormData] = useState({
-    title: "",
-    description: "",
-    requirements: "",
-    responsibilities: "",
-    duration: "",
-    instituteRequired: "no",
-    instituteName: "",
-    domains: [] as string[],
-    certified1: false,
-    certified2: false,
-    link: "",
+    title: "", description: "", requirements: "", responsibilities: "",
+    duration: "", instituteRequired: "no", instituteName: "",
+    domains: [] as string[], certified1: false, certified2: false, link: "",
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const handleChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
-    >
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>
   ) => {
     const target = e.target as HTMLInputElement;
     const { name, value, type } = target;
-    const checked = target.type === "checkbox" ? target.checked : undefined;
+    const checked = type === "checkbox" ? target.checked : undefined;
+    setFormData((prev) => ({ ...prev, [name]: type === "checkbox" ? checked : value }));
+  };
 
+  const handleDomainChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, checked } = e.target;
     setFormData((prev) => ({
       ...prev,
-      [name]: type === "checkbox" ? checked : value,
+      domains: checked ? [...prev.domains, name] : prev.domains.filter((d) => d !== name),
     }));
   };
 
-  const sendData = async (e: { preventDefault: () => void }) => {
+  const sendData = async (e: React.FormEvent) => {
     e.preventDefault();
     setIsSubmitting(true);
     const toastId = toast.loading("Creating project...");
-
     try {
       const res = await axios.post(
         `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/project/user_id/${id}`,
         formData
       );
-
       if (res.status === 201) {
-        toast.success("Project created successfully!", { id: toastId });
+        toast.success("Project created!", { id: toastId });
         router.push("/project");
       }
     } catch (error) {
       toast.error("Failed to create project.", { id: toastId });
-      console.error("Error creating project:", error);
+      console.error(error);
     } finally {
       setIsSubmitting(false);
     }
   };
 
-  const handleDomainChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, checked } = e.target;
-    setFormData((prev) => {
-      const newDomains = checked
-        ? [...prev.domains, name]
-        : prev.domains.filter((domain) => domain !== name);
-      return { ...prev, domains: newDomains };
-    });
-  };
-
   return (
-    <>
-      <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-20">
-        <div className="bg-white p-6 rounded-lg shadow-lg w-2/3 h-[90%] overflow-auto">
-          <h2 className="text-3xl font-semibold mb-4 px-8">
-            Create Your New Project
-          </h2>
-          <hr className="py-2 border-gray-300" />
-          <form className="py-2 px-8">
-            <label className="text-lg font-lato font-semibold">
-              Project Title:
-              <input
-                type="text"
-                name="title"
-                value={formData.title}
-                onChange={handleChange}
-                className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-              />
-            </label>
-
-            <label className="text-lg font-lato font-semibold">
-              Description:
-              <textarea
-                name="description"
-                value={formData.description}
-                onChange={handleChange}
-                className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-              />
-            </label>
-
-            <label className="text-lg font-lato font-semibold">
-              Minimum Requirements:
-              <textarea
-                name="requirements"
-                value={formData.requirements}
-                onChange={handleChange}
-                className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-              />
-            </label>
-
-            <label className="text-lg font-lato font-semibold">
-              Possible Responsibilities:
-              <textarea
-                name="responsibilities"
-                value={formData.responsibilities}
-                onChange={handleChange}
-                className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-              />
-            </label>
-
-            <div className="flex gap-10">
-              <label className="text-lg font-lato font-semibold w-[35%]">
-                Project Duration:
-                <br />
-                <div>
-                  <select
-                    name="duration"
-                    value={formData.duration}
-                    onChange={handleChange}
-                    className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-                  >
-                    <option value=""></option>
-                    <option value="1 Month">1 Month</option>
-                    <option value="2 Months">2 Months</option>
-                    <option value="3 Months">3 Months</option>
-                    <option value="6 Months">6 Months</option>
-                  </select>
-                </div>
-              </label>
-
-              <div className=" w-[50%] flex flex-col items-center">
-                <div className="flex justify-between w-full ">
-                  <div>
-                    <p className="text-lg font-lato font-semibold">
-                      Project for Institute?:
-                    </p>
-                    <p className="text-sm">
-                      (This will ensure that only the team members from your
-                      organization can apply.
-                    </p>
-                  </div>
-
-                  <label>
-                    <input
-                      type="radio"
-                      name="instituteRequired"
-                      value="yes"
-                      checked={formData.instituteRequired === "yes"}
-                      onChange={handleChange}
-                    />{" "}
-                    Yes
-                  </label>
-                  <label>
-                    <input
-                      type="radio"
-                      name="instituteRequired"
-                      value="no"
-                      checked={formData.instituteRequired === "no"}
-                      onChange={handleChange}
-                    />{" "}
-                    No
-                  </label>
-                </div>
+    <div className="fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-20">
+      <motion.div
+        initial={{ opacity: 0, scale: 0.95 }}
+        animate={{ opacity: 1, scale: 1 }}
+        className="bg-theme-card border border-theme-primary rounded-2xl shadow-xl w-[90%] max-w-3xl max-h-[90vh] overflow-auto p-8"
+      >
+        <div className="flex items-center justify-between mb-6">
+          <h2 className="text-2xl font-bold text-theme-primary">Create New Project</h2>
+          <Link href="/project" className="p-2 hover:bg-theme-tertiary rounded-lg text-theme-tertiary hover:text-theme-primary transition-colors">
+            <ArrowLeft size={20} />
+          </Link>
+        </div>
 
-                <div className="w-full">
-                  {formData.instituteRequired === "yes" && (
-                    <input
-                      type="text"
-                      name="instituteName"
-                      value={formData.instituteName}
-                      onChange={handleChange}
-                      className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-                      placeholder="Enter college name"
-                    />
-                  )}
-                </div>
-              </div>
+        <form className="space-y-5" onSubmit={sendData}>
+          {/* Title */}
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Project Title</label>
+            <input type="text" name="title" value={formData.title} onChange={handleChange}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              placeholder="Enter project title" required />
+          </div>
+
+          {/* Description */}
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Description</label>
+            <textarea name="description" value={formData.description} onChange={handleChange}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary resize-none focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              rows={3} placeholder="Describe your project" />
+          </div>
+
+          {/* Requirements */}
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Minimum Requirements</label>
+            <textarea name="requirements" value={formData.requirements} onChange={handleChange}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary resize-none focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              rows={2} placeholder="What skills/experience are required?" />
+          </div>
+
+          {/* Responsibilities */}
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Responsibilities</label>
+            <textarea name="responsibilities" value={formData.responsibilities} onChange={handleChange}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary resize-none focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              rows={2} placeholder="What will team members be responsible for?" />
+          </div>
+
+          {/* Duration + Institute */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Duration</label>
+              <select name="duration" value={formData.duration} onChange={handleChange}
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              >
+                <option value="">Select duration</option>
+                {durationOptions.map((d) => <option key={d} value={d}>{d}</option>)}
+              </select>
             </div>
 
-            <div className="w-[60%]">
-              <p className="text-lg font-lato font-semibold">
-                Project Domains:
-              </p>
-              <div className="w-full flex justify-start mb-6 items-center gap-[10%]">
-                <label className="min-w-fit">
-                  <input
-                    type="checkbox"
-                    name="aiMl"
-                    onChange={handleDomainChange}
-                    className="mr-2 size-5"
-                  />{" "}
-                  AI/ML
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Institute Project?</label>
+              <div className="flex gap-4 items-center h-[46px]">
+                <label className="flex items-center gap-2 text-sm text-theme-secondary cursor-pointer">
+                  <input type="radio" name="instituteRequired" value="yes" checked={formData.instituteRequired === "yes"} onChange={handleChange} className="accent-brand-500" />
+                  Yes
                 </label>
-                <label className="min-w-fit">
-                  <input
-                    type="checkbox"
-                    name="webApp"
-                    onChange={handleDomainChange}
-                    className="mr-2 size-5"
-                  />{" "}
-                  Web-App
+                <label className="flex items-center gap-2 text-sm text-theme-secondary cursor-pointer">
+                  <input type="radio" name="instituteRequired" value="no" checked={formData.instituteRequired === "no"} onChange={handleChange} className="accent-brand-500" />
+                  No
                 </label>
-                <label className="min-w-fit">
-                  <input
-                    className="mr-2 size-5"
-                    type="checkbox"
-                    name="androidApp"
-                    onChange={handleDomainChange}
-                  />{" "}
-                  Android App
-                </label>
-                <input
-                  type="text"
-                  name="other"
-                  id="other"
-                  placeholder="other"
-                  className="px-2 py-1 border rounded border-[#A3A3A3] text-ellipsis font-dmsans font-normal"
-                />
               </div>
             </div>
-
-            <label className="text-lg font-lato font-semibold">
-              Links (Community/Meet):
-              <input
-                type="text"
-                name="link"
-                value={formData.link}
-                onChange={handleChange}
-                className="w-full p-2 my-2 border rounded border-[#A3A3A3] text-ellipsis mb-8 font-dmsans font-normal"
-              />
-            </label>
-
-            <label className="font-lato">
-              <input
-                type="checkbox"
-                name="certified1"
-                className="mr-2 size-5"
-                checked={formData.certified1}
-                onChange={handleChange}
-              />
-              I hereby certify that, to the best of my knowledge, the provided
-              information is true and accurate.
+          </div>
+
+          {formData.instituteRequired === "yes" && (
+            <input type="text" name="instituteName" value={formData.instituteName} onChange={handleChange}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              placeholder="College/Institute name" />
+          )}
+
+          {/* Domains */}
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-2 block">Project Domains</label>
+            <div className="flex flex-wrap gap-3">
+              {domainOptions.map((d) => (
+                <label key={d.name} className="flex items-center gap-2 text-sm text-theme-secondary cursor-pointer">
+                  <input type="checkbox" name={d.name} onChange={handleDomainChange} className="w-4 h-4 accent-brand-500" />
+                  {d.label}
+                </label>
+              ))}
+            </div>
+          </div>
+
+          {/* Link */}
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Links (Community/Meet)</label>
+            <input type="text" name="link" value={formData.link} onChange={handleChange}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              placeholder="https://..." />
+          </div>
+
+          {/* Certifications */}
+          <div className="space-y-2">
+            <label className="flex items-start gap-2 text-sm text-theme-secondary cursor-pointer">
+              <input type="checkbox" name="certified1" checked={formData.certified1} onChange={handleChange} className="w-4 h-4 mt-0.5 accent-brand-500" />
+              I certify that the provided information is true and accurate.
             </label>
-            <label className="font-lato block mt-3">
-              <input
-                type="checkbox"
-                name="certified2"
-                className="mr-2 size-5"
-                checked={formData.certified2}
-                onChange={handleChange}
-              />
-              On submiting, your project will be sent for evaluation and
-              deciding the rank of the project based pn difficulty. This may
-              take some time.
+            <label className="flex items-start gap-2 text-sm text-theme-secondary cursor-pointer">
+              <input type="checkbox" name="certified2" checked={formData.certified2} onChange={handleChange} className="w-4 h-4 mt-0.5 accent-brand-500" />
+              I understand the project will be evaluated for ranking.
             </label>
-            <div className="flex justify-between space-x-4 py-4">
-              <button
-                onClick={sendData}
-                type="submit"
-                className={`mt-5 p-2 px-4 text-white rounded transition-colors duration-300 ${
-                  formData.certified1 && formData.certified2
-                    ? "bg-blue-600 hover:bg-blue-700"
-                    : "bg-blue-400 cursor-not-allowed"
-                }`}
-                disabled={
-                  !formData.certified1 || !formData.certified2 || isSubmitting
-                }
-              >
-                {isSubmitting ? "Submitting..." : "Submit"}
-              </button>
-              <button
-                type="button"
-                className="mt-5 p-2 px-4 border border-black rounded hover:bg-gray-100 transition-colors duration-300"
-                onClick={() => {
-                  router.push("/project");
-                }}
-              >
-                Cancel
-              </button>
-            </div>
-          </form>
-        </div>
-      </div>
-    </>
+          </div>
+
+          {/* Actions */}
+          <div className="flex gap-3 pt-2">
+            <button
+              type="submit"
+              disabled={!formData.certified1 || !formData.certified2 || isSubmitting}
+              className={`flex items-center gap-2 px-6 py-3 rounded-xl text-sm font-medium text-white transition-all active:scale-[0.98] ${
+                formData.certified1 && formData.certified2 && !isSubmitting
+                  ? "bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 shadow-md"
+                  : "bg-gray-400 dark:bg-gray-600 cursor-not-allowed"
+              }`}
+            >
+              <Plus size={16} />
+              {isSubmitting ? "Creating..." : "Create Project"}
+            </button>
+            <button
+              type="button"
+              onClick={() => router.push("/project")}
+              className="px-6 py-3 rounded-xl text-sm font-medium border border-theme-secondary text-theme-secondary hover:bg-theme-tertiary transition-all active:scale-[0.98]"
+            >
+              Cancel
+            </button>
+          </div>
+        </form>
+      </motion.div>
+    </div>
   );
 };
 
diff --git a/app/(root)/project/page.tsx b/app/(root)/project/page.tsx
index 8cd7ef6..85434e4 100644
--- a/app/(root)/project/page.tsx
+++ b/app/(root)/project/page.tsx
@@ -4,25 +4,13 @@ import React from "react";
 import ProjectList from "./ProjectList";
 import Sidebar1 from "./Sidebar1";
 
-const page = () => {
+const Page = () => {
   return (
-    <>
-      <div className="w-full fixed h-16 bg-white shadow-sm border-t-2 shadow-gray-300 lg:hidden z-30">
-        <div className="lg:hidden flex justify-start ml-5 items-center mt-4 gap-10">
-          <div>
-            <span className="text-green-600 px-1">2000</span>project found{" "}
-          </div>
-          <div className="bg-[#e8f0fe] rounded-md py-1 px-5 text-[#014aad]">
-            clear filter
-          </div>
-        </div>
-      </div>
-      <div className="flex w-full h-full">
-        <Sidebar1 />
-        <ProjectList />
-      </div>
-    </>
+    <div className="flex w-full min-h-screen bg-theme-primary">
+      <Sidebar1 />
+      <ProjectList />
+    </div>
   );
 };
 
-export default page;
+export default Page;
diff --git a/app/(root)/qna/page.tsx b/app/(root)/qna/page.tsx
index d6de90d..60cac91 100644
--- a/app/(root)/qna/page.tsx
+++ b/app/(root)/qna/page.tsx
@@ -1,114 +1,95 @@
 "use client";
 
 import { useState } from "react";
-import { motion } from "framer-motion";
-import { FaSearch, FaPlus } from "react-icons/fa";
+import { motion, AnimatePresence } from "framer-motion";
+import { Search, ChevronDown, ChevronUp, MessageCircleQuestion } from "lucide-react";
 
 const questions = [
-  {
-    id: 1,
-    question: "How to contribute to open source projects?",
-    answer:
-      "You can start by finding beginner-friendly issues on GitHub repositories and making small contributions.",
-    color: "bg-blue-100",
-  },
-  {
-    id: 2,
-    question: "What is the best way to learn React?",
-    answer:
-      "The best way is to go through the official documentation, build projects, and follow interactive tutorials.",
-    color: "bg-yellow-100",
-  },
-  {
-    id: 3,
-    question: "How can I improve my DSA skills?",
-    answer:
-      "Practice problems on platforms like LeetCode, CodeChef, and GeeksforGeeks regularly.",
-    color: "bg-green-100",
-  },
-  {
-    id: 4,
-    question: "What are the best resources for learning Next.js?",
-    answer:
-      "You can explore the official Next.js documentation, freeCodeCamp tutorials, and YouTube playlists for structured learning.",
-    color: "bg-purple-100",
-  },
-  {
-    id: 5,
-    question: "How do I stay consistent with coding?",
-    answer:
-      "Setting a schedule, joining coding communities, and working on projects can help build consistency.",
-    color: "bg-red-100",
-  },
-  {
-    id: 6,
-    question: "What are some good projects for beginners?",
-    answer:
-      "Todo apps, weather apps, and portfolio websites are great starting projects for beginners.",
-    color: "bg-orange-100",
-  },
+  { id: 1, question: "How to contribute to open source projects?", answer: "You can start by finding beginner-friendly issues on GitHub repositories and making small contributions." },
+  { id: 2, question: "What is the best way to learn React?", answer: "The best way is to go through the official documentation, build projects, and follow interactive tutorials." },
+  { id: 3, question: "How can I improve my DSA skills?", answer: "Practice problems on platforms like LeetCode, CodeChef, and GeeksforGeeks regularly." },
+  { id: 4, question: "What are the best resources for learning Next.js?", answer: "You can explore the official Next.js documentation, freeCodeCamp tutorials, and YouTube playlists for structured learning." },
+  { id: 5, question: "How do I stay consistent with coding?", answer: "Setting a schedule, joining coding communities, and working on projects can help build consistency." },
+  { id: 6, question: "What are some good projects for beginners?", answer: "Todo apps, weather apps, and portfolio websites are great starting projects for beginners." },
 ];
 
 export default function QnATab() {
   const [query, setQuery] = useState("");
   const [openQuestion, setOpenQuestion] = useState<number | null>(null);
 
+  const filtered = questions.filter((q) =>
+    q.question.toLowerCase().includes(query.toLowerCase())
+  );
+
   return (
-    <div className="min-h-screen flex flex-col items-center justify-start p-10 bg-gray-50 w-full">
+    <div className="min-h-screen px-6 md:px-12 lg:px-16 py-8 bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="flex items-center gap-3 mb-6"
+      >
+        <MessageCircleQuestion size={28} className="text-brand-500" />
+        <h1 className="text-3xl font-bold text-theme-primary">QnA</h1>
+      </motion.div>
+
+      {/* Search */}
       <motion.div
-        className="w-[95%] min-w-4xl"
-        initial={{ opacity: 0, y: -20 }}
+        initial={{ opacity: 0, y: 10 }}
         animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.5 }}
+        transition={{ delay: 0.1 }}
+        className="relative mb-8 max-w-2xl"
       >
-        <div className="relative flex items-center mb-8 w-full">
-          <input
-            type="text"
-            className="w-full p-4 pl-10 pr-12 border rounded-lg shadow-md focus:ring-2 focus:ring-blue-400 text-lg"
-            placeholder="What's your Query today?"
-            value={query}
-            onChange={(e) => setQuery(e.target.value)}
-          />
-          <FaPlus className="absolute left-3 text-gray-500 text-lg" />
-          <FaSearch className="absolute right-3 text-gray-600 cursor-pointer text-lg" />
-        </div>
+        <Search className="absolute left-4 top-1/2 -translate-y-1/2 text-theme-tertiary" size={18} />
+        <input
+          type="text"
+          className="w-full pl-12 pr-4 py-3.5 bg-theme-card border border-theme-secondary rounded-xl text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/40 focus:border-brand-500 transition-all"
+          placeholder="Search questions..."
+          value={query}
+          onChange={(e) => setQuery(e.target.value)}
+        />
+      </motion.div>
+
+      <h2 className="text-lg font-semibold text-theme-primary mb-4">General Questions</h2>
 
-        <h2 className="text-2xl font-semibold text-center mb-6 text-gray-700">
-          General Questions
-        </h2>
-        <div className="space-y-4 w-full">
-          {questions.map((q) => (
-            <motion.div
-              key={q.id}
-              className={`w-full border-b pb-2 px-10 ${q.color} p-4 rounded-lg shadow-md`}
-              whileHover={{ scale: 1.05 }}
+      <div className="space-y-3 max-w-3xl">
+        {filtered.map((q, i) => (
+          <motion.div
+            key={q.id}
+            initial={{ opacity: 0, y: 10 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ delay: 0.05 * i }}
+            className="glass-card overflow-hidden"
+          >
+            <button
+              className="w-full flex items-center justify-between p-4 text-left hover:bg-theme-tertiary/30 transition-colors"
+              onClick={() => setOpenQuestion(openQuestion === q.id ? null : q.id)}
             >
-              <motion.div
-                className="w-full cursor-pointer transition-all duration-300 hover:opacity-80"
-                onClick={() =>
-                  setOpenQuestion(openQuestion === q.id ? null : q.id)
-                }
-                whileHover={{ scale: 1.02 }}
-              >
-                <div className="flex justify-between items-center text-lg font-medium text-gray-900">
-                  <span>{q.question}</span>
-                  <span>{openQuestion === q.id ? "▲" : "▼"}</span>
-                </div>
-              </motion.div>
+              <span className="text-sm font-medium text-theme-primary pr-4">{q.question}</span>
+              {openQuestion === q.id ? (
+                <ChevronUp size={18} className="text-theme-tertiary flex-shrink-0" />
+              ) : (
+                <ChevronDown size={18} className="text-theme-tertiary flex-shrink-0" />
+              )}
+            </button>
+
+            <AnimatePresence>
               {openQuestion === q.id && (
                 <motion.div
-                  className="p-6 text-lg bg-white rounded-md mt-2 text-gray-700 shadow-inner"
                   initial={{ opacity: 0, height: 0 }}
                   animate={{ opacity: 1, height: "auto" }}
-                  transition={{ duration: 0.3 }}
+                  exit={{ opacity: 0, height: 0 }}
+                  transition={{ duration: 0.2 }}
+                  className="border-t border-theme-primary"
                 >
-                  {q.answer}
+                  <p className="p-4 text-sm text-theme-secondary leading-relaxed">
+                    {q.answer}
+                  </p>
                 </motion.div>
               )}
-            </motion.div>
-          ))}
-        </div>
-      </motion.div>
+            </AnimatePresence>
+          </motion.div>
+        ))}
+      </div>
     </div>
   );
 }
diff --git a/app/(root)/settings/page.tsx b/app/(root)/settings/page.tsx
index 4ff0390..043786e 100644
--- a/app/(root)/settings/page.tsx
+++ b/app/(root)/settings/page.tsx
@@ -1,187 +1,96 @@
-// import Image from "next/image";
-// import { auth } from "@/app/auth";
-// import SignOutButton from "../../components/SignOutButton";
-// import SignInButton from "../../components/SignInButton";
-
-// export default async function Home() {
-//   const session = await auth();
-
-//   if (session) {
-//     const profilePic = session.user?.image;
-
-//     return (
-//       <div>
-//         <p className="my-2">
-//           Do DSA, <span className="text-xl">{session.user?.name}</span>
-//         </p>
-//         <p>Details:</p>
-//         <div className="mx-5 my-2">
-//           <p>ID: {session.user?.id}</p>
-//           <p>Email: {session.user?.email}</p>
-//           {profilePic && (
-//             <Image
-//               layout="fixed"
-//               width={100}
-//               height={100}
-//               alt="profile pic"
-//               src={profilePic}
-//             />
-//           )}
-//         </div>
-//         <SignOutButton />
-//       </div>
-//     );
-//   }
-
-//   return (
-//     <div>
-//       <p>Not signed in</p>
-//       <SignInButton />
-//     </div>
-//   );
-// }
 "use client";
 
 import { useState } from "react";
 import { motion } from "framer-motion";
+import useThemeStore from "@/app/store/useThemeStore";
+import { Settings } from "lucide-react";
 
 interface SwitchProps {
   checked: boolean;
   onCheckedChange: (checked: boolean) => void;
 }
 
-export default function SettingsPage() {
-  const [darkMode, setDarkMode] = useState(false);
-  const [notifications, setNotifications] = useState(true);
-  const [emailUpdates, setEmailUpdates] = useState(true);
-  const [accountPrivacy, setAccountPrivacy] = useState(false);
-  const [twoFactorAuth, setTwoFactorAuth] = useState(false);
-  const [autoUpdates, setAutoUpdates] = useState(true);
-  const [dataSaver, setDataSaver] = useState(false);
-  const [locationTracking, setLocationTracking] = useState(false);
-  const [soundEffects, setSoundEffects] = useState(true);
-  const [analyticsSharing, setAnalyticsSharing] = useState(true);
-
+function Switch({ checked, onCheckedChange }: SwitchProps) {
   return (
-    <div
-      className={`min-h-screen py-10 px-6 transition-all duration-500 ${
-        darkMode ? "bg-gray-900 text-white" : "bg-white text-black"
+    <button
+      className={`w-12 h-6 flex items-center rounded-full p-1 transition-all duration-300 ${
+        checked ? "bg-brand-500 justify-end" : "bg-theme-tertiary justify-start"
       }`}
+      onClick={() => onCheckedChange(!checked)}
     >
-      <motion.h1
-        className="text-4xl font-bold text-center mb-8"
-        initial={{ opacity: 0, y: -20 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.5 }}
-      >
-        Settings
-      </motion.h1>
-
-      <div className="max-w-2xl mx-auto space-y-6">
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Dark Mode"
-          checked={darkMode}
-          onCheckedChange={setDarkMode}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Enable Notifications"
-          checked={notifications}
-          onCheckedChange={setNotifications}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Receive Email Updates"
-          checked={emailUpdates}
-          onCheckedChange={setEmailUpdates}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Account Privacy"
-          checked={accountPrivacy}
-          onCheckedChange={setAccountPrivacy}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Two-Factor Authentication"
-          checked={twoFactorAuth}
-          onCheckedChange={setTwoFactorAuth}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Enable Auto Updates"
-          checked={autoUpdates}
-          onCheckedChange={setAutoUpdates}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Data Saver Mode"
-          checked={dataSaver}
-          onCheckedChange={setDataSaver}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Location Tracking"
-          checked={locationTracking}
-          onCheckedChange={setLocationTracking}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Sound Effects"
-          checked={soundEffects}
-          onCheckedChange={setSoundEffects}
-        />
-        <SettingSwitch
-          darkMode={darkMode}
-          label="Share Analytics Data"
-          checked={analyticsSharing}
-          onCheckedChange={setAnalyticsSharing}
-        />
-      </div>
-    </div>
+      <motion.div
+        className="w-4 h-4 bg-white rounded-full shadow-md"
+        layout
+        transition={{ type: "spring", stiffness: 500, damping: 30 }}
+      />
+    </button>
   );
 }
 
 function SettingSwitch({
-  darkMode,
   label,
+  description,
   checked,
   onCheckedChange,
 }: {
-  darkMode: boolean;
   label: string;
+  description?: string;
   checked: boolean;
   onCheckedChange: (checked: boolean) => void;
 }) {
   return (
     <motion.div
-      className={`flex items-center justify-between p-4 ${
-        darkMode ? "bg-gray-800 text-white" : "bg-white text-black"
-      } rounded-lg shadow-md transition-all duration-300 hover:scale-105`}
-      initial={{ opacity: 0, x: -20 }}
+      className="flex items-center justify-between p-4 glass-card"
+      initial={{ opacity: 0, x: -10 }}
       animate={{ opacity: 1, x: 0 }}
-      transition={{ duration: 0.5 }}
+      transition={{ duration: 0.3 }}
     >
-      <p className="text-lg font-medium">{label}</p>
+      <div>
+        <p className="text-sm font-medium text-theme-primary">{label}</p>
+        {description && (
+          <p className="text-xs text-theme-tertiary mt-0.5">{description}</p>
+        )}
+      </div>
       <Switch checked={checked} onCheckedChange={onCheckedChange} />
     </motion.div>
   );
 }
 
-function Switch({ checked, onCheckedChange }: SwitchProps) {
+export default function SettingsPage() {
+  const { isDark, toggleTheme } = useThemeStore();
+  const [notifications, setNotifications] = useState(true);
+  const [emailUpdates, setEmailUpdates] = useState(true);
+  const [accountPrivacy, setAccountPrivacy] = useState(false);
+  const [twoFactorAuth, setTwoFactorAuth] = useState(false);
+  const [autoUpdates, setAutoUpdates] = useState(true);
+  const [dataSaver, setDataSaver] = useState(false);
+  const [locationTracking, setLocationTracking] = useState(false);
+  const [soundEffects, setSoundEffects] = useState(true);
+  const [analyticsSharing, setAnalyticsSharing] = useState(true);
+
   return (
-    <button
-      className={`w-14 h-7 flex items-center rounded-full p-1 transition-all duration-300 ${
-        checked ? "bg-green-500 justify-end" : "bg-gray-300 justify-start"
-      }`}
-      onClick={() => onCheckedChange(!checked)}
-    >
+    <div className="min-h-screen py-8 px-6 md:px-12 lg:px-16 bg-theme-primary">
       <motion.div
-        className="w-5 h-5 bg-white rounded-full shadow-md"
-        layout
-        transition={{ type: "spring", stiffness: 500, damping: 30 }}
-      ></motion.div>
-    </button>
+        className="flex items-center gap-3 mb-8"
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+      >
+        <Settings size={28} className="text-theme-secondary" />
+        <h1 className="text-3xl font-bold text-theme-primary">Settings</h1>
+      </motion.div>
+
+      <div className="max-w-2xl space-y-3">
+        <SettingSwitch label="Dark Mode" description="Toggle dark/light theme" checked={isDark} onCheckedChange={toggleTheme} />
+        <SettingSwitch label="Enable Notifications" description="Receive push notifications" checked={notifications} onCheckedChange={setNotifications} />
+        <SettingSwitch label="Receive Email Updates" description="Get project updates via email" checked={emailUpdates} onCheckedChange={setEmailUpdates} />
+        <SettingSwitch label="Account Privacy" description="Make profile private" checked={accountPrivacy} onCheckedChange={setAccountPrivacy} />
+        <SettingSwitch label="Two-Factor Authentication" description="Extra security for your account" checked={twoFactorAuth} onCheckedChange={setTwoFactorAuth} />
+        <SettingSwitch label="Enable Auto Updates" checked={autoUpdates} onCheckedChange={setAutoUpdates} />
+        <SettingSwitch label="Data Saver Mode" checked={dataSaver} onCheckedChange={setDataSaver} />
+        <SettingSwitch label="Location Tracking" checked={locationTracking} onCheckedChange={setLocationTracking} />
+        <SettingSwitch label="Sound Effects" checked={soundEffects} onCheckedChange={setSoundEffects} />
+        <SettingSwitch label="Share Analytics Data" checked={analyticsSharing} onCheckedChange={setAnalyticsSharing} />
+      </div>
+    </div>
   );
 }
diff --git a/app/api/linkage/accept/[request_id]/route.ts b/app/api/linkage/accept/[request_id]/route.ts
index d56ec4c..4473756 100644
--- a/app/api/linkage/accept/[request_id]/route.ts
+++ b/app/api/linkage/accept/[request_id]/route.ts
@@ -15,7 +15,7 @@ export async function POST(request: NextRequest) {
     // Extract the request_id from the URL
     const { pathname } = request.nextUrl;
     const parts = pathname.split("/");
-    const request_id = parts[parts.length - 2]; // Assuming the structure is `/api/linkage/accept/[request_id]`
+    const request_id = parts[parts.length - 1];
 
     if (!request_id) {
       return NextResponse.json(
diff --git a/app/api/linkage/leave/[user_id]/[project_id]/route.ts b/app/api/linkage/leave/[user_id]/[project_id]/route.ts
index 651df6b..5341d84 100644
--- a/app/api/linkage/leave/[user_id]/[project_id]/route.ts
+++ b/app/api/linkage/leave/[user_id]/[project_id]/route.ts
@@ -34,7 +34,7 @@ export async function POST(
     project.team = project.team.filter(
       (member: string) => member.toString() !== user_id
     );
-    project.save();
+    await project.save();
     return NextResponse.json({ message: "Left Project" }, { status: 200 });
   } catch (error) {
     return NextResponse.json(
diff --git a/app/api/linkage/reject/[request_id]/route.ts b/app/api/linkage/reject/[request_id]/route.ts
index 6b079b6..7415ec6 100644
--- a/app/api/linkage/reject/[request_id]/route.ts
+++ b/app/api/linkage/reject/[request_id]/route.ts
@@ -14,7 +14,7 @@ export async function POST(req: NextRequest) {
     // Extract request_id from the URL
     const { pathname } = req.nextUrl;
     const parts = pathname.split("/");
-    const request_id = parts[parts.length - 2]; // Extract the [request_id] part
+    const request_id = parts[parts.length - 1];
 
     if (!request_id) {
       return NextResponse.json(
diff --git a/app/api/linkage/request/[user_id]/[project_id]/route.ts b/app/api/linkage/request/[user_id]/[project_id]/route.ts
index 78a1bd0..cab675a 100644
--- a/app/api/linkage/request/[user_id]/[project_id]/route.ts
+++ b/app/api/linkage/request/[user_id]/[project_id]/route.ts
@@ -34,11 +34,11 @@ export async function POST(
       );
     }
     console.log("Project: ", project);
-    const isrequseted = await Projects.findOne({
+    const isRequested = await JoinRequest.findOne({
       project: project_id,
       user: user_id,
     });
-    if (isrequseted) {
+    if (isRequested) {
       return NextResponse.json(
         { message: "Request already sent" },
         { status: 400 }
diff --git a/app/api/user/[id]/route.ts b/app/api/user/[id]/route.ts
index 61b8dd0..a84958d 100644
--- a/app/api/user/[id]/route.ts
+++ b/app/api/user/[id]/route.ts
@@ -50,13 +50,13 @@ export async function PUT(
   }
 
   const body = await req.json();
-  const { name, image, collegeDetails, codingPlatforms, score } = body;
+  const { name, image, firstName, lastName, gender, skills, collegeDetails, codingPlatforms, score, github, linkedin, location, profilePic } = body;
 
   try {
     await connectDB();
     const updatedUser = await User.findByIdAndUpdate(
       id,
-      { name, image, collegeDetails, codingPlatforms, score },
+      { name, image, firstName, lastName, gender, skills, collegeDetails, codingPlatforms, score, github, linkedin, location, profilePic },
       { new: true, runValidators: true }
     );
 
diff --git a/app/globals.css b/app/globals.css
index b5c61c9..c0fce5c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,3 +1,382 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* ============================
+   DESIGN SYSTEM — CSS Variables
+   ============================ */
+
+:root {
+  /* Light Theme (existing) */
+  --bg-primary: #ffffff;
+  --bg-secondary: #f3f4f6;
+  --bg-tertiary: #e5e7eb;
+  --bg-card: #ffffff;
+  --bg-card-hover: #f9fafb;
+  --bg-sidebar: #ffffff;
+  --bg-header: rgba(255, 255, 255, 0.85);
+
+  --text-primary: #111827;
+  --text-secondary: #4b5563;
+  --text-tertiary: #9ca3af;
+  --text-muted: #6b7280;
+
+  --border-primary: #e5e7eb;
+  --border-secondary: #d1d5db;
+  --border-accent: #3b82f6;
+
+  --accent-blue: #3b82f6;
+  --accent-blue-hover: #2563eb;
+  --accent-purple: #8b5cf6;
+  --accent-green: #10b981;
+  --accent-red: #ef4444;
+  --accent-amber: #f59e0b;
+
+  --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
+  --gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  --gradient-card: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(249,250,251,0.9));
+
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.15);
+
+  --glass-bg: rgba(255, 255, 255, 0.7);
+  --glass-border: rgba(255, 255, 255, 0.3);
+  --glass-blur: 12px;
+
+  --radius-sm: 0.5rem;
+  --radius-md: 0.75rem;
+  --radius-lg: 1rem;
+  --radius-xl: 1.5rem;
+}
+
+.dark {
+  --bg-primary: #0a0e1a;
+  --bg-secondary: #111827;
+  --bg-tertiary: #1f2937;
+  --bg-card: #1a1f2e;
+  --bg-card-hover: #232a3b;
+  --bg-sidebar: #0d1117;
+  --bg-header: rgba(10, 14, 26, 0.85);
+
+  --text-primary: #f1f5f9;
+  --text-secondary: #94a3b8;
+  --text-tertiary: #64748b;
+  --text-muted: #475569;
+
+  --border-primary: #1e293b;
+  --border-secondary: #334155;
+  --border-accent: #3b82f6;
+
+  --accent-blue: #3b82f6;
+  --accent-blue-hover: #60a5fa;
+  --accent-purple: #a78bfa;
+  --accent-green: #34d399;
+  --accent-red: #f87171;
+  --accent-amber: #fbbf24;
+
+  --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
+  --gradient-hero: linear-gradient(135deg, #1e3a5f 0%, #2d1b69 100%);
+  --gradient-card: linear-gradient(145deg, rgba(26,31,46,0.9), rgba(17,24,39,0.9));
+
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
+  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.2);
+
+  --glass-bg: rgba(17, 24, 39, 0.6);
+  --glass-border: rgba(59, 130, 246, 0.15);
+  --glass-blur: 16px;
+}
+
+/* ============================
+   BASE STYLES
+   ============================ */
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+/* ============================
+   SCROLLBAR
+   ============================ */
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-secondary);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--text-tertiary);
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--text-secondary);
+}
+
+/* ============================
+   UTILITY CLASSES
+   ============================ */
+
+@layer utilities {
+  /* Glass */
+  .glass {
+    background: var(--glass-bg);
+    backdrop-filter: blur(var(--glass-blur));
+    -webkit-backdrop-filter: blur(var(--glass-blur));
+    border: 1px solid var(--glass-border);
+  }
+
+  .glass-card {
+    background: var(--glass-bg);
+    backdrop-filter: blur(var(--glass-blur));
+    -webkit-backdrop-filter: blur(var(--glass-blur));
+    border: 1px solid var(--glass-border);
+    border-radius: var(--radius-lg);
+    box-shadow: var(--shadow-md);
+  }
+
+  /* Gradients */
+  .gradient-text {
+    background: var(--gradient-primary);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  .gradient-border {
+    position: relative;
+    border-radius: var(--radius-lg);
+  }
+
+  .gradient-border::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    padding: 1px;
+    background: var(--gradient-primary);
+    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    pointer-events: none;
+  }
+
+  /* Glow */
+  .glow-blue {
+    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3), 0 0 40px rgba(59, 130, 246, 0.1);
+  }
+
+  .glow-purple {
+    box-shadow: 0 0 20px rgba(139, 92, 246, 0.3), 0 0 40px rgba(139, 92, 246, 0.1);
+  }
+
+  /* Theme-aware backgrounds */
+  .bg-theme-primary {
+    background-color: var(--bg-primary);
+  }
+  .bg-theme-secondary {
+    background-color: var(--bg-secondary);
+  }
+  .bg-theme-tertiary {
+    background-color: var(--bg-tertiary);
+  }
+  .bg-theme-card {
+    background-color: var(--bg-card);
+  }
+  .bg-theme-sidebar {
+    background-color: var(--bg-sidebar);
+  }
+  .bg-theme-header {
+    background-color: var(--bg-header);
+  }
+
+  /* Theme-aware text */
+  .text-theme-primary {
+    color: var(--text-primary);
+  }
+  .text-theme-secondary {
+    color: var(--text-secondary);
+  }
+  .text-theme-tertiary {
+    color: var(--text-tertiary);
+  }
+
+  /* Theme-aware borders */
+  .border-theme-primary {
+    border-color: var(--border-primary);
+  }
+  .border-theme-secondary {
+    border-color: var(--border-secondary);
+  }
+
+  /* Hover card lift */
+  .hover-lift {
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+  }
+  .hover-lift:hover {
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-lg);
+  }
+}
+
+/* ============================
+   ANIMATIONS
+   ============================ */
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes slideUp {
+  from { opacity: 0; transform: translateY(16px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes slideDown {
+  from { opacity: 0; transform: translateY(-16px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes slideInLeft {
+  from { opacity: 0; transform: translateX(-20px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+@keyframes pulseGlow {
+  0%, 100% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.2); }
+  50% { box-shadow: 0 0 25px rgba(59, 130, 246, 0.4); }
+}
+
+@keyframes shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+@keyframes float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-6px); }
+}
+
+.animate-fade-in {
+  animation: fadeIn 0.4s ease-out;
+}
+
+.animate-slide-up {
+  animation: slideUp 0.5s ease-out;
+}
+
+.animate-slide-down {
+  animation: slideDown 0.4s ease-out;
+}
+
+.animate-slide-in-left {
+  animation: slideInLeft 0.4s ease-out;
+}
+
+.animate-pulse-glow {
+  animation: pulseGlow 2s ease-in-out infinite;
+}
+
+.animate-float {
+  animation: float 3s ease-in-out infinite;
+}
+
+/* Skeleton loading */
+.skeleton {
+  background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);
+  background-size: 200% 100%;
+  animation: shimmer 1.5s ease-in-out infinite;
+  border-radius: var(--radius-sm);
+}
+
+/* ============================
+   FORM ELEMENTS THEME
+   ============================ */
+
+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+textarea,
+select {
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.dark input[type="text"],
+.dark input[type="email"],
+.dark input[type="url"],
+.dark input[type="password"],
+.dark textarea,
+.dark select {
+  background-color: var(--bg-tertiary);
+  color: var(--text-primary);
+  border-color: var(--border-secondary);
+}
+
+.dark input[type="text"]:focus,
+.dark input[type="email"]:focus,
+.dark input[type="url"]:focus,
+.dark input[type="password"]:focus,
+.dark textarea:focus,
+.dark select:focus {
+  border-color: var(--accent-blue);
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+}
+
+.dark input[type="text"]::placeholder,
+.dark input[type="email"]::placeholder,
+.dark input[type="url"]::placeholder,
+.dark textarea::placeholder {
+  color: var(--text-tertiary);
+}
+
+/* Checkbox styling */
+.dark input[type="checkbox"] {
+  accent-color: var(--accent-blue);
+}
+
+.dark input[type="radio"] {
+  accent-color: var(--accent-blue);
+}
+
+/* ============================
+   MUI OVERRIDES (TabsComponent)
+   ============================ */
+
+.dark .MuiTabs-root {
+  background-color: var(--bg-card) !important;
+}
+
+.dark .MuiTab-root {
+  color: var(--text-tertiary) !important;
+}
+
+.dark .MuiTab-root.Mui-selected {
+  color: var(--accent-blue) !important;
+}
+
+.dark .MuiTabs-indicator {
+  background-color: var(--accent-blue) !important;
+}
+
+.dark .MuiBox-root {
+  border-color: var(--border-primary) !important;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index a654250..3d7b658 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import "./globals.css";
 import { DM_Sans } from "next/font/google";
 import { Lato } from "next/font/google";
+import { Inter } from "next/font/google";
 import { SessionProvider } from "next-auth/react";
 
 const DMSansFont = DM_Sans({
@@ -16,9 +17,17 @@ const LatoFont = Lato({
   variable: "--font-lato",
 });
 
+const InterFont = Inter({
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700", "800"],
+  variable: "--font-inter",
+});
+
 export const metadata: Metadata = {
-  title: "Developers' Guild",
-  description: "Generated by RAMPP",
+  title: "Developers' Guild — Find Your Dream Team",
+  description:
+    "A platform where developers connect, communicate, and collaborate. Browse projects, find teammates, and build something amazing together.",
+  keywords: ["developers", "collaboration", "projects", "teamwork", "coding", "open source"],
   icons: {
     icon: "/favicon.ico",
   },
@@ -30,10 +39,10 @@ export default async function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" className="dark">
       <body
         suppressHydrationWarning={true}
-        className={`bg-white text-black ${DMSansFont.variable} ${LatoFont.variable}`}
+        className={`bg-theme-primary text-theme-primary ${DMSansFont.variable} ${LatoFont.variable} ${InterFont.variable} font-inter antialiased`}
       >
         <SessionProvider>{children}</SessionProvider>
       </body>
diff --git a/app/store/useThemeStore.ts b/app/store/useThemeStore.ts
new file mode 100644
index 0000000..d0e56e5
--- /dev/null
+++ b/app/store/useThemeStore.ts
@@ -0,0 +1,27 @@
+import { create } from "zustand";
+
+interface ThemeState {
+  isDark: boolean;
+  toggleTheme: () => void;
+  setDark: (isDark: boolean) => void;
+}
+
+const useThemeStore = create<ThemeState>((set) => ({
+  isDark: true, // Default to dark
+  toggleTheme: () =>
+    set((state) => {
+      const newIsDark = !state.isDark;
+      if (typeof document !== "undefined") {
+        document.documentElement.classList.toggle("dark", newIsDark);
+      }
+      return { isDark: newIsDark };
+    }),
+  setDark: (isDark: boolean) => {
+    if (typeof document !== "undefined") {
+      document.documentElement.classList.toggle("dark", isDark);
+    }
+    set({ isDark });
+  },
+}));
+
+export default useThemeStore;
diff --git a/srs.pdf b/srs.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..45996221463a3dbbc1d011e8b416c5638b05bcc7
GIT binary patch
literal 79323
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

literal 0
HcmV?d00001

diff --git a/tailwind.config.ts b/tailwind.config.ts
index 37dff10..5eaddad 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,13 +6,57 @@ export default {
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
+  darkMode: "class",
   theme: {
     extend: {
       fontFamily: {
-        dmsans: ["var(--font-dm-sans)", "sans"],
-        lato: ["var(--font-lato)", "sans"],
+        dmsans: ["var(--font-dm-sans)", "sans-serif"],
+        lato: ["var(--font-lato)", "sans-serif"],
+        inter: ["var(--font-inter)", "sans-serif"],
+      },
+      colors: {
+        brand: {
+          50: "#eff6ff",
+          100: "#dbeafe",
+          200: "#bfdbfe",
+          300: "#93c5fd",
+          400: "#60a5fa",
+          500: "#3b82f6",
+          600: "#2563eb",
+          700: "#1d4ed8",
+          800: "#1e40af",
+          900: "#1e3a8a",
+        },
+        surface: {
+          0: "var(--bg-primary)",
+          50: "var(--bg-secondary)",
+          100: "var(--bg-tertiary)",
+          200: "var(--bg-card)",
+        },
+        content: {
+          primary: "var(--text-primary)",
+          secondary: "var(--text-secondary)",
+          tertiary: "var(--text-tertiary)",
+          muted: "var(--text-muted)",
+        },
+      },
+      borderRadius: {
+        "4xl": "2rem",
+      },
+      boxShadow: {
+        glow: "0 0 20px rgba(59, 130, 246, 0.3)",
+        "glow-lg": "0 0 40px rgba(59, 130, 246, 0.2), 0 0 80px rgba(139, 92, 246, 0.1)",
+        "card": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+        "card-dark": "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)",
+      },
+      animation: {
+        "fade-in": "fadeIn 0.4s ease-out",
+        "slide-up": "slideUp 0.5s ease-out",
+        "slide-down": "slideDown 0.4s ease-out",
+        "pulse-glow": "pulseGlow 2s ease-in-out infinite",
+        "float": "float 3s ease-in-out infinite",
       },
     },
-    plugins: [],
   },
+  plugins: [],
 } satisfies Config;

From 05a65f8e9359ba53f2b2e09024960f2e97137e80 Mon Sep 17 00:00:00 2001
From: Prajyot Tayde <pmtbmt@gmail.com>
Date: Sun, 19 Apr 2026 18:44:51 +0530
Subject: [PATCH 3/4] feat: implement onboarding modal and clear dummy data
 from leaderboard and notification pages

---
 app/(root)/TableComponent.tsx             |  52 ++++----
 app/(root)/components/OnboardingModal.tsx | 153 ++++++++++++++++++++++
 app/(root)/home/page.tsx                  |  32 +----
 app/(root)/layout.tsx                     |  76 ++++++-----
 app/(root)/leaderboard/page.tsx           |  60 +++++----
 app/(root)/notification/[id]/page.tsx     |  24 +---
 app/(root)/notification/page.tsx          |  27 +---
 7 files changed, 260 insertions(+), 164 deletions(-)
 create mode 100644 app/(root)/components/OnboardingModal.tsx

diff --git a/app/(root)/TableComponent.tsx b/app/(root)/TableComponent.tsx
index d995232..1714f57 100644
--- a/app/(root)/TableComponent.tsx
+++ b/app/(root)/TableComponent.tsx
@@ -2,11 +2,7 @@
 import { useRouter } from "next/navigation";
 import React from "react";
 
-const data = [
-  { id: 1, platform: "LinkedIn", title: "Pranav, Radhika Gupta has a new post", description: "To every woman who sometimes wonders, can I do it...", date: "Mar 17" },
-  { id: 2, platform: "LinkedIn", title: "Pranav, Nikhil Kamath has a new post", description: "Digressing from the post, but it's about time...", date: "Mar 14" },
-  { id: 3, platform: "LinkedIn", title: "Pranav, Nikhil Kamath has a new post", description: "Digressing from the post, but it's about time...", date: "Mar 12" },
-];
+const data: Array<{id: number; platform: string; title: string; description: string; date: string;}> = [];
 
 const TableComponent = () => {
   const router = useRouter();
@@ -14,27 +10,35 @@ const TableComponent = () => {
   return (
     <table className="w-full">
       <tbody>
-        {data.map((item) => (
-          <tr
-            key={item.id}
-            className="border-b border-theme-primary cursor-pointer hover:bg-theme-tertiary/30 transition-colors"
-            onClick={() => router.push(`/notification/${item.id}`)}
-          >
-            <td className="px-4 py-3">
-              <input
-                type="checkbox"
-                onClick={(e) => e.stopPropagation()}
-                className="accent-brand-500"
-              />
+        {data.length === 0 ? (
+          <tr>
+            <td className="px-4 py-8 text-center text-sm text-theme-secondary">
+              No items to display.
             </td>
-            <td className="px-4 py-3 text-xs font-medium text-brand-500 dark:text-brand-400">{item.platform}</td>
-            <td className="px-4 py-3">
-              <span className="text-sm font-medium text-theme-primary">{item.title}</span>
-              <span className="text-sm text-theme-tertiary"> — {item.description}</span>
-            </td>
-            <td className="px-4 py-3 text-xs text-theme-tertiary whitespace-nowrap">{item.date}</td>
           </tr>
-        ))}
+        ) : (
+          data.map((item) => (
+            <tr
+              key={item.id}
+              className="border-b border-theme-primary cursor-pointer hover:bg-theme-tertiary/30 transition-colors"
+              onClick={() => router.push(`/notification/${item.id}`)}
+            >
+              <td className="px-4 py-3">
+                <input
+                  type="checkbox"
+                  onClick={(e) => e.stopPropagation()}
+                  className="accent-brand-500"
+                />
+              </td>
+              <td className="px-4 py-3 text-xs font-medium text-brand-500 dark:text-brand-400">{item.platform}</td>
+              <td className="px-4 py-3">
+                <span className="text-sm font-medium text-theme-primary">{item.title}</span>
+                <span className="text-sm text-theme-tertiary"> — {item.description}</span>
+              </td>
+              <td className="px-4 py-3 text-xs text-theme-tertiary whitespace-nowrap">{item.date}</td>
+            </tr>
+          ))
+        )}
       </tbody>
     </table>
   );
diff --git a/app/(root)/components/OnboardingModal.tsx b/app/(root)/components/OnboardingModal.tsx
new file mode 100644
index 0000000..a56719c
--- /dev/null
+++ b/app/(root)/components/OnboardingModal.tsx
@@ -0,0 +1,153 @@
+"use client";
+import React, { useState } from "react";
+import axios from "axios";
+import { toast } from "sonner";
+import { User } from "@/app/types/user";
+import { useRouter } from "next/navigation";
+import useAuthStore from "@/app/store/useAuthStore";
+import { motion } from "framer-motion";
+import { Compass, Sparkles } from "lucide-react";
+
+interface OnboardingProps {
+  onComplete: (user: User) => void;
+}
+
+const OnboardingModal = ({ onComplete }: OnboardingProps) => {
+  const { user, setUser } = useAuthStore();
+  const [firstName, setFirstName] = useState(user?.name?.split(" ")[0] || "");
+  const [lastName, setLastName] = useState(user?.name?.split(" ").slice(1).join(" ") || "");
+  const [instituteName, setInstituteName] = useState("");
+  const [location, setLocation] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!firstName || !lastName || !instituteName) {
+      toast.error("Please fill in all required fields.");
+      return;
+    }
+
+    setIsSubmitting(true);
+    const toastId = toast.loading("Setting up your profile...");
+
+    const updatedProfileData = {
+      firstName,
+      lastName,
+      name: `${firstName} ${lastName}`,
+      collegeDetails: { name: instituteName },
+      location,
+    };
+
+    try {
+      await axios.put(
+        `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/user/${user?.id}`,
+        updatedProfileData
+      );
+
+      const completeUser = {
+        ...user,
+        ...updatedProfileData,
+        id: user?.id || "",
+      } as User;
+
+      setUser(completeUser);
+      toast.success("Welcome to DevGuild!", { id: toastId });
+      onComplete(completeUser);
+    } catch (error) {
+      console.error("Error setting up profile:", error);
+      toast.error("Failed to complete setup. Please try again.", { id: toastId });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 z-[100] flex items-center justify-center bg-black/80 backdrop-blur-md">
+      <motion.div
+        initial={{ opacity: 0, scale: 0.95, y: 20 }}
+        animate={{ opacity: 1, scale: 1, y: 0 }}
+        className="glass-card w-full max-w-lg p-8 mx-4 border-2 border-brand-500/30"
+      >
+        <div className="flex justify-center mb-6">
+          <div className="w-16 h-16 rounded-2xl bg-gradient-to-br from-brand-500 to-purple-600 flex items-center justify-center shadow-glow">
+            <Compass size={32} className="text-white" />
+          </div>
+        </div>
+
+        <div className="text-center mb-8">
+          <h2 className="text-2xl font-bold text-theme-primary mb-2 flex items-center justify-center gap-2">
+            Welcome to DevGuild <Sparkles size={20} className="text-amber-400" />
+          </h2>
+          <p className="text-sm text-theme-secondary">
+            Let&apos;s complete your Guild Card before you explore the platform. 
+            This information connects you with the right teams.
+          </p>
+        </div>
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="flex gap-4">
+            <div className="flex-1">
+              <label className="text-xs font-semibold text-theme-secondary mb-1.5 block uppercase tracking-wider">First Name *</label>
+              <input
+                type="text"
+                value={firstName}
+                onChange={(e) => setFirstName(e.target.value)}
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+                placeholder="John"
+                required
+              />
+            </div>
+            <div className="flex-1">
+              <label className="text-xs font-semibold text-theme-secondary mb-1.5 block uppercase tracking-wider">Last Name *</label>
+              <input
+                type="text"
+                value={lastName}
+                onChange={(e) => setLastName(e.target.value)}
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+                placeholder="Doe"
+                required
+              />
+            </div>
+          </div>
+
+          <div>
+            <label className="text-xs font-semibold text-theme-secondary mb-1.5 block uppercase tracking-wider">Institute / College *</label>
+            <input
+              type="text"
+              value={instituteName}
+              onChange={(e) => setInstituteName(e.target.value)}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              placeholder="Where do you study/work?"
+              required
+            />
+          </div>
+
+          <div>
+            <label className="text-xs font-semibold text-theme-secondary mb-1.5 block uppercase tracking-wider">Location (Optional)</label>
+            <input
+              type="text"
+              value={location}
+              onChange={(e) => setLocation(e.target.value)}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
+              placeholder="City, Country"
+            />
+          </div>
+
+          <button
+            type="submit"
+            disabled={isSubmitting || !firstName || !lastName || !instituteName}
+            className={`w-full py-3.5 mt-4 rounded-xl text-sm font-bold text-white transition-all duration-200 shadow-md ${
+              !isSubmitting && firstName && lastName && instituteName
+                ? "bg-gradient-to-r from-brand-500 to-purple-600 hover:shadow-glow hover:scale-[1.02]"
+                : "bg-gray-500 cursor-not-allowed opacity-50"
+            }`}
+          >
+            {isSubmitting ? "Generating Card..." : "Complete Setup"}
+          </button>
+        </form>
+      </motion.div>
+    </div>
+  );
+};
+
+export default OnboardingModal;
diff --git a/app/(root)/home/page.tsx b/app/(root)/home/page.tsx
index f73ce3e..2553b8f 100644
--- a/app/(root)/home/page.tsx
+++ b/app/(root)/home/page.tsx
@@ -6,11 +6,7 @@ import React, { useState } from "react";
 import { useRouter } from "next/navigation";
 import { motion } from "framer-motion";
 
-const stats = [
-  { icon: FolderGit2, label: "Active Projects", value: "200+", color: "from-blue-500 to-cyan-400" },
-  { icon: Users, label: "Developers", value: "1,500+", color: "from-purple-500 to-pink-400" },
-  { icon: Award, label: "Completed", value: "350+", color: "from-amber-500 to-orange-400" },
-];
+// Stats are currently hidden pending real backend endpoints
 
 const Page = () => {
   const [domain, setDomain] = useState("");
@@ -105,32 +101,6 @@ const Page = () => {
           </div>
         </motion.div>
 
-        {/* Stats Section */}
-        <motion.div
-          initial={{ opacity: 0, y: 30 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.6, delay: 0.3 }}
-          className="grid grid-cols-1 sm:grid-cols-3 gap-4 max-w-3xl"
-        >
-          {stats.map((stat, i) => {
-            const Icon = stat.icon;
-            return (
-              <motion.div
-                key={stat.label}
-                initial={{ opacity: 0, y: 20 }}
-                animate={{ opacity: 1, y: 0 }}
-                transition={{ duration: 0.4, delay: 0.4 + i * 0.1 }}
-                className="glass-card p-5 hover-lift cursor-default"
-              >
-                <div className={`w-10 h-10 rounded-lg bg-gradient-to-br ${stat.color} flex items-center justify-center mb-3`}>
-                  <Icon size={20} className="text-white" />
-                </div>
-                <p className="text-2xl font-bold text-theme-primary">{stat.value}</p>
-                <p className="text-sm text-theme-tertiary">{stat.label}</p>
-              </motion.div>
-            );
-          })}
-        </motion.div>
 
         {/* Hero visual */}
         <motion.div
diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx
index fc0e4c9..d6a52dd 100644
--- a/app/(root)/layout.tsx
+++ b/app/(root)/layout.tsx
@@ -29,6 +29,9 @@ import {
   Bell,
 } from "lucide-react";
 
+import OnboardingModal from "./components/OnboardingModal";
+import { User as UserType } from "@/app/types/user";
+
 const sidebarLinks = [
   { href: "/home", label: "Home", icon: Home },
   { href: "/profile", label: "Guild Card", icon: User },
@@ -40,7 +43,7 @@ const sidebarLinks = [
 
 const navLinks = [
   { href: "/project", label: "Projects", icon: FolderOpen },
-  { href: "/leaderboard", label: "Leaderboard", icon: Trophy },
+  // { href: "/leaderboard", label: "Leaderboard", icon: Trophy },
   { href: "/qna", label: "QnA", icon: MessageCircleQuestion },
   { href: "/settings", label: "Settings", icon: Settings },
 ];
@@ -51,6 +54,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   const [isOpen, setIsOpen] = useState(false);
+  const [showOnboarding, setShowOnboarding] = useState(false);
   const sidebarRef = useRef<HTMLDivElement | null>(null);
   const pathname = usePathname();
   const router = useRouter();
@@ -107,6 +111,13 @@ export default function RootLayout({
             rank: user.rank,
             projectIds: user.projectIds,
           });
+
+          // Check if onboarding is needed
+          if (!user.firstName || !user.lastName || !user.collegeDetails?.name && !user.instituteName) {
+            setShowOnboarding(true);
+          } else {
+            setShowOnboarding(false);
+          }
         }
       } catch {
         // User not logged in
@@ -117,6 +128,11 @@ export default function RootLayout({
 
   const isActive = (href: string) => pathname === href || pathname.startsWith(href + "/");
 
+  const handleOnboardingComplete = (completedUser: UserType) => {
+    setUser(completedUser);
+    setShowOnboarding(false);
+  };
+
   return (
     <>
       <Toaster
@@ -130,6 +146,10 @@ export default function RootLayout({
         }}
       />
 
+      {showOnboarding && user && (
+        <OnboardingModal onComplete={handleOnboardingComplete} />
+      )}
+
       {/* ===== SIDEBAR ===== */}
       {isOpen && (
         <div
@@ -140,9 +160,8 @@ export default function RootLayout({
 
       <div
         ref={sidebarRef}
-        className={`fixed z-50 h-full w-[17rem] bg-theme-sidebar border-r border-theme-primary px-4 py-6 transition-transform duration-300 ease-in-out ${
-          isOpen ? "translate-x-0" : "-translate-x-full"
-        }`}
+        className={`fixed z-50 h-full w-[17rem] bg-theme-sidebar border-r border-theme-primary px-4 py-6 transition-transform duration-300 ease-in-out ${isOpen ? "translate-x-0" : "-translate-x-full"
+          }`}
       >
         {/* Close button (mobile) */}
         <button
@@ -159,7 +178,7 @@ export default function RootLayout({
             alt="DEVELOPERS' GUILD LOGO"
             width={200}
             height={50}
-            className="dark:brightness-0 dark:invert dark:opacity-90"
+          // className="dark:brightness-0 dark:invert dark:opacity-90"
           />
         </div>
 
@@ -172,20 +191,18 @@ export default function RootLayout({
               <Link
                 key={link.href}
                 href={link.href}
-                className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group ${
-                  active
-                    ? "bg-brand-500/10 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
-                    : "text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary"
-                }`}
+                className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group ${active
+                  ? "bg-brand-500/10 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
+                  : "text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary"
+                  }`}
                 onClick={() => setIsOpen(false)}
               >
                 <Icon
                   size={18}
-                  className={`flex-shrink-0 transition-colors ${
-                    active
-                      ? "text-brand-500 dark:text-brand-400"
-                      : "text-theme-tertiary group-hover:text-theme-secondary"
-                  }`}
+                  className={`flex-shrink-0 transition-colors ${active
+                    ? "text-brand-500 dark:text-brand-400"
+                    : "text-theme-tertiary group-hover:text-theme-secondary"
+                    }`}
                 />
                 <span>{link.label}</span>
                 {active && (
@@ -208,20 +225,18 @@ export default function RootLayout({
               <Link
                 key={link.href}
                 href={link.href}
-                className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group ${
-                  active
-                    ? "bg-brand-500/10 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
-                    : "text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary"
-                }`}
+                className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group ${active
+                  ? "bg-brand-500/10 text-brand-500 dark:bg-brand-500/15 dark:text-brand-400"
+                  : "text-theme-secondary hover:bg-theme-tertiary hover:text-theme-primary"
+                  }`}
                 onClick={() => setIsOpen(false)}
               >
                 <Icon
                   size={18}
-                  className={`flex-shrink-0 transition-colors ${
-                    active
-                      ? "text-brand-500 dark:text-brand-400"
-                      : "text-theme-tertiary group-hover:text-theme-secondary"
-                  }`}
+                  className={`flex-shrink-0 transition-colors ${active
+                    ? "text-brand-500 dark:text-brand-400"
+                    : "text-theme-tertiary group-hover:text-theme-secondary"
+                    }`}
                 />
                 <span>{link.label}</span>
               </Link>
@@ -260,7 +275,7 @@ export default function RootLayout({
               alt="DEVELOPERS' GUILD LOGO"
               width={180}
               height={45}
-              className="hidden sm:block dark:brightness-0 dark:invert dark:opacity-90"
+              className="hidden sm:block"
             />
 
             {/* Desktop nav links */}
@@ -271,11 +286,10 @@ export default function RootLayout({
                   <Link
                     key={link.href}
                     href={link.href}
-                    className={`px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 ${
-                      active
-                        ? "text-brand-500 dark:text-brand-400 bg-brand-500/10 dark:bg-brand-500/15"
-                        : "text-theme-secondary hover:text-theme-primary hover:bg-theme-tertiary"
-                    }`}
+                    className={`px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 ${active
+                      ? "text-brand-500 dark:text-brand-400 bg-brand-500/10 dark:bg-brand-500/15"
+                      : "text-theme-secondary hover:text-theme-primary hover:bg-theme-tertiary"
+                      }`}
                   >
                     {link.label}
                   </Link>
diff --git a/app/(root)/leaderboard/page.tsx b/app/(root)/leaderboard/page.tsx
index 664bd50..9fc60dd 100644
--- a/app/(root)/leaderboard/page.tsx
+++ b/app/(root)/leaderboard/page.tsx
@@ -3,13 +3,7 @@ import React from "react";
 import { motion } from "framer-motion";
 import { Medal } from "lucide-react";
 
-const data = [
-  { rank: "#1", name: "Pranav Ramane", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
-  { rank: "#2", name: "Adarsh Thakare", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
-  { rank: "#3", name: "Prajyot Tayde", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
-  { rank: "#4", name: "Rohit Tare", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
-  { rank: "#5", name: "Mayur Tummewar", institute: "Pimpri Chinchwad College of Engineering & Research", points: 3000 },
-];
+const data: Array<{rank: string, name: string, institute: string, points: number}> = [];
 
 const medalColors: Record<string, string> = {
   "#1": "text-amber-400",
@@ -30,29 +24,37 @@ const Page = () => {
           </tr>
         </thead>
         <tbody>
-          {data.map((user, index) => (
-            <motion.tr
-              key={index}
-              initial={{ opacity: 0, x: -10 }}
-              animate={{ opacity: 1, x: 0 }}
-              transition={{ delay: index * 0.05 }}
-              className="hover:bg-theme-tertiary/30 transition-colors border-b border-theme-primary last:border-b-0"
-            >
-              <td className="px-4 py-3.5">
-                <div className="flex items-center gap-2">
-                  {medalColors[user.rank] && (
-                    <Medal size={16} className={medalColors[user.rank]} />
-                  )}
-                  <span className="text-sm font-semibold text-theme-primary">{user.rank}</span>
-                </div>
+          {data.length === 0 ? (
+            <tr>
+              <td colSpan={4} className="px-4 py-8 text-center text-sm text-theme-secondary">
+                No data available for this rank yet.
               </td>
-              <td className="px-4 py-3.5 text-sm font-medium text-theme-primary">{user.name}</td>
-              <td className="px-4 py-3.5 text-sm text-theme-secondary hidden md:table-cell">{user.institute}</td>
-              <td className="px-4 py-3.5">
-                <span className="text-sm font-bold text-brand-500 dark:text-brand-400">{user.points.toLocaleString()}</span>
-              </td>
-            </motion.tr>
-          ))}
+            </tr>
+          ) : (
+            data.map((user, index) => (
+              <motion.tr
+                key={index}
+                initial={{ opacity: 0, x: -10 }}
+                animate={{ opacity: 1, x: 0 }}
+                transition={{ delay: index * 0.05 }}
+                className="hover:bg-theme-tertiary/30 transition-colors border-b border-theme-primary last:border-b-0"
+              >
+                <td className="px-4 py-3.5">
+                  <div className="flex items-center gap-2">
+                    {medalColors[user.rank] && (
+                      <Medal size={16} className={medalColors[user.rank]} />
+                    )}
+                    <span className="text-sm font-semibold text-theme-primary">{user.rank}</span>
+                  </div>
+                </td>
+                <td className="px-4 py-3.5 text-sm font-medium text-theme-primary">{user.name}</td>
+                <td className="px-4 py-3.5 text-sm text-theme-secondary hidden md:table-cell">{user.institute}</td>
+                <td className="px-4 py-3.5">
+                  <span className="text-sm font-bold text-brand-500 dark:text-brand-400">{user.points.toLocaleString()}</span>
+                </td>
+              </motion.tr>
+            ))
+          )}
         </tbody>
       </table>
     </div>
diff --git a/app/(root)/notification/[id]/page.tsx b/app/(root)/notification/[id]/page.tsx
index 65195bf..a7780ff 100644
--- a/app/(root)/notification/[id]/page.tsx
+++ b/app/(root)/notification/[id]/page.tsx
@@ -5,29 +5,7 @@ import React from "react";
 import { ArrowLeft, Clock } from "lucide-react";
 import Link from "next/link";
 
-const dummyEmails = [
-  {
-    id: "1",
-    sender: "Radhika Gupta",
-    subject: "New Post for You",
-    body: "To every woman who sometimes wonders, can I do it, here is a thought — you've already been doing it. Every challenge you've faced, every setback you've overcome, every morning you showed up even when you didn't feel like it. That's not luck. That's strength. That's you doing it. So yes, you can. You already are.",
-    date: "March 17, 2025",
-  },
-  {
-    id: "2",
-    sender: "Nikhil Kamath",
-    subject: "Indian Market Insights",
-    body: "Digressing from the post, but it's about time we need an Indian answer to the global tech ecosystem. The talent is here, the ambition is here, and the market is massive. What we need is the right infrastructure, the right policies, and most importantly, the right belief in ourselves.",
-    date: "March 14, 2025",
-  },
-  {
-    id: "3",
-    sender: "Nikhil Kamath",
-    subject: "Indian Market Trends",
-    body: "Digressing from the post, but it's about time we need an Indian answer to the changing market dynamics. Innovation doesn't wait, and neither should we.",
-    date: "March 12, 2025",
-  },
-];
+const dummyEmails: Array<{id: string; sender: string; subject: string; body: string; date: string;}> = [];
 
 const EmailDetailsPage = () => {
   const params = useParams();
diff --git a/app/(root)/notification/page.tsx b/app/(root)/notification/page.tsx
index 60cc54d..c6fc89d 100644
--- a/app/(root)/notification/page.tsx
+++ b/app/(root)/notification/page.tsx
@@ -4,32 +4,7 @@ import { Bell, Inbox } from "lucide-react";
 import { motion } from "framer-motion";
 import { useRouter } from "next/navigation";
 
-const dummyNotifications = [
-  {
-    id: "1",
-    sender: "Radhika Gupta",
-    subject: "New Post for You",
-    body: "To every woman who sometimes wonders, can I do it, here is a thought...",
-    date: "March 17, 2025",
-    read: false,
-  },
-  {
-    id: "2",
-    sender: "Nikhil Kamath",
-    subject: "Indian Market Insights",
-    body: "Digressing from the post, but it's about time we need an Indian answer to...",
-    date: "March 14, 2025",
-    read: false,
-  },
-  {
-    id: "3",
-    sender: "Nikhil Kamath",
-    subject: "Indian Market Trends",
-    body: "Digressing from the post, but it's about time we need an Indian answer to...",
-    date: "March 12, 2025",
-    read: true,
-  },
-];
+const dummyNotifications: Array<{id: string; sender: string; subject: string; body: string; date: string; read: boolean}> = [];
 
 const Page = () => {
   const router = useRouter();

From ba8e0f68f8210f09e1b24705989270b70c42bdcf Mon Sep 17 00:00:00 2001
From: Prajyot Tayde <pmtbmt@gmail.com>
Date: Sun, 7 Jun 2026 22:50:05 +0530
Subject: [PATCH 4/4] feat: implement dynamic notification fetching, user
 settings store, and robust authentication middleware across the platform

---
 app/(root)/application/ApplicationsList.tsx   |  86 ++++++++++
 app/(root)/application/page.tsx               |  10 +-
 app/(root)/components/OnboardingModal.tsx     |   1 -
 app/(root)/components/SignInButton.tsx        |   2 +-
 app/(root)/dashboard/AnnouncementsList.tsx    |  80 ++++++++++
 app/(root)/dashboard/page.tsx                 |   6 +-
 app/(root)/feedback/page.tsx                  |  33 +++-
 app/(root)/hackathons/page.tsx                | 148 ++++++++++++++++++
 app/(root)/hackathons/submit/page.tsx         | 137 ++++++++++++++++
 app/(root)/help/page.tsx                      |   7 +-
 app/(root)/home/page.tsx                      |   2 +-
 app/(root)/layout.tsx                         |  25 ++-
 app/(root)/leaderboard/page.tsx               | 147 +++++++++++------
 app/(root)/notification/[id]/page.tsx         |  68 ++++++--
 app/(root)/notification/page.tsx              | 135 +++++++++++++---
 app/(root)/profile/page.tsx                   |   6 +-
 app/(root)/project/ProjectList.tsx            |  33 +++-
 app/(root)/project/Sidebar1.tsx               | 107 ++++++++++---
 app/(root)/project/[id]/Detail.tsx            |  22 ++-
 app/(root)/project/create/[id]/page.tsx       |  37 ++++-
 app/(root)/project/page.tsx                   |   8 +-
 app/(root)/settings/page.tsx                  |  40 ++---
 app/api/applications/route.ts                 |  26 +++
 app/api/feedback/route.ts                     |  40 +++++
 app/api/hackathons/route.ts                   |  58 +++++++
 app/api/leaderboard/route.ts                  |  29 ++++
 .../join/[user_id]/[project_id]/route.ts      |  24 +++
 app/api/list/all/route.ts                     |  28 +++-
 app/api/notifications/[id]/route.ts           |  37 +++++
 app/api/notifications/route.ts                |  64 ++++++++
 .../project/project_id/[project_id]/route.ts  |   7 +
 app/api/project/user_id/[user_id]/route.ts    |  20 +++
 app/api/user/[id]/route.ts                    |  21 ++-
 app/lib/cloudinary.ts                         |   6 +-
 app/models/Feedback.ts                        |  21 +++
 app/models/Hackathon.ts                       |  35 +++++
 app/models/Notification.ts                    |  41 +++++
 app/models/Projects.ts                        |   4 +
 app/store/useSettingsStore.ts                 |  39 +++++
 app/types/projects.ts                         |   2 +
 middleware.ts                                 |  33 ++++
 next.config.ts                                |   8 +-
 42 files changed, 1505 insertions(+), 178 deletions(-)
 create mode 100644 app/(root)/application/ApplicationsList.tsx
 create mode 100644 app/(root)/dashboard/AnnouncementsList.tsx
 create mode 100644 app/(root)/hackathons/page.tsx
 create mode 100644 app/(root)/hackathons/submit/page.tsx
 create mode 100644 app/api/applications/route.ts
 create mode 100644 app/api/feedback/route.ts
 create mode 100644 app/api/hackathons/route.ts
 create mode 100644 app/api/leaderboard/route.ts
 create mode 100644 app/api/notifications/[id]/route.ts
 create mode 100644 app/api/notifications/route.ts
 create mode 100644 app/models/Feedback.ts
 create mode 100644 app/models/Hackathon.ts
 create mode 100644 app/models/Notification.ts
 create mode 100644 app/store/useSettingsStore.ts
 create mode 100644 middleware.ts

diff --git a/app/(root)/application/ApplicationsList.tsx b/app/(root)/application/ApplicationsList.tsx
new file mode 100644
index 0000000..dc48331
--- /dev/null
+++ b/app/(root)/application/ApplicationsList.tsx
@@ -0,0 +1,86 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { Clock } from "lucide-react";
+import Link from "next/link";
+
+interface JoinRequest {
+  _id: string;
+  project: { _id: string; title: string };
+  status: string;
+  createdAt: string;
+}
+
+const ApplicationsList = ({ filterStatus }: { filterStatus: string }) => {
+  const [requests, setRequests] = useState<JoinRequest[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchRequests = async () => {
+      try {
+        const response = await axios.get("/api/applications");
+        const filtered = response.data.filter(
+          (r: JoinRequest) => r.status === filterStatus
+        );
+        setRequests(filtered);
+      } catch (error) {
+        console.error("Error fetching applications:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchRequests();
+  }, [filterStatus]);
+
+  if (loading) {
+    return (
+      <div className="w-full space-y-3">
+        {[1, 2, 3].map((i) => (
+          <div key={i} className="h-16 skeleton rounded-xl w-full" />
+        ))}
+      </div>
+    );
+  }
+
+  if (requests.length === 0) {
+    return (
+      <div className="py-8 text-center text-sm text-theme-secondary">
+        No applications found.
+      </div>
+    );
+  }
+
+  return (
+    <div className="w-full space-y-2">
+      {requests.map((item) => (
+        <Link
+          key={item._id}
+          href={`/project/${item.project?._id}`}
+          className="block glass-card p-4 hover:border-brand-500/30 transition-colors"
+        >
+          <div className="flex justify-between items-center">
+            <span className="text-sm font-semibold text-theme-primary">
+              {item.project?.title || "Unknown Project"}
+            </span>
+            <div className="flex items-center gap-3 text-xs">
+              <span className={`px-2 py-1 rounded-md font-medium capitalize ${
+                item.status === 'accepted' ? 'bg-green-500/10 text-green-500' :
+                item.status === 'rejected' ? 'bg-red-500/10 text-red-500' :
+                'bg-amber-500/10 text-amber-500'
+              }`}>
+                {item.status}
+              </span>
+              <span className="flex items-center gap-1 text-theme-tertiary">
+                <Clock size={12} />
+                {new Date(item.createdAt).toLocaleDateString()}
+              </span>
+            </div>
+          </div>
+        </Link>
+      ))}
+    </div>
+  );
+};
+
+export default ApplicationsList;
diff --git a/app/(root)/application/page.tsx b/app/(root)/application/page.tsx
index 830ee9c..e8de568 100644
--- a/app/(root)/application/page.tsx
+++ b/app/(root)/application/page.tsx
@@ -1,20 +1,20 @@
 "use client";
 import React from "react";
 import TabsComponent2 from "../TabsComponent2";
-import TableComponent from "../TableComponent";
+import ApplicationsList from "./ApplicationsList";
 import useAuthStore from "@/app/store/useAuthStore";
 import { motion } from "framer-motion";
 import { Briefcase, Sparkles } from "lucide-react";
 
 const tabContents = [
-  <TableComponent key="submitted" />,
-  <TableComponent key="bookmarks" />,
-  <TableComponent key="rejected" />,
+  <ApplicationsList key="pending" filterStatus="pending" />,
+  <ApplicationsList key="accepted" filterStatus="accepted" />,
+  <ApplicationsList key="rejected" filterStatus="rejected" />,
 ];
 
 const Page = () => {
   const { user } = useAuthStore();
-  const tabTitles = ["Submitted", "Bookmarks", "Rejected"];
+  const tabTitles = ["Pending", "Accepted", "Rejected"];
 
   return (
     <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
diff --git a/app/(root)/components/OnboardingModal.tsx b/app/(root)/components/OnboardingModal.tsx
index a56719c..a613d19 100644
--- a/app/(root)/components/OnboardingModal.tsx
+++ b/app/(root)/components/OnboardingModal.tsx
@@ -3,7 +3,6 @@ import React, { useState } from "react";
 import axios from "axios";
 import { toast } from "sonner";
 import { User } from "@/app/types/user";
-import { useRouter } from "next/navigation";
 import useAuthStore from "@/app/store/useAuthStore";
 import { motion } from "framer-motion";
 import { Compass, Sparkles } from "lucide-react";
diff --git a/app/(root)/components/SignInButton.tsx b/app/(root)/components/SignInButton.tsx
index b2243f0..91eb936 100644
--- a/app/(root)/components/SignInButton.tsx
+++ b/app/(root)/components/SignInButton.tsx
@@ -20,7 +20,7 @@ export default function SignInButton() {
   return (
     <button
       className="bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 shadow-md hover:shadow-lg active:scale-[0.98]"
-      onClick={() => signIn("google")}
+      onClick={() => signIn("google", { callbackUrl: "/project" })}
     >
       Sign in with Google
     </button>
diff --git a/app/(root)/dashboard/AnnouncementsList.tsx b/app/(root)/dashboard/AnnouncementsList.tsx
new file mode 100644
index 0000000..29a17cb
--- /dev/null
+++ b/app/(root)/dashboard/AnnouncementsList.tsx
@@ -0,0 +1,80 @@
+"use client";
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { Clock } from "lucide-react";
+import Link from "next/link";
+
+interface Notification {
+  _id: string;
+  type: string;
+  title: string;
+  message: string;
+  link?: string;
+  read: boolean;
+  createdAt: string;
+}
+
+const AnnouncementsList = () => {
+  const [announcements, setAnnouncements] = useState<Notification[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchAnnouncements = async () => {
+      try {
+        const response = await axios.get("/api/notifications");
+        // Filter for announcements (system or project updates)
+        const filtered = response.data.filter(
+          (n: Notification) => n.type === "system" || n.type === "project_update"
+        );
+        setAnnouncements(filtered);
+      } catch (error) {
+        console.error("Error fetching announcements:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchAnnouncements();
+  }, []);
+
+  if (loading) {
+    return (
+      <div className="w-full space-y-3">
+        {[1, 2, 3].map((i) => (
+          <div key={i} className="h-16 skeleton rounded-xl w-full" />
+        ))}
+      </div>
+    );
+  }
+
+  if (announcements.length === 0) {
+    return (
+      <div className="py-8 text-center text-sm text-theme-secondary">
+        No announcements at the moment.
+      </div>
+    );
+  }
+
+  return (
+    <div className="w-full space-y-2">
+      {announcements.map((item) => (
+        <Link
+          key={item._id}
+          href={item.link || `/notification/${item._id}`}
+          className="block glass-card p-4 hover:border-brand-500/30 transition-colors"
+        >
+          <div className="flex justify-between items-start mb-1">
+            <span className="text-sm font-semibold text-theme-primary">{item.title}</span>
+            <span className="flex items-center gap-1 text-xs text-theme-tertiary">
+              <Clock size={12} />
+              {new Date(item.createdAt).toLocaleDateString()}
+            </span>
+          </div>
+          <p className="text-sm text-theme-secondary line-clamp-2">{item.message}</p>
+        </Link>
+      ))}
+    </div>
+  );
+};
+
+export default AnnouncementsList;
diff --git a/app/(root)/dashboard/page.tsx b/app/(root)/dashboard/page.tsx
index a6b2c5c..8415711 100644
--- a/app/(root)/dashboard/page.tsx
+++ b/app/(root)/dashboard/page.tsx
@@ -1,14 +1,16 @@
 "use client";
 import React from "react";
 import TabsComponent2 from "../TabsComponent2";
-import TableComponent from "../TableComponent";
+
 import UserProject from "./UserProject";
 import useAuthStore from "@/app/store/useAuthStore";
 import { motion } from "framer-motion";
 import { LayoutDashboard, Sparkles } from "lucide-react";
 
+import AnnouncementsList from "./AnnouncementsList";
+
 const tabContents = [
-  <TableComponent key="announcements-tab" />,
+  <AnnouncementsList key="announcements-tab" />,
   <UserProject key="projects-tab" />,
 ];
 
diff --git a/app/(root)/feedback/page.tsx b/app/(root)/feedback/page.tsx
index aab362e..15ba972 100644
--- a/app/(root)/feedback/page.tsx
+++ b/app/(root)/feedback/page.tsx
@@ -10,11 +10,30 @@ const Page = () => {
   const [feedback, setFeedback] = useState("");
   const [isChecked, setIsChecked] = useState(false);
 
-  const handleSubmit = (e: React.FormEvent) => {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
-    toast.success("Feedback submitted! Thank you for your input.");
-    setFeedback("");
-    setIsChecked(false);
+    if (!feedback || !isChecked) return;
+    setIsSubmitting(true);
+    
+    try {
+      const response = await fetch("/api/feedback", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ feedback, consent: isChecked }),
+      });
+
+      if (!response.ok) throw new Error("Failed to submit feedback");
+
+      toast.success("Feedback submitted! Thank you for your input.");
+      setFeedback("");
+      setIsChecked(false);
+    } catch {
+      toast.error("An error occurred. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
   };
 
   return (
@@ -88,14 +107,14 @@ const Page = () => {
           <button
             type="submit"
             className={`flex items-center gap-2 px-6 py-3 rounded-xl text-white font-medium transition-all duration-200 active:scale-[0.98] ${
-              isChecked
+              isChecked && !isSubmitting
                 ? "bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700 shadow-md hover:shadow-lg"
                 : "bg-gray-400 dark:bg-gray-600 cursor-not-allowed"
             }`}
-            disabled={!isChecked}
+            disabled={!isChecked || isSubmitting}
           >
             <Send size={16} />
-            Submit Feedback
+            {isSubmitting ? "Submitting..." : "Submit Feedback"}
           </button>
         </form>
       </motion.div>
diff --git a/app/(root)/hackathons/page.tsx b/app/(root)/hackathons/page.tsx
new file mode 100644
index 0000000..3641ecd
--- /dev/null
+++ b/app/(root)/hackathons/page.tsx
@@ -0,0 +1,148 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { motion } from "framer-motion";
+import { Trophy, Calendar, MapPin, Plus, ExternalLink, Users } from "lucide-react";
+import Link from "next/link";
+import axios from "axios";
+
+interface Hackathon {
+  _id: string;
+  title: string;
+  description: string;
+  url: string;
+  startDate: string;
+  endDate: string;
+  location: string;
+  organizer: string;
+  tags: string[];
+}
+
+export default function HackathonsPage() {
+  const [hackathons, setHackathons] = useState<Hackathon[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchHackathons = async () => {
+      try {
+        const response = await axios.get("/api/hackathons");
+        setHackathons(response.data);
+      } catch (error) {
+        console.error("Error fetching hackathons:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchHackathons();
+  }, []);
+
+  return (
+    <div className="min-h-screen px-6 md:px-12 lg:px-16 py-8 bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="flex items-center justify-between mb-8"
+      >
+        <div className="flex items-center gap-3">
+          <Trophy size={28} className="text-amber-500" />
+          <h1 className="text-3xl font-bold text-theme-primary">Hackathons</h1>
+        </div>
+        <Link
+          href="/hackathons/submit"
+          className="flex items-center gap-2 px-4 py-2 bg-brand-500 hover:bg-brand-600 text-white rounded-lg text-sm font-medium transition-colors"
+        >
+          <Plus size={16} />
+          Submit Event
+        </Link>
+      </motion.div>
+
+      <motion.div
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ delay: 0.1 }}
+        className="glass-card bg-gradient-to-r from-amber-500/5 to-orange-500/5 mt-2 mb-8 w-full p-6"
+      >
+        <h2 className="text-lg font-semibold text-theme-primary mb-2">Find a Hackathon Team</h2>
+        <p className="text-sm text-theme-secondary max-w-2xl">
+          Browse upcoming hackathons and post projects specifically for these events to find the perfect teammates. 
+          All events are community-submitted.
+        </p>
+      </motion.div>
+
+      {loading ? (
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {[1, 2, 3].map((i) => (
+            <div key={i} className="glass-card h-64 skeleton" />
+          ))}
+        </div>
+      ) : hackathons.length === 0 ? (
+        <div className="glass-card p-12 text-center">
+          <p className="text-theme-secondary mb-4">No upcoming hackathons found.</p>
+          <Link
+            href="/hackathons/submit"
+            className="inline-flex items-center gap-2 px-4 py-2 bg-theme-tertiary text-theme-primary rounded-lg text-sm font-medium hover:bg-theme-secondary transition-colors border border-theme-primary"
+          >
+            Be the first to submit one
+          </Link>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {hackathons.map((h, i) => (
+            <motion.div
+              key={h._id}
+              initial={{ opacity: 0, y: 20 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: 0.05 * i }}
+              className="glass-card p-6 flex flex-col h-full hover:border-brand-500/30 transition-colors"
+            >
+              <div className="flex-1">
+                <div className="flex justify-between items-start gap-2 mb-3">
+                  <h3 className="text-xl font-bold text-theme-primary line-clamp-2">{h.title}</h3>
+                  <a href={h.url} target="_blank" rel="noopener noreferrer" className="p-1.5 bg-theme-tertiary rounded-md text-theme-secondary hover:text-brand-500 transition-colors flex-shrink-0">
+                    <ExternalLink size={16} />
+                  </a>
+                </div>
+                
+                <p className="text-sm text-theme-secondary mb-4 line-clamp-2">{h.description}</p>
+                
+                <div className="space-y-2 mb-6">
+                  <div className="flex items-center gap-2 text-sm text-theme-tertiary">
+                    <Calendar size={14} className="text-brand-500" />
+                    <span>{new Date(h.startDate).toLocaleDateString()} - {new Date(h.endDate).toLocaleDateString()}</span>
+                  </div>
+                  <div className="flex items-center gap-2 text-sm text-theme-tertiary">
+                    <MapPin size={14} className="text-brand-500" />
+                    <span>{h.location}</span>
+                  </div>
+                  <div className="flex items-center gap-2 text-sm text-theme-tertiary">
+                    <Users size={14} className="text-brand-500" />
+                    <span>{h.organizer}</span>
+                  </div>
+                </div>
+
+                {h.tags && h.tags.length > 0 && (
+                  <div className="flex flex-wrap gap-2 mb-4">
+                    {h.tags.map((tag) => (
+                      <span key={tag} className="text-xs px-2 py-1 rounded-md bg-theme-tertiary border border-theme-primary text-theme-secondary">
+                        {tag}
+                      </span>
+                    ))}
+                  </div>
+                )}
+              </div>
+              
+              <div className="mt-auto pt-4 border-t border-theme-primary">
+                <Link
+                  href={`/project/create/new?hackathon=${h._id}&title=${encodeURIComponent(h.title)}`}
+                  className="block w-full py-2.5 text-center bg-theme-tertiary hover:bg-brand-500/10 text-theme-primary hover:text-brand-500 border border-theme-primary hover:border-brand-500/30 rounded-lg text-sm font-medium transition-all"
+                >
+                  Find a Team for This Event
+                </Link>
+              </div>
+            </motion.div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/app/(root)/hackathons/submit/page.tsx b/app/(root)/hackathons/submit/page.tsx
new file mode 100644
index 0000000..60b20eb
--- /dev/null
+++ b/app/(root)/hackathons/submit/page.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { motion } from "framer-motion";
+import { ArrowLeft, Send } from "lucide-react";
+import Link from "next/link";
+import axios from "axios";
+import { toast } from "sonner";
+
+export default function SubmitHackathonPage() {
+  const router = useRouter();
+  const [formData, setFormData] = useState({
+    title: "",
+    description: "",
+    url: "",
+    startDate: "",
+    endDate: "",
+    location: "",
+    organizer: "",
+    tags: "",
+  });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    setFormData((prev) => ({ ...prev, [e.target.name]: e.target.value }));
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    
+    try {
+      const payload = {
+        ...formData,
+        tags: formData.tags.split(",").map((t) => t.trim()).filter(Boolean),
+      };
+
+      await axios.post("/api/hackathons", payload);
+      toast.success("Hackathon submitted successfully!");
+      router.push("/hackathons");
+    } catch (error) {
+      console.error(error);
+      toast.error("Failed to submit hackathon.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 flex items-center justify-center bg-black/50 backdrop-blur-sm z-50">
+      <motion.div
+        initial={{ opacity: 0, scale: 0.95 }}
+        animate={{ opacity: 1, scale: 1 }}
+        className="bg-theme-card border border-theme-primary rounded-2xl shadow-xl w-[90%] max-w-2xl max-h-[90vh] overflow-auto p-8"
+      >
+        <div className="flex items-center justify-between mb-6">
+          <h2 className="text-2xl font-bold text-theme-primary">Submit a Hackathon</h2>
+          <Link href="/hackathons" className="p-2 hover:bg-theme-tertiary rounded-lg text-theme-tertiary hover:text-theme-primary transition-colors">
+            <ArrowLeft size={20} />
+          </Link>
+        </div>
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Hackathon Title</label>
+            <input type="text" name="title" value={formData.title} onChange={handleChange} required
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40" />
+          </div>
+
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Description</label>
+            <textarea name="description" value={formData.description} onChange={handleChange} required rows={3}
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40 resize-none" />
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Start Date</label>
+              <input type="date" name="startDate" value={formData.startDate} onChange={handleChange} required
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40 text-theme-primary" />
+            </div>
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-1.5 block">End Date</label>
+              <input type="date" name="endDate" value={formData.endDate} onChange={handleChange} required
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40 text-theme-primary" />
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Location (or Online)</label>
+              <input type="text" name="location" value={formData.location} onChange={handleChange} required
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40" />
+            </div>
+            <div>
+              <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Organizer</label>
+              <input type="text" name="organizer" value={formData.organizer} onChange={handleChange} required
+                className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40" />
+            </div>
+          </div>
+
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Registration URL</label>
+            <input type="url" name="url" value={formData.url} onChange={handleChange} required placeholder="https://..."
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40" />
+          </div>
+
+          <div>
+            <label className="text-sm font-semibold text-theme-primary mb-1.5 block">Tags (comma separated)</label>
+            <input type="text" name="tags" value={formData.tags} onChange={handleChange} placeholder="AI, Web3, FinTech"
+              className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl focus:outline-none focus:ring-2 focus:ring-brand-500/40" />
+          </div>
+
+          <div className="flex gap-3 pt-4">
+            <button
+              type="submit"
+              disabled={isSubmitting}
+              className={`flex items-center justify-center gap-2 px-6 py-3 rounded-xl text-white font-medium flex-1 transition-all ${
+                isSubmitting ? "bg-gray-500 cursor-not-allowed" : "bg-gradient-to-r from-brand-500 to-purple-600 hover:from-brand-600 hover:to-purple-700"
+              }`}
+            >
+              <Send size={16} />
+              {isSubmitting ? "Submitting..." : "Submit Hackathon"}
+            </button>
+            <Link
+              href="/hackathons"
+              className="px-6 py-3 flex items-center justify-center border border-theme-secondary text-theme-secondary hover:bg-theme-tertiary rounded-xl font-medium transition-colors"
+            >
+              Cancel
+            </Link>
+          </div>
+        </form>
+      </motion.div>
+    </div>
+  );
+}
diff --git a/app/(root)/help/page.tsx b/app/(root)/help/page.tsx
index 7b5fbd1..4b08d67 100644
--- a/app/(root)/help/page.tsx
+++ b/app/(root)/help/page.tsx
@@ -67,7 +67,12 @@ const Page = () => {
       {/* FAQs */}
       <h2 className="text-2xl font-bold text-theme-primary mb-3">FAQs</h2>
       <div className="space-y-3 max-w-3xl">
-        {questions.map((q, i) => (
+        {questions
+          .filter((q) =>
+            q.question.toLowerCase().includes(searchQuery.toLowerCase()) ||
+            q.answer.toLowerCase().includes(searchQuery.toLowerCase())
+          )
+          .map((q, i) => (
           <motion.div
             key={q.id}
             initial={{ opacity: 0, y: 10 }}
diff --git a/app/(root)/home/page.tsx b/app/(root)/home/page.tsx
index 2553b8f..bc98627 100644
--- a/app/(root)/home/page.tsx
+++ b/app/(root)/home/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Search, ArrowRight, Users, FolderGit2, Award, Sparkles } from "lucide-react";
+import { Search, ArrowRight, Sparkles } from "lucide-react";
 import Image from "next/image";
 import React, { useState } from "react";
 import { useRouter } from "next/navigation";
diff --git a/app/(root)/layout.tsx b/app/(root)/layout.tsx
index d6a52dd..e189083 100644
--- a/app/(root)/layout.tsx
+++ b/app/(root)/layout.tsx
@@ -10,6 +10,7 @@ import useAuthStore from "../store/useAuthStore";
 import useThemeStore from "../store/useThemeStore";
 import SignOutButton from "./components/SignOutButton";
 import { Toaster } from "sonner";
+import axios from "axios";
 import {
   Home,
   User,
@@ -43,7 +44,8 @@ const sidebarLinks = [
 
 const navLinks = [
   { href: "/project", label: "Projects", icon: FolderOpen },
-  // { href: "/leaderboard", label: "Leaderboard", icon: Trophy },
+  { href: "/hackathons", label: "Hackathons", icon: Trophy },
+  { href: "/leaderboard", label: "Leaderboard", icon: Trophy },
   { href: "/qna", label: "QnA", icon: MessageCircleQuestion },
   { href: "/settings", label: "Settings", icon: Settings },
 ];
@@ -133,6 +135,23 @@ export default function RootLayout({
     setShowOnboarding(false);
   };
 
+  const [unreadCount, setUnreadCount] = useState(0);
+
+  useEffect(() => {
+    async function getUnreadCount() {
+      if (user) {
+        try {
+          const res = await axios.get("/api/notifications");
+          const unread = res.data.filter((n: { read: boolean }) => !n.read).length;
+          setUnreadCount(unread);
+        } catch (error) {
+          console.error("Failed to fetch unread notifications", error);
+        }
+      }
+    }
+    getUnreadCount();
+  }, [user]);
+
   return (
     <>
       <Toaster
@@ -327,7 +346,9 @@ export default function RootLayout({
                 className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-secondary transition-colors relative"
               >
                 <Bell size={18} />
-                <span className="absolute top-1 right-1 w-2 h-2 bg-brand-500 rounded-full" />
+                {unreadCount > 0 && (
+                  <span className="absolute top-1 right-1 w-2 h-2 bg-brand-500 rounded-full" />
+                )}
               </Link>
             )}
 
diff --git a/app/(root)/leaderboard/page.tsx b/app/(root)/leaderboard/page.tsx
index 9fc60dd..741a4db 100644
--- a/app/(root)/leaderboard/page.tsx
+++ b/app/(root)/leaderboard/page.tsx
@@ -1,9 +1,17 @@
 "use client";
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-import { Medal } from "lucide-react";
+import { Medal, Trophy } from "lucide-react";
+import axios from "axios";
 
-const data: Array<{rank: string, name: string, institute: string, points: number}> = [];
+interface LeaderboardUser {
+  _id: string;
+  rank: string;
+  name: string;
+  institute: string;
+  points: number;
+  profilePic?: string;
+}
 
 const medalColors: Record<string, string> = {
   "#1": "text-amber-400",
@@ -12,51 +20,100 @@ const medalColors: Record<string, string> = {
 };
 
 const Page = () => {
+  const [data, setData] = useState<LeaderboardUser[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchLeaderboard = async () => {
+      try {
+        const response = await axios.get("/api/leaderboard");
+        setData(response.data);
+      } catch (error) {
+        console.error("Error fetching leaderboard", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchLeaderboard();
+  }, []);
+
+  if (loading) {
+    return (
+      <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+        <div className="glass-card overflow-hidden">
+          <table className="w-full">
+            <tbody>
+              {[1, 2, 3, 4, 5].map((i) => (
+                <tr key={i} className="border-b border-theme-primary">
+                  <td className="px-4 py-4"><div className="h-6 w-8 skeleton rounded" /></td>
+                  <td className="px-4 py-4"><div className="h-6 w-32 skeleton rounded" /></td>
+                  <td className="px-4 py-4"><div className="h-6 w-48 skeleton rounded" /></td>
+                  <td className="px-4 py-4"><div className="h-6 w-16 skeleton rounded" /></td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  }
+
   return (
-    <div className="glass-card overflow-hidden">
-      <table className="w-full">
-        <thead>
-          <tr className="bg-theme-tertiary/50">
-            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold w-20">Rank</th>
-            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold">User Name</th>
-            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold hidden md:table-cell">Institute</th>
-            <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold w-28">Points</th>
-          </tr>
-        </thead>
-        <tbody>
-          {data.length === 0 ? (
-            <tr>
-              <td colSpan={4} className="px-4 py-8 text-center text-sm text-theme-secondary">
-                No data available for this rank yet.
-              </td>
+    <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+      <motion.div
+        initial={{ opacity: 0, y: -10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="flex items-center gap-3 mb-6"
+      >
+        <Trophy size={28} className="text-amber-500" />
+        <h1 className="text-3xl font-bold text-theme-primary">Leaderboard</h1>
+      </motion.div>
+      
+      <div className="glass-card overflow-hidden max-w-4xl">
+        <table className="w-full">
+          <thead>
+            <tr className="bg-theme-tertiary/50">
+              <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold w-20">Rank</th>
+              <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold">User Name</th>
+              <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold hidden md:table-cell">Institute</th>
+              <th className="border-b border-theme-primary text-theme-tertiary px-4 py-3 text-left text-sm font-semibold w-28">Points</th>
             </tr>
-          ) : (
-            data.map((user, index) => (
-              <motion.tr
-                key={index}
-                initial={{ opacity: 0, x: -10 }}
-                animate={{ opacity: 1, x: 0 }}
-                transition={{ delay: index * 0.05 }}
-                className="hover:bg-theme-tertiary/30 transition-colors border-b border-theme-primary last:border-b-0"
-              >
-                <td className="px-4 py-3.5">
-                  <div className="flex items-center gap-2">
-                    {medalColors[user.rank] && (
-                      <Medal size={16} className={medalColors[user.rank]} />
-                    )}
-                    <span className="text-sm font-semibold text-theme-primary">{user.rank}</span>
-                  </div>
-                </td>
-                <td className="px-4 py-3.5 text-sm font-medium text-theme-primary">{user.name}</td>
-                <td className="px-4 py-3.5 text-sm text-theme-secondary hidden md:table-cell">{user.institute}</td>
-                <td className="px-4 py-3.5">
-                  <span className="text-sm font-bold text-brand-500 dark:text-brand-400">{user.points.toLocaleString()}</span>
+          </thead>
+          <tbody>
+            {data.length === 0 ? (
+              <tr>
+                <td colSpan={4} className="px-4 py-8 text-center text-sm text-theme-secondary">
+                  No data available for this rank yet.
                 </td>
-              </motion.tr>
-            ))
-          )}
-        </tbody>
-      </table>
+              </tr>
+            ) : (
+              data.map((user, index) => (
+                <motion.tr
+                  key={user._id}
+                  initial={{ opacity: 0, x: -10 }}
+                  animate={{ opacity: 1, x: 0 }}
+                  transition={{ delay: index * 0.05 }}
+                  className="hover:bg-theme-tertiary/30 transition-colors border-b border-theme-primary last:border-b-0"
+                >
+                  <td className="px-4 py-3.5">
+                    <div className="flex items-center gap-2">
+                      {medalColors[user.rank] && (
+                        <Medal size={16} className={medalColors[user.rank]} />
+                      )}
+                      <span className="text-sm font-semibold text-theme-primary">{user.rank}</span>
+                    </div>
+                  </td>
+                  <td className="px-4 py-3.5 text-sm font-medium text-theme-primary">{user.name}</td>
+                  <td className="px-4 py-3.5 text-sm text-theme-secondary hidden md:table-cell">{user.institute}</td>
+                  <td className="px-4 py-3.5">
+                    <span className="text-sm font-bold text-brand-500 dark:text-brand-400">{user.points.toLocaleString()}</span>
+                  </td>
+                </motion.tr>
+              ))
+            )}
+          </tbody>
+        </table>
+      </div>
     </div>
   );
 };
diff --git a/app/(root)/notification/[id]/page.tsx b/app/(root)/notification/[id]/page.tsx
index a7780ff..594ad63 100644
--- a/app/(root)/notification/[id]/page.tsx
+++ b/app/(root)/notification/[id]/page.tsx
@@ -1,17 +1,63 @@
 "use client";
 
 import { useParams } from "next/navigation";
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { ArrowLeft, Clock } from "lucide-react";
 import Link from "next/link";
+import axios from "axios";
 
-const dummyEmails: Array<{id: string; sender: string; subject: string; body: string; date: string;}> = [];
+interface Notification {
+  _id: string;
+  type: string;
+  title: string;
+  message: string;
+  createdAt: string;
+}
 
 const EmailDetailsPage = () => {
   const params = useParams();
-  const email = dummyEmails.find((item) => item.id === params.id);
+  const [notification, setNotification] = useState<Notification | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(false);
 
-  if (!email) {
+  useEffect(() => {
+    const fetchNotification = async () => {
+      try {
+        const response = await axios.get(`/api/notifications/${params.id}`);
+        setNotification(response.data);
+      } catch (err) {
+        console.error(err);
+        setError(true);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchNotification();
+  }, [params.id]);
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-theme-primary px-6 md:px-12 lg:px-16 py-8 max-w-4xl">
+        <div className="h-4 w-32 skeleton mb-6" />
+        <div className="glass-card p-6 md:p-8">
+          <div className="h-8 w-64 skeleton mb-3" />
+          <div className="flex items-center gap-3 mb-6 pb-4 border-b border-theme-primary">
+            <div className="w-10 h-10 rounded-full skeleton" />
+            <div>
+              <div className="h-4 w-32 skeleton mb-1" />
+              <div className="h-3 w-24 skeleton" />
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="h-4 w-full skeleton" />
+            <div className="h-4 w-5/6 skeleton" />
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (error || !notification) {
     return (
       <div className="p-8 text-center">
         <p className="text-red-500 text-lg">Notification not found</p>
@@ -33,22 +79,26 @@ const EmailDetailsPage = () => {
       </Link>
 
       <div className="glass-card p-6 md:p-8">
-        <h1 className="text-2xl font-bold text-theme-primary mb-3">{email.subject}</h1>
+        <h1 className="text-2xl font-bold text-theme-primary mb-3">{notification.title}</h1>
 
         <div className="flex items-center gap-3 mb-6 pb-4 border-b border-theme-primary">
           <div className="w-10 h-10 rounded-full bg-brand-500/10 flex items-center justify-center">
-            <span className="text-sm font-bold text-brand-500">{email.sender.charAt(0)}</span>
+            <span className="text-sm font-bold text-brand-500">
+              {notification.type === "system" ? "S" : "U"}
+            </span>
           </div>
           <div>
-            <p className="text-sm font-semibold text-theme-primary">{email.sender}</p>
+            <p className="text-sm font-semibold text-theme-primary">
+              {notification.type === "system" ? "System" : "User"}
+            </p>
             <div className="flex items-center gap-1 text-xs text-theme-tertiary">
               <Clock size={12} />
-              {email.date}
+              {new Date(notification.createdAt).toLocaleString()}
             </div>
           </div>
         </div>
 
-        <p className="text-sm text-theme-secondary leading-relaxed">{email.body}</p>
+        <p className="text-sm text-theme-secondary leading-relaxed whitespace-pre-wrap">{notification.message}</p>
       </div>
     </div>
   );
diff --git a/app/(root)/notification/page.tsx b/app/(root)/notification/page.tsx
index c6fc89d..f5c2861 100644
--- a/app/(root)/notification/page.tsx
+++ b/app/(root)/notification/page.tsx
@@ -1,29 +1,117 @@
 "use client";
-import React from "react";
+import React, { useEffect, useState, useCallback } from "react";
 import { Bell, Inbox } from "lucide-react";
 import { motion } from "framer-motion";
 import { useRouter } from "next/navigation";
+import axios from "axios";
+import { toast } from "sonner";
+import { useSession } from "next-auth/react";
 
-const dummyNotifications: Array<{id: string; sender: string; subject: string; body: string; date: string; read: boolean}> = [];
+interface Notification {
+  _id: string;
+  type: string;
+  title: string;
+  message: string;
+  link?: string;
+  read: boolean;
+  createdAt: string;
+}
 
 const Page = () => {
   const router = useRouter();
+  const { data: session } = useSession();
+  const [notifications, setNotifications] = useState<Notification[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  const fetchNotifications = useCallback(async () => {
+    if (!session) return;
+    try {
+      const response = await axios.get("/api/notifications");
+      setNotifications(response.data);
+    } catch (error) {
+      console.error("Error fetching notifications:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, [session]);
+
+  useEffect(() => {
+    fetchNotifications();
+  }, [fetchNotifications]);
+
+  const handleNotificationClick = async (n: Notification) => {
+    if (!n.read) {
+      try {
+        await axios.patch("/api/notifications", { notificationIds: [n._id] });
+        setNotifications((prev) =>
+          prev.map((notif) =>
+            notif._id === n._id ? { ...notif, read: true } : notif
+          )
+        );
+      } catch {
+        console.error("Error marking read:");
+      }
+    }
+    if (n.link) {
+      router.push(n.link);
+    } else {
+      router.push(`/notification/${n._id}`);
+    }
+  };
+
+  const markAllRead = async () => {
+    try {
+      await axios.patch("/api/notifications", {});
+      setNotifications((prev) =>
+        prev.map((notif) => ({ ...notif, read: true }))
+      );
+      toast.success("All notifications marked as read");
+    } catch {
+      toast.error("Failed to mark all as read");
+    }
+  };
+
+  const unreadCount = notifications.filter((n) => !n.read).length;
+
+  if (loading) {
+    return (
+      <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
+        <div className="h-8 w-48 skeleton mb-6" />
+        <div className="space-y-3 max-w-3xl">
+          {[1, 2, 3].map((i) => (
+            <div key={i} className="h-20 skeleton rounded-xl" />
+          ))}
+        </div>
+      </div>
+    );
+  }
 
   return (
     <div className="px-6 md:px-12 lg:px-16 py-8 min-h-screen bg-theme-primary">
-      <motion.div
-        initial={{ opacity: 0, y: -10 }}
-        animate={{ opacity: 1, y: 0 }}
-        className="flex items-center gap-3 mb-6"
-      >
-        <Bell size={28} className="text-brand-500" />
-        <h1 className="text-3xl font-bold text-theme-primary">Notifications</h1>
-        <span className="text-xs px-2 py-0.5 rounded-full bg-brand-500/10 text-brand-500 font-semibold ml-1">
-          {dummyNotifications.filter((n) => !n.read).length} new
-        </span>
-      </motion.div>
+      <div className="flex items-center justify-between mb-6 max-w-3xl">
+        <motion.div
+          initial={{ opacity: 0, y: -10 }}
+          animate={{ opacity: 1, y: 0 }}
+          className="flex items-center gap-3"
+        >
+          <Bell size={28} className="text-brand-500" />
+          <h1 className="text-3xl font-bold text-theme-primary">Notifications</h1>
+          <span className="text-xs px-2 py-0.5 rounded-full bg-brand-500/10 text-brand-500 font-semibold ml-1">
+            {unreadCount} new
+          </span>
+        </motion.div>
+
+        {unreadCount > 0 && (
+          <button
+            onClick={markAllRead}
+            className="text-sm font-medium text-brand-500 dark:text-brand-400 hover:text-brand-600 transition-colors"
+          >
+            Mark all read
+          </button>
+        )}
+      </div>
 
-      {dummyNotifications.length === 0 ? (
+      {notifications.length === 0 ? (
         <div className="flex flex-col items-center justify-center py-20 text-center">
           <div className="w-16 h-16 rounded-2xl bg-theme-tertiary flex items-center justify-center mb-4">
             <Inbox size={28} className="text-theme-tertiary" />
@@ -33,13 +121,13 @@ const Page = () => {
         </div>
       ) : (
         <div className="space-y-2 max-w-3xl">
-          {dummyNotifications.map((n, i) => (
+          {notifications.map((n, i) => (
             <motion.div
-              key={n.id}
+              key={n._id}
               initial={{ opacity: 0, y: 10 }}
               animate={{ opacity: 1, y: 0 }}
               transition={{ delay: 0.05 * i }}
-              onClick={() => router.push(`/notification/${n.id}`)}
+              onClick={() => handleNotificationClick(n)}
               className={`glass-card p-4 cursor-pointer hover:border-brand-500/30 transition-all duration-200 ${
                 !n.read ? "border-l-4 border-l-brand-500" : "opacity-70"
               }`}
@@ -47,14 +135,17 @@ const Page = () => {
               <div className="flex items-center justify-between mb-1">
                 <div className="flex items-center gap-2">
                   <div className="w-8 h-8 rounded-full bg-brand-500/10 flex items-center justify-center">
-                    <span className="text-xs font-bold text-brand-500">{n.sender.charAt(0)}</span>
+                    <span className="text-xs font-bold text-brand-500">
+                      {n.type === "system" ? "S" : "U"}
+                    </span>
                   </div>
-                  <span className="text-sm font-semibold text-theme-primary">{n.sender}</span>
+                  <span className="text-sm font-semibold text-theme-primary">{n.title}</span>
                 </div>
-                <span className="text-xs text-theme-tertiary">{n.date}</span>
+                <span className="text-xs text-theme-tertiary">
+                  {new Date(n.createdAt).toLocaleDateString()}
+                </span>
               </div>
-              <p className="text-sm font-medium text-theme-primary ml-10">{n.subject}</p>
-              <p className="text-xs text-theme-tertiary ml-10 line-clamp-1 mt-0.5">{n.body}</p>
+              <p className="text-sm text-theme-tertiary ml-10 line-clamp-2 mt-0.5">{n.message}</p>
             </motion.div>
           ))}
         </div>
diff --git a/app/(root)/profile/page.tsx b/app/(root)/profile/page.tsx
index 6d5ff81..edd6b9e 100644
--- a/app/(root)/profile/page.tsx
+++ b/app/(root)/profile/page.tsx
@@ -6,6 +6,7 @@ import EditProfile from "../components/EditProfile";
 import useAuthStore from "@/app/store/useAuthStore";
 import { User } from "@/app/types/user";
 import { motion } from "framer-motion";
+import { toast } from "sonner";
 
 const Page = () => {
   const { user } = useAuthStore();
@@ -93,7 +94,10 @@ const Page = () => {
 
           <div className="lg:w-[40%] mb-20 flex flex-col gap-6 items-center">
             <AchievementsCard />
-            <button className="bg-theme-card border border-theme-primary text-theme-primary px-6 py-3 rounded-xl text-base font-medium hover:bg-theme-tertiary transition-all duration-200">
+            <button 
+              className="bg-theme-card border border-theme-primary text-theme-primary px-6 py-3 rounded-xl text-base font-medium hover:bg-theme-tertiary transition-all duration-200"
+              onClick={() => toast.info("Custom achievements are coming soon!")}
+            >
               Add Achievements
             </button>
           </div>
diff --git a/app/(root)/project/ProjectList.tsx b/app/(root)/project/ProjectList.tsx
index b6e4b5c..fe50a7f 100644
--- a/app/(root)/project/ProjectList.tsx
+++ b/app/(root)/project/ProjectList.tsx
@@ -5,7 +5,7 @@ import Link from "next/link";
 import axios from "axios";
 import { Project } from "@/app/types/projects";
 import { useSession } from "next-auth/react";
-import { useRouter } from "next/navigation";
+import { useRouter, useSearchParams } from "next/navigation";
 import { motion } from "framer-motion";
 
 const domainColors: Record<string, string> = {
@@ -43,6 +43,8 @@ const ProjectList = () => {
   const [projects, setProjects] = useState<Project[]>([]);
   const [loading, setLoading] = useState(true);
 
+  const searchParams = useSearchParams();
+
   useEffect(() => {
     if (status === "unauthenticated") {
       router.push("/home");
@@ -51,9 +53,17 @@ const ProjectList = () => {
     const getData = async () => {
       if (status === "authenticated") {
         try {
-          const response = await axios.get(
-            `${process.env.NEXT_PUBLIC_CLIENT_URL}/api/list/all`
-          );
+          const url = new URL(`${process.env.NEXT_PUBLIC_CLIENT_URL}/api/list/all`);
+          
+          const domain = searchParams.get("domain");
+          const institute = searchParams.get("institute");
+          const search = searchParams.get("search");
+          
+          if (domain) url.searchParams.set("domains", domain);
+          if (institute) url.searchParams.set("institute", institute);
+          if (search) url.searchParams.set("search", search);
+
+          const response = await axios.get(url.toString());
           setProjects(response.data);
         } catch (error) {
           console.error("Error fetching projects:", error);
@@ -64,7 +74,7 @@ const ProjectList = () => {
     };
 
     getData();
-  }, [session, status, router]);
+  }, [session, status, router, searchParams]);
 
   if (status === "loading" || loading) {
     return (
@@ -109,8 +119,10 @@ const ProjectList = () => {
             <div className="flex justify-between items-start gap-4">
               <div className="flex items-start gap-4 flex-1">
                 {/* Rank badge */}
-                <div className="w-14 h-14 rounded-xl bg-gradient-to-br from-amber-400/20 to-amber-600/20 border border-amber-500/30 flex items-center justify-center flex-shrink-0">
-                  <span className="text-2xl font-bold text-amber-500">S</span>
+                <div className={`w-14 h-14 rounded-xl flex items-center justify-center flex-shrink-0 border bg-theme-tertiary/30 border-theme-primary`}>
+                  <span className="text-2xl font-bold text-theme-primary">
+                    {project.title.charAt(0).toUpperCase()}
+                  </span>
                 </div>
 
                 <div className="flex-1 min-w-0">
@@ -122,7 +134,7 @@ const ProjectList = () => {
                   )}
                   <div className="flex flex-wrap items-center gap-3 mt-2">
                     {/* Domain badges */}
-                    {project.domains && project.domains.length > 0 && (
+                    {project.domains && (
                       <div className="flex flex-wrap gap-1.5">
                         {(Array.isArray(project.domains) ? project.domains : [project.domains]).map((d, i) => (
                           <span
@@ -134,6 +146,11 @@ const ProjectList = () => {
                         ))}
                       </div>
                     )}
+                    {project.hackathon && (
+                      <span className="text-xs px-2.5 py-1 rounded-full bg-purple-500/10 text-purple-500 border border-purple-500/20 font-medium flex items-center gap-1">
+                        Hackathon Project
+                      </span>
+                    )}
                     {project.location && (
                       <span className="flex items-center gap-1 text-xs text-theme-tertiary">
                         <MapPin size={12} />
diff --git a/app/(root)/project/Sidebar1.tsx b/app/(root)/project/Sidebar1.tsx
index 2601957..19937a1 100644
--- a/app/(root)/project/Sidebar1.tsx
+++ b/app/(root)/project/Sidebar1.tsx
@@ -2,11 +2,22 @@
 
 import React, { useState } from "react";
 import { ChevronDown, Search, Filter, X } from "lucide-react";
+import { useRouter, useSearchParams } from "next/navigation";
 
 const Sidebar1 = () => {
-  const [query, setQuery] = useState("");
-  const [selectedItems, setSelectedItems] = useState<string[]>([]);
-  const [selectRank, setSelectRank] = useState<string[]>([]);
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  const initialDomain = searchParams.get("domain") ? searchParams.get("domain")!.split(",") : [];
+  const initialRank = searchParams.get("rank") ? searchParams.get("rank")!.split(",") : [];
+  const initialSearch = searchParams.get("search") || "";
+  const initialInstitute = searchParams.get("institute") || "";
+
+  const [searchQuery, setSearchQuery] = useState(initialSearch);
+  const [instituteQuery, setInstituteQuery] = useState(initialInstitute);
+  const [selectedItems, setSelectedItems] = useState<string[]>(initialDomain);
+  const [selectRank, setSelectRank] = useState<string[]>(initialRank);
+
   const [isRankOpen, setIsRankOpen] = useState(false);
   const [isDropdownOpen, setIsDropdownOpen] = useState(true);
   const [isSidebarOpen, setIsSidebarOpen] = useState(false);
@@ -22,29 +33,50 @@ const Sidebar1 = () => {
   ];
   const rank = ["S", "A+", "A", "B+", "B", "C", "D", "E"];
 
-  const filteredItems = items.filter((item) =>
-    item.toLowerCase().includes(query.toLowerCase())
-  );
+  const updateURL = (
+    newDomain: string[],
+    newRank: string[],
+    newSearch: string,
+    newInstitute: string
+  ) => {
+    const params = new URLSearchParams();
+    if (newDomain.length > 0) params.set("domain", newDomain.join(","));
+    if (newRank.length > 0) params.set("rank", newRank.join(","));
+    if (newSearch) params.set("search", newSearch);
+    if (newInstitute) params.set("institute", newInstitute);
+    router.push(`/project?${params.toString()}`, { scroll: false });
+  };
+
+  const handleSearchSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    updateURL(selectedItems, selectRank, searchQuery, instituteQuery);
+  };
 
   const handleCheckboxChange = (item: string) => {
-    setSelectedItems((prev) =>
-      prev.includes(item) ? prev.filter((i) => i !== item) : [...prev, item]
-    );
+    const newItems = selectedItems.includes(item)
+      ? selectedItems.filter((i) => i !== item)
+      : [...selectedItems, item];
+    setSelectedItems(newItems);
+    updateURL(newItems, selectRank, searchQuery, instituteQuery);
   };
 
   const handleRankChange = (item: string) => {
-    setSelectRank((prev) =>
-      prev.includes(item) ? prev.filter((i) => i !== item) : [...prev, item]
-    );
+    const newRanks = selectRank.includes(item)
+      ? selectRank.filter((i) => i !== item)
+      : [...selectRank, item];
+    setSelectRank(newRanks);
+    updateURL(selectedItems, newRanks, searchQuery, instituteQuery);
   };
 
   const clearFilters = () => {
     setSelectedItems([]);
     setSelectRank([]);
-    setQuery("");
+    setSearchQuery("");
+    setInstituteQuery("");
+    updateURL([], [], "", "");
   };
 
-  const totalFilters = selectedItems.length + selectRank.length;
+  const totalFilters = selectedItems.length + selectRank.length + (searchQuery ? 1 : 0) + (instituteQuery ? 1 : 0);
 
   return (
     <>
@@ -97,16 +129,16 @@ const Sidebar1 = () => {
         </div>
 
         {/* Search Bar */}
-        <div className="relative mb-5">
+        <form onSubmit={handleSearchSubmit} className="relative mb-5">
           <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-theme-tertiary" size={14} />
           <input
             type="text"
-            placeholder="Search filters..."
-            value={query}
-            onChange={(e) => setQuery(e.target.value)}
+            placeholder="Search projects..."
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
             className="w-full pl-9 pr-3 py-2.5 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500 transition-all"
           />
-        </div>
+        </form>
 
         {/* Domain Filter */}
         <div className="mb-4">
@@ -125,7 +157,7 @@ const Sidebar1 = () => {
 
           {isDropdownOpen && (
             <div className="mt-1 space-y-0.5">
-              {filteredItems.map((item) => (
+              {items.map((item) => (
                 <label
                   key={item}
                   className="flex items-center gap-2.5 px-2 py-2 rounded-lg hover:bg-theme-tertiary cursor-pointer transition-colors"
@@ -139,9 +171,6 @@ const Sidebar1 = () => {
                   <span className="text-sm text-theme-secondary">{item}</span>
                 </label>
               ))}
-              {filteredItems.length === 0 && (
-                <p className="text-xs text-theme-tertiary px-2 py-2">No results found</p>
-              )}
             </div>
           )}
         </div>
@@ -149,14 +178,16 @@ const Sidebar1 = () => {
         <hr className="border-theme-primary mb-4" />
 
         {/* Institute */}
-        <div className="mb-4">
+        <form onSubmit={handleSearchSubmit} className="mb-4">
           <p className="text-sm font-semibold text-theme-primary mb-2">Institute</p>
           <input
             type="text"
             placeholder="Enter institute name..."
+            value={instituteQuery}
+            onChange={(e) => setInstituteQuery(e.target.value)}
             className="w-full px-3 py-2.5 text-sm bg-theme-tertiary border border-theme-primary rounded-lg text-theme-primary placeholder:text-theme-tertiary focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500 transition-all"
           />
-        </div>
+        </form>
 
         <hr className="border-theme-primary mb-4" />
 
@@ -225,6 +256,32 @@ const Sidebar1 = () => {
                 />
               </span>
             ))}
+            {instituteQuery && (
+              <span className="flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium bg-blue-500/10 text-blue-500 dark:text-blue-400 border border-blue-500/20">
+                Inst: {instituteQuery}
+                <X
+                  size={12}
+                  className="cursor-pointer hover:text-blue-600"
+                  onClick={() => {
+                    setInstituteQuery("");
+                    updateURL(selectedItems, selectRank, searchQuery, "");
+                  }}
+                />
+              </span>
+            )}
+            {searchQuery && (
+              <span className="flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium bg-gray-500/10 text-gray-500 dark:text-gray-400 border border-gray-500/20">
+                Search: {searchQuery}
+                <X
+                  size={12}
+                  className="cursor-pointer hover:text-gray-600"
+                  onClick={() => {
+                    setSearchQuery("");
+                    updateURL(selectedItems, selectRank, "", instituteQuery);
+                  }}
+                />
+              </span>
+            )}
           </div>
         )}
       </div>
diff --git a/app/(root)/project/[id]/Detail.tsx b/app/(root)/project/[id]/Detail.tsx
index 0732a2e..387cdd0 100644
--- a/app/(root)/project/[id]/Detail.tsx
+++ b/app/(root)/project/[id]/Detail.tsx
@@ -1,9 +1,10 @@
 "use client";
 import React, { useState, useEffect, useCallback } from "react";
-import { Share2, Bookmark } from "lucide-react";
+import { Bookmark, Share2 } from "lucide-react";
 import axios from "axios";
 import { Project } from "@/app/types/projects";
 import { useSession } from "next-auth/react";
+import { toast } from "sonner";
 import Link from "next/link";
 import ProjectUpdates from "./ProjectUpdates";
 import { motion } from "framer-motion";
@@ -51,8 +52,10 @@ const Detail = ({ id }: DetailProps) => {
       >
         <div className="flex justify-between items-start gap-4">
           <div className="flex items-start gap-4 flex-1">
-            <div className="w-16 h-16 rounded-xl bg-gradient-to-br from-amber-400/20 to-amber-600/20 border border-amber-500/30 flex items-center justify-center flex-shrink-0">
-              <span className="text-2xl font-bold text-amber-500">S</span>
+            <div className={`w-16 h-16 rounded-xl flex items-center justify-center flex-shrink-0 border bg-theme-tertiary/30 border-theme-primary`}>
+              <span className="text-2xl font-bold text-theme-primary">
+                {project.title.charAt(0).toUpperCase()}
+              </span>
             </div>
             <div>
               <h1 className="text-2xl font-bold text-theme-primary">{project.title}</h1>
@@ -82,10 +85,19 @@ const Detail = ({ id }: DetailProps) => {
                 View Requests
               </Link>
             )}
-            <button className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors">
+            <button 
+              className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors"
+              onClick={() => {
+                navigator.clipboard.writeText(window.location.href);
+                toast.success("Link copied to clipboard!");
+              }}
+            >
               <Share2 size={18} />
             </button>
-            <button className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors">
+            <button 
+              className="p-2 rounded-lg hover:bg-theme-tertiary text-theme-tertiary hover:text-theme-primary transition-colors"
+              onClick={() => toast.info("Bookmarks feature coming soon!")}
+            >
               <Bookmark size={18} />
             </button>
           </div>
diff --git a/app/(root)/project/create/[id]/page.tsx b/app/(root)/project/create/[id]/page.tsx
index fe383ec..c1eb2a2 100644
--- a/app/(root)/project/create/[id]/page.tsx
+++ b/app/(root)/project/create/[id]/page.tsx
@@ -1,9 +1,9 @@
 "use client";
-import { useRouter, useParams } from "next/navigation";
+import { useRouter, useParams, useSearchParams } from "next/navigation";
 import React, { useState } from "react";
 import axios from "axios";
 import { toast } from "sonner";
-import { ArrowLeft, Plus } from "lucide-react";
+import { ArrowLeft, Plus, Trophy } from "lucide-react";
 import Link from "next/link";
 import { motion } from "framer-motion";
 
@@ -13,16 +13,25 @@ const domainOptions = [
   { name: "androidApp", label: "Android App" },
 ];
 
-const durationOptions = ["1 Month", "2 Months", "3 Months", "6 Months"];
+const durationOptions = [
+  { label: "1 Month", value: 30 * 24 * 60 * 60 },
+  { label: "2 Months", value: 60 * 24 * 60 * 60 },
+  { label: "3 Months", value: 90 * 24 * 60 * 60 },
+  { label: "6 Months", value: 180 * 24 * 60 * 60 },
+];
 
-const CreatePage = () => {
+const CreateProjectForm = () => {
   const params = useParams();
+  const searchParams = useSearchParams();
+  const hackathonId = searchParams.get("hackathon");
+  const hackathonTitle = searchParams.get("title");
   const id = params.id as string;
   const router = useRouter();
   const [formData, setFormData] = useState({
     title: "", description: "", requirements: "", responsibilities: "",
     duration: "", instituteRequired: "no", instituteName: "",
     domains: [] as string[], certified1: false, certified2: false, link: "",
+    hackathon: hackathonId || "",
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
 
@@ -72,7 +81,15 @@ const CreatePage = () => {
         className="bg-theme-card border border-theme-primary rounded-2xl shadow-xl w-[90%] max-w-3xl max-h-[90vh] overflow-auto p-8"
       >
         <div className="flex items-center justify-between mb-6">
-          <h2 className="text-2xl font-bold text-theme-primary">Create New Project</h2>
+          <div>
+            <h2 className="text-2xl font-bold text-theme-primary">Create New Project</h2>
+            {hackathonId && (
+              <div className="flex items-center gap-1.5 mt-2 text-sm text-purple-500 font-medium bg-purple-500/10 px-3 py-1 rounded-full w-fit">
+                <Trophy size={14} />
+                For {hackathonTitle || "Hackathon"}
+              </div>
+            )}
+          </div>
           <Link href="/project" className="p-2 hover:bg-theme-tertiary rounded-lg text-theme-tertiary hover:text-theme-primary transition-colors">
             <ArrowLeft size={20} />
           </Link>
@@ -119,7 +136,7 @@ const CreatePage = () => {
                 className="w-full p-3 text-sm bg-theme-tertiary border border-theme-primary rounded-xl text-theme-primary focus:outline-none focus:ring-2 focus:ring-brand-500/40 transition-all"
               >
                 <option value="">Select duration</option>
-                {durationOptions.map((d) => <option key={d} value={d}>{d}</option>)}
+                {durationOptions.map((d) => <option key={d.value} value={d.value}>{d.label}</option>)}
               </select>
             </div>
 
@@ -205,4 +222,12 @@ const CreatePage = () => {
   );
 };
 
+const CreatePage = () => {
+  return (
+    <React.Suspense fallback={<div>Loading...</div>}>
+      <CreateProjectForm />
+    </React.Suspense>
+  );
+};
+
 export default CreatePage;
diff --git a/app/(root)/project/page.tsx b/app/(root)/project/page.tsx
index 85434e4..136dd50 100644
--- a/app/(root)/project/page.tsx
+++ b/app/(root)/project/page.tsx
@@ -7,8 +7,12 @@ import Sidebar1 from "./Sidebar1";
 const Page = () => {
   return (
     <div className="flex w-full min-h-screen bg-theme-primary">
-      <Sidebar1 />
-      <ProjectList />
+      <React.Suspense fallback={<div className="p-4">Loading filters...</div>}>
+        <Sidebar1 />
+      </React.Suspense>
+      <React.Suspense fallback={<div className="p-8 w-full">Loading projects...</div>}>
+        <ProjectList />
+      </React.Suspense>
     </div>
   );
 };
diff --git a/app/(root)/settings/page.tsx b/app/(root)/settings/page.tsx
index 043786e..ec18004 100644
--- a/app/(root)/settings/page.tsx
+++ b/app/(root)/settings/page.tsx
@@ -1,8 +1,9 @@
 "use client";
 
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import useThemeStore from "@/app/store/useThemeStore";
+import useSettingsStore from "@/app/store/useSettingsStore";
 import { Settings } from "lucide-react";
 
 interface SwitchProps {
@@ -58,15 +59,16 @@ function SettingSwitch({
 
 export default function SettingsPage() {
   const { isDark, toggleTheme } = useThemeStore();
-  const [notifications, setNotifications] = useState(true);
-  const [emailUpdates, setEmailUpdates] = useState(true);
-  const [accountPrivacy, setAccountPrivacy] = useState(false);
-  const [twoFactorAuth, setTwoFactorAuth] = useState(false);
-  const [autoUpdates, setAutoUpdates] = useState(true);
-  const [dataSaver, setDataSaver] = useState(false);
-  const [locationTracking, setLocationTracking] = useState(false);
-  const [soundEffects, setSoundEffects] = useState(true);
-  const [analyticsSharing, setAnalyticsSharing] = useState(true);
+  const settings = useSettingsStore();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return null; // Avoid hydration mismatch on initial render
+  }
 
   return (
     <div className="min-h-screen py-8 px-6 md:px-12 lg:px-16 bg-theme-primary">
@@ -81,15 +83,15 @@ export default function SettingsPage() {
 
       <div className="max-w-2xl space-y-3">
         <SettingSwitch label="Dark Mode" description="Toggle dark/light theme" checked={isDark} onCheckedChange={toggleTheme} />
-        <SettingSwitch label="Enable Notifications" description="Receive push notifications" checked={notifications} onCheckedChange={setNotifications} />
-        <SettingSwitch label="Receive Email Updates" description="Get project updates via email" checked={emailUpdates} onCheckedChange={setEmailUpdates} />
-        <SettingSwitch label="Account Privacy" description="Make profile private" checked={accountPrivacy} onCheckedChange={setAccountPrivacy} />
-        <SettingSwitch label="Two-Factor Authentication" description="Extra security for your account" checked={twoFactorAuth} onCheckedChange={setTwoFactorAuth} />
-        <SettingSwitch label="Enable Auto Updates" checked={autoUpdates} onCheckedChange={setAutoUpdates} />
-        <SettingSwitch label="Data Saver Mode" checked={dataSaver} onCheckedChange={setDataSaver} />
-        <SettingSwitch label="Location Tracking" checked={locationTracking} onCheckedChange={setLocationTracking} />
-        <SettingSwitch label="Sound Effects" checked={soundEffects} onCheckedChange={setSoundEffects} />
-        <SettingSwitch label="Share Analytics Data" checked={analyticsSharing} onCheckedChange={setAnalyticsSharing} />
+        <SettingSwitch label="Enable Notifications" description="Receive push notifications" checked={settings.notifications} onCheckedChange={(val) => settings.setSetting('notifications', val)} />
+        <SettingSwitch label="Receive Email Updates" description="Get project updates via email" checked={settings.emailUpdates} onCheckedChange={(val) => settings.setSetting('emailUpdates', val)} />
+        <SettingSwitch label="Account Privacy" description="Make profile private" checked={settings.accountPrivacy} onCheckedChange={(val) => settings.setSetting('accountPrivacy', val)} />
+        <SettingSwitch label="Two-Factor Authentication" description="Extra security for your account" checked={settings.twoFactorAuth} onCheckedChange={(val) => settings.setSetting('twoFactorAuth', val)} />
+        <SettingSwitch label="Enable Auto Updates" checked={settings.autoUpdates} onCheckedChange={(val) => settings.setSetting('autoUpdates', val)} />
+        <SettingSwitch label="Data Saver Mode" checked={settings.dataSaver} onCheckedChange={(val) => settings.setSetting('dataSaver', val)} />
+        <SettingSwitch label="Location Tracking" checked={settings.locationTracking} onCheckedChange={(val) => settings.setSetting('locationTracking', val)} />
+        <SettingSwitch label="Sound Effects" checked={settings.soundEffects} onCheckedChange={(val) => settings.setSetting('soundEffects', val)} />
+        <SettingSwitch label="Share Analytics Data" checked={settings.analyticsSharing} onCheckedChange={(val) => settings.setSetting('analyticsSharing', val)} />
       </div>
     </div>
   );
diff --git a/app/api/applications/route.ts b/app/api/applications/route.ts
new file mode 100644
index 0000000..43c8f97
--- /dev/null
+++ b/app/api/applications/route.ts
@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+import { connectDB } from "@/app/lib/db";
+import JoinRequest from "@/app/models/JoinRequest";
+import { auth } from "@/app/auth";
+
+export async function GET() {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  try {
+    await connectDB();
+    const requests = await JoinRequest.find({ user: session.user.id })
+      .populate("project", "title")
+      .sort({ createdAt: -1 });
+
+    return NextResponse.json(requests, { status: 200 });
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Getting Applications: ${error}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/feedback/route.ts b/app/api/feedback/route.ts
new file mode 100644
index 0000000..9e46cf4
--- /dev/null
+++ b/app/api/feedback/route.ts
@@ -0,0 +1,40 @@
+import { NextResponse, NextRequest } from "next/server";
+import { connectDB } from "@/app/lib/db";
+import Feedback from "@/app/models/Feedback";
+import { auth } from "@/app/auth";
+
+export async function POST(req: NextRequest) {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  try {
+    await connectDB();
+    const body = await req.json();
+    const { feedback, consent } = body;
+
+    if (!feedback) {
+      return NextResponse.json({ error: "Feedback is required" }, { status: 400 });
+    }
+
+    const newFeedback = new Feedback({
+      user: session.user.id,
+      feedback,
+      consent,
+    });
+
+    await newFeedback.save();
+
+    return NextResponse.json(
+      { message: "Feedback submitted successfully" },
+      { status: 201 }
+    );
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Submitting Feedback: ${error}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/hackathons/route.ts b/app/api/hackathons/route.ts
new file mode 100644
index 0000000..796c7be
--- /dev/null
+++ b/app/api/hackathons/route.ts
@@ -0,0 +1,58 @@
+import { NextResponse, NextRequest } from "next/server";
+import { connectDB } from "@/app/lib/db";
+import Hackathon from "@/app/models/Hackathon";
+import { auth } from "@/app/auth";
+
+export async function GET() {
+  try {
+    await connectDB();
+    const hackathons = await Hackathon.find()
+      .populate("submittedBy", "firstName lastName image")
+      .sort({ startDate: 1 });
+      
+    return NextResponse.json(hackathons, { status: 200 });
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Getting Hackathons: ${error}` },
+      { status: 500 }
+    );
+  }
+}
+
+export async function POST(req: NextRequest) {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  try {
+    await connectDB();
+    const body = await req.json();
+    const { title, description, url, startDate, endDate, location, organizer, tags } = body;
+
+    const newHackathon = new Hackathon({
+      title,
+      description,
+      url,
+      startDate: new Date(startDate),
+      endDate: new Date(endDate),
+      location,
+      organizer,
+      tags,
+      submittedBy: session.user.id,
+    });
+
+    await newHackathon.save();
+
+    return NextResponse.json(
+      { message: "Hackathon submitted successfully", hackathon: newHackathon },
+      { status: 201 }
+    );
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Submitting Hackathon: ${error}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/leaderboard/route.ts b/app/api/leaderboard/route.ts
new file mode 100644
index 0000000..1ff12fa
--- /dev/null
+++ b/app/api/leaderboard/route.ts
@@ -0,0 +1,29 @@
+import { NextResponse } from "next/server";
+import { connectDB } from "@/app/lib/db";
+import User from "@/app/models/User";
+
+export async function GET() {
+  try {
+    await connectDB();
+    const users = await User.find({})
+      .select("firstName lastName collegeDetails instituteName score profilePic image")
+      .sort({ score: -1 }) // Sort by score descending
+      .limit(50); // Top 50 users
+
+    const leaderboard = users.map((u, index) => ({
+      _id: u._id,
+      rank: `#${index + 1}`,
+      name: `${u.firstName} ${u.lastName}`,
+      institute: u.collegeDetails?.name || u.instituteName || "Unknown",
+      points: u.score || 0,
+      profilePic: u.profilePic || u.image,
+    }));
+
+    return NextResponse.json(leaderboard, { status: 200 });
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Getting Leaderboard: ${error}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/linkage/join/[user_id]/[project_id]/route.ts b/app/api/linkage/join/[user_id]/[project_id]/route.ts
index f4c1b37..a0e2f20 100644
--- a/app/api/linkage/join/[user_id]/[project_id]/route.ts
+++ b/app/api/linkage/join/[user_id]/[project_id]/route.ts
@@ -2,16 +2,40 @@ import { NextResponse } from "next/server";
 import { connectDB } from "@/app/lib/db";
 import JoinRequest from "@/app/models/JoinRequest";
 
+import { auth } from "@/app/auth";
+
 export async function POST(
   req: Request,
   { params }: { params: Promise<{ user_id: string; project_id: string }> }
 ) {
+  const session = await auth();
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
   try {
     const { user_id, project_id } = await params;
+    
+    if (session.user?.id !== user_id) {
+      return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+    }
+
     await connectDB();
     const body = await req.json();
     const { attachment } = body;
 
+    const existingRequest = await JoinRequest.findOne({
+      user: user_id,
+      project: project_id,
+    });
+
+    if (existingRequest) {
+      return NextResponse.json(
+        { error: "Join request already sent" },
+        { status: 400 }
+      );
+    }
+
     const newJoinRequest = new JoinRequest({
       user: user_id,
       project: project_id,
diff --git a/app/api/list/all/route.ts b/app/api/list/all/route.ts
index 2eace5d..5411f7e 100644
--- a/app/api/list/all/route.ts
+++ b/app/api/list/all/route.ts
@@ -1,10 +1,10 @@
-import { NextResponse } from "next/server";
+import { NextResponse, NextRequest } from "next/server";
 import { connectDB } from "@/app/lib/db";
 import Projects from "@/app/models/Projects";
 import { auth } from "@/app/auth";
 
 //Get all of the projects
-export async function GET() {
+export async function GET(req: NextRequest) {
   const session = await auth();
 
   if (!session) {
@@ -13,7 +13,29 @@ export async function GET() {
 
   try {
     await connectDB();
-    const list = (await Projects.find({}).select("-team -owner")).reverse();
+    const { searchParams } = new URL(req.url);
+    const domains = searchParams.get("domains");
+    const search = searchParams.get("search");
+    const institute = searchParams.get("institute");
+    
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const query: Record<string, any> = {};
+    if (domains) {
+      const domainList = domains.split(",");
+      // Allow case insensitive matching
+      query.domains = { $in: domainList.map(d => new RegExp(`^${d}$`, "i")) };
+    }
+    if (search) {
+      query.$or = [
+        { title: { $regex: search, $options: "i" } },
+        { description: { $regex: search, $options: "i" } },
+      ];
+    }
+    if (institute) {
+      query.instituteName = { $regex: institute, $options: "i" };
+    }
+
+    const list = (await Projects.find(query).select("-team -owner")).reverse();
     return NextResponse.json(list, { status: 200 });
   } catch (error) {
     return NextResponse.json(
diff --git a/app/api/notifications/[id]/route.ts b/app/api/notifications/[id]/route.ts
new file mode 100644
index 0000000..fafb26a
--- /dev/null
+++ b/app/api/notifications/[id]/route.ts
@@ -0,0 +1,37 @@
+import { NextResponse, NextRequest } from "next/server";
+import { connectDB } from "@/app/lib/db";
+import Notification from "@/app/models/Notification";
+import { auth } from "@/app/auth";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  try {
+    const { id } = await params;
+    await connectDB();
+    const notification = await Notification.findOne({
+      _id: id,
+      user: session.user.id,
+    })
+      .populate("relatedUser", "firstName lastName email image profilePic")
+      .populate("relatedProject", "title");
+
+    if (!notification) {
+      return NextResponse.json({ error: "Notification not found" }, { status: 404 });
+    }
+
+    return NextResponse.json(notification, { status: 200 });
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Getting Notification: ${error}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/notifications/route.ts b/app/api/notifications/route.ts
new file mode 100644
index 0000000..2931fb3
--- /dev/null
+++ b/app/api/notifications/route.ts
@@ -0,0 +1,64 @@
+import { NextResponse, NextRequest } from "next/server";
+import { connectDB } from "@/app/lib/db";
+import Notification from "@/app/models/Notification";
+import { auth } from "@/app/auth";
+
+// Get user's notifications
+export async function GET() {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  try {
+    await connectDB();
+    const notifications = await Notification.find({ user: session.user.id })
+      .populate("relatedUser", "firstName lastName email image profilePic")
+      .populate("relatedProject", "title")
+      .sort({ createdAt: -1 })
+      .limit(50);
+      
+    return NextResponse.json(notifications, { status: 200 });
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Getting Notifications: ${error}` },
+      { status: 500 }
+    );
+  }
+}
+
+// Mark notifications as read
+export async function PATCH(req: NextRequest) {
+  const session = await auth();
+
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  try {
+    await connectDB();
+    const body = await req.json();
+    const { notificationIds } = body;
+
+    if (notificationIds && Array.isArray(notificationIds)) {
+      await Notification.updateMany(
+        { _id: { $in: notificationIds }, user: session.user.id },
+        { $set: { read: true } }
+      );
+    } else {
+      // Mark all as read
+      await Notification.updateMany(
+        { user: session.user.id, read: false },
+        { $set: { read: true } }
+      );
+    }
+
+    return NextResponse.json({ message: "Notifications updated" }, { status: 200 });
+  } catch (error) {
+    return NextResponse.json(
+      { message: `Error Updating Notifications: ${error}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/project/project_id/[project_id]/route.ts b/app/api/project/project_id/[project_id]/route.ts
index 2fd0ae0..913d31b 100644
--- a/app/api/project/project_id/[project_id]/route.ts
+++ b/app/api/project/project_id/[project_id]/route.ts
@@ -4,8 +4,15 @@ import Projects from "@/app/models/Projects";
 import User from "@/app/models/User";
 import { NextRequest } from "next/server"; // Use NextRequest for nextUrl support
 
+import { auth } from "@/app/auth";
+
 // Get a particular project
 export async function GET(req: NextRequest) {
+  const session = await auth();
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
   try {
     // Extract project_id from the pathname
     const { pathname } = req.nextUrl;
diff --git a/app/api/project/user_id/[user_id]/route.ts b/app/api/project/user_id/[user_id]/route.ts
index eee765e..4323890 100644
--- a/app/api/project/user_id/[user_id]/route.ts
+++ b/app/api/project/user_id/[user_id]/route.ts
@@ -1,14 +1,27 @@
 import { NextResponse } from "next/server";
 import { connectDB } from "@/app/lib/db";
 import Projects from "@/app/models/Projects";
+import User from "@/app/models/User";
+
+import { auth } from "@/app/auth";
 
 //Create a new project
 export async function POST(
   req: Request,
   { params }: { params: Promise<{ user_id: string }> }
 ) {
+  const session = await auth();
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
   try {
     const { user_id } = await params;
+
+    if (session.user?.id !== user_id) {
+      return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+    }
+
     await connectDB();
     const body = await req.json();
     const {
@@ -21,6 +34,7 @@ export async function POST(
       instituteName,
       location,
       link,
+      hackathon,
     } = body;
     const newProject = new Projects({
       title,
@@ -32,10 +46,16 @@ export async function POST(
       instituteName,
       location,
       link,
+      hackathon: hackathon || undefined,
       owner: user_id,
       team: [user_id],
     });
     await newProject.save();
+
+    await User.findByIdAndUpdate(user_id, {
+      $push: { projectIds: newProject._id },
+    });
+
     return NextResponse.json(
       { message: "Project Created Successfully" },
       { status: 201 }
diff --git a/app/api/user/[id]/route.ts b/app/api/user/[id]/route.ts
index a84958d..dedc959 100644
--- a/app/api/user/[id]/route.ts
+++ b/app/api/user/[id]/route.ts
@@ -1,16 +1,17 @@
 import { NextRequest, NextResponse } from "next/server";
 import { connectDB } from "@/app/lib/db";
 import User from "@/app/models/User";
+import { auth } from "@/app/auth";
 
 export async function GET(
   req: NextRequest,
   context: { params: Promise<{ id: string }> }
 ) {
-  // const session = await auth();
+  const session = await auth();
 
-  // if (!session) {
-  //   return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  // }
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
 
   const { params } = context;
   const id = (await params).id;
@@ -35,11 +36,11 @@ export async function PUT(
   req: NextRequest,
   context: { params: Promise<{ id: string }> }
 ) {
-  // const session = await auth();
+  const session = await auth();
 
-  // if (!session) {
-  //   return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  // }
+  if (!session) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
 
   const { params } = context;
   const id = (await params).id;
@@ -49,6 +50,10 @@ export async function PUT(
     return NextResponse.json({ error: "ID not found" }, { status: 404 });
   }
 
+  if (session.user?.id !== id) {
+    return NextResponse.json({ error: "Forbidden" }, { status: 403 });
+  }
+
   const body = await req.json();
   const { name, image, firstName, lastName, gender, skills, collegeDetails, codingPlatforms, score, github, linkedin, location, profilePic } = body;
 
diff --git a/app/lib/cloudinary.ts b/app/lib/cloudinary.ts
index ba337bb..f22077b 100644
--- a/app/lib/cloudinary.ts
+++ b/app/lib/cloudinary.ts
@@ -2,9 +2,9 @@ import { v2 as cloudinary } from "cloudinary";
 import { NextResponse } from "next/server";
 
 cloudinary.config({
-  cloud_name: "danw1yrjm",
-  api_key: "635461316387877",
-  api_secret: "52NjBXRMQzs7eB-hxNVfuUBRj44",
+  cloud_name: process.env.CLOUDINARY_CLOUD_NAME || process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME,
+  api_key: process.env.CLOUDINARY_API_KEY,
+  api_secret: process.env.CLOUDINARY_API_SECRET,
 });
 
 interface CloudinaryUploadResult {
diff --git a/app/models/Feedback.ts b/app/models/Feedback.ts
new file mode 100644
index 0000000..d7715ef
--- /dev/null
+++ b/app/models/Feedback.ts
@@ -0,0 +1,21 @@
+import mongoose, { Schema, Document } from "mongoose";
+
+export interface IFeedback extends Document {
+  user: mongoose.Types.ObjectId;
+  feedback: string;
+  consent: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+const FeedbackSchema: Schema = new Schema(
+  {
+    user: { type: Schema.Types.ObjectId, ref: "User", required: true },
+    feedback: { type: String, required: true },
+    consent: { type: Boolean, required: true },
+  },
+  { timestamps: true }
+);
+
+export default mongoose.models.Feedback ||
+  mongoose.model<IFeedback>("Feedback", FeedbackSchema);
diff --git a/app/models/Hackathon.ts b/app/models/Hackathon.ts
new file mode 100644
index 0000000..70a102e
--- /dev/null
+++ b/app/models/Hackathon.ts
@@ -0,0 +1,35 @@
+import mongoose, { Schema, Document } from "mongoose";
+
+export interface IHackathon extends Document {
+  title: string;
+  description: string;
+  url: string;
+  startDate: Date;
+  endDate: Date;
+  location: string;
+  organizer: string;
+  image?: string;
+  tags: string[];
+  submittedBy: mongoose.Types.ObjectId;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+const HackathonSchema: Schema = new Schema(
+  {
+    title: { type: String, required: true },
+    description: { type: String, required: true },
+    url: { type: String, required: true },
+    startDate: { type: Date, required: true },
+    endDate: { type: Date, required: true },
+    location: { type: String, required: true },
+    organizer: { type: String, required: true },
+    image: { type: String },
+    tags: { type: [String], default: [] },
+    submittedBy: { type: Schema.Types.ObjectId, ref: "User", required: true },
+  },
+  { timestamps: true }
+);
+
+export default mongoose.models.Hackathon ||
+  mongoose.model<IHackathon>("Hackathon", HackathonSchema);
diff --git a/app/models/Notification.ts b/app/models/Notification.ts
new file mode 100644
index 0000000..f574dd6
--- /dev/null
+++ b/app/models/Notification.ts
@@ -0,0 +1,41 @@
+import mongoose, { Schema, Document } from "mongoose";
+
+export interface INotification extends Document {
+  user: mongoose.Types.ObjectId;
+  type: string;
+  title: string;
+  message: string;
+  link?: string;
+  read: boolean;
+  relatedProject?: mongoose.Types.ObjectId;
+  relatedUser?: mongoose.Types.ObjectId;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+const NotificationSchema: Schema = new Schema(
+  {
+    user: { type: Schema.Types.ObjectId, ref: "User", required: true },
+    type: {
+      type: String,
+      required: true,
+      enum: [
+        "join_request_received",
+        "join_request_accepted",
+        "join_request_rejected",
+        "project_update",
+        "system",
+      ],
+    },
+    title: { type: String, required: true },
+    message: { type: String, required: true },
+    link: { type: String },
+    read: { type: Boolean, default: false },
+    relatedProject: { type: Schema.Types.ObjectId, ref: "Projects" },
+    relatedUser: { type: Schema.Types.ObjectId, ref: "User" },
+  },
+  { timestamps: true }
+);
+
+export default mongoose.models.Notification ||
+  mongoose.model<INotification>("Notification", NotificationSchema);
diff --git a/app/models/Projects.ts b/app/models/Projects.ts
index 41ac097..ec1234f 100644
--- a/app/models/Projects.ts
+++ b/app/models/Projects.ts
@@ -44,6 +44,10 @@ const ProjectSchema = new mongoose.Schema({
     team: {
         type: [mongoose.Schema.Types.ObjectId],
         ref: "User",
+    },
+    hackathon: {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: "Hackathon",
     }
 }, { timestamps: true });
 
diff --git a/app/store/useSettingsStore.ts b/app/store/useSettingsStore.ts
new file mode 100644
index 0000000..977f938
--- /dev/null
+++ b/app/store/useSettingsStore.ts
@@ -0,0 +1,39 @@
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface SettingsState {
+  notifications: boolean;
+  emailUpdates: boolean;
+  accountPrivacy: boolean;
+  twoFactorAuth: boolean;
+  autoUpdates: boolean;
+  dataSaver: boolean;
+  locationTracking: boolean;
+  soundEffects: boolean;
+  analyticsSharing: boolean;
+  
+  setSetting: (key: keyof Omit<SettingsState, "setSetting">, value: boolean) => void;
+}
+
+const useSettingsStore = create<SettingsState>()(
+  persist(
+    (set) => ({
+      notifications: true,
+      emailUpdates: true,
+      accountPrivacy: false,
+      twoFactorAuth: false,
+      autoUpdates: true,
+      dataSaver: false,
+      locationTracking: false,
+      soundEffects: true,
+      analyticsSharing: true,
+
+      setSetting: (key, value) => set((state) => ({ ...state, [key]: value })),
+    }),
+    {
+      name: "settings-storage",
+    }
+  )
+);
+
+export default useSettingsStore;
diff --git a/app/types/projects.ts b/app/types/projects.ts
index 4e0b422..e29f127 100644
--- a/app/types/projects.ts
+++ b/app/types/projects.ts
@@ -17,4 +17,6 @@ export interface Project {
   responsibilities: string;
   owner: ProjectOwner;
   team: ProjectOwner[];
+  hackathon?: string;
+  duration?: number;
 }
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 0000000..89352d4
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,33 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+export function middleware(req: NextRequest) {
+  const { nextUrl } = req;
+  
+  // Check both secure and non-secure auth cookies
+  const isAuthenticated = 
+    req.cookies.has("authjs.session-token") || 
+    req.cookies.has("__Secure-authjs.session-token") ||
+    req.cookies.has("next-auth.session-token") ||
+    req.cookies.has("__Secure-next-auth.session-token");
+
+  // Protect private routes
+  const isPrivateRoute = 
+    nextUrl.pathname.startsWith('/profile') ||
+    nextUrl.pathname.startsWith('/dashboard') ||
+    nextUrl.pathname.startsWith('/settings') ||
+    nextUrl.pathname.startsWith('/notification') ||
+    nextUrl.pathname.startsWith('/application') ||
+    nextUrl.pathname.startsWith('/project/create') ||
+    nextUrl.pathname.startsWith('/hackathons/submit');
+
+  if (isPrivateRoute && !isAuthenticated) {
+    return NextResponse.redirect(new URL('/project', nextUrl));
+  }
+  
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};
diff --git a/next.config.ts b/next.config.ts
index f7cbb8c..56fb057 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -6,7 +6,7 @@ const nextConfig: NextConfig = {
     return [
       {
         source: "/",
-        destination: "/home",
+        destination: "/project",
         permanent: true, // Set to false if it's temporary
       },
     ];
@@ -16,7 +16,11 @@ const nextConfig: NextConfig = {
     remotePatterns: [
       {
         protocol: "https",
-        hostname: "*",
+        hostname: "lh3.googleusercontent.com",
+      },
+      {
+        protocol: "https",
+        hostname: "res.cloudinary.com",
       },
     ],
   },