diff --git a/src/components/core/Navbar.astro b/src/components/core/Navbar.astro
index 40f2110..135a337 100644
--- a/src/components/core/Navbar.astro
+++ b/src/components/core/Navbar.astro
@@ -33,12 +33,12 @@ import pages from "../../data/pages.json";
                             >
                                 {page.name}
                             </a>
-                            <div class="absolute left-1/2 transform -translate-x-1/2 top-full pt-2 w-64 z-50">
+                            <div class="absolute left-1/2 transform -translate-x-1/2 w-[12vw] top-full z-50">
                                 <div class="rounded-lg bg-ieee-black border border-white shadow-lg hidden group-hover:block animate-fade-down animate-duration-200 animate-ease-in-out">
                                     {page.subpages.map((subpage) => (
                                         <a
                                             href={subpage.path}
-                                            class="block px-6 py-3 text-white hover:bg-gray-700 text-[1vw] first:rounded-t-lg last:rounded-b-lg text-center whitespace-nowrap transition-colors duration-200"
+                                            class="font-light py-[4%] block text-white hover:bg-gray-700 text-[1.3vw] first:rounded-t-lg last:rounded-b-lg text-center whitespace-nowrap transition-colors duration-200"
                                         >
                                             {subpage.name}
                                         </a>
diff --git a/src/components/projects/QP.astro b/src/components/projects/QP.astro
index a1108f8..848320f 100644
--- a/src/components/projects/QP.astro
+++ b/src/components/projects/QP.astro
@@ -14,12 +14,12 @@ import { IoIosArrowDroprightCircle } from "react-icons/io";
     <Image
         src={qp}
         alt="qp showcase photo"
-        class="md:opacity-0 w-[70vw] w-[85vw] md:aspect-[2.5/1] aspect-[2.5/1.2] rounded-full relative in-view:animate-fade-down"
+        class="md:opacity-0 md:w-[70vw] w-[85vw] md:aspect-[2.5/1] aspect-[2.5/1.2] rounded-full relative in-view:animate-fade-down"
         data-inview
     />
     <Link
         data-inview
-        href="/quarterly"
+        href="/projects/quarterly"
         className="in-view:animate-fade-left absolute top-[25%] md:right-[15%] right-[10%] w-fit px-[1%] py-[0.4%] bg-white rounded-full text-black flex items-center md:text-[1.3vw] text-[2vw] hover:bg-ieee-yellow duration-300 shadow-md"
     >
         more details
diff --git a/src/data/annualProjects.json b/src/data/annualProjects.json
index 5d278a5..fb23ed1 100644
--- a/src/data/annualProjects.json
+++ b/src/data/annualProjects.json
@@ -2,12 +2,12 @@
   "Robocup": {
     "description": "Participate in the Robocup competition.",
     "image": "/robocup.webp",
-    "url": "/robocup"
+    "url": "/projects/robocup"
   },
   "Signal Processing": {
     "description": "Explore the field of signal processing.",
     "image": "/signal.webp",
-    "url": "/signal"
+    "url": "projects/signal"
   },
   "Supercomputing": {
     "description": "Explore the field of supercomputing.",
diff --git a/src/data/pages.json b/src/data/pages.json
index a209981..1997f95 100644
--- a/src/data/pages.json
+++ b/src/data/pages.json
@@ -11,17 +11,21 @@
     "name": "Projects",
     "path": "/projects",
     "subpages": [
+      {
+        "name": "Quarterly Project",
+        "path": "/projects/quarterly"
+      },
       {
         "name": "Robocup",
         "path": "/projects/robocup"
       },
       {
-        "name": "Signal Processing",
-        "path": "/projects/signal-processing"
+        "name": "Supercomputing",
+        "path": "https://supercomputing-club.sdsc.edu/"
       },
       {
-        "name": "Supercomputing",
-        "path": "/projects/supercomputing"
+        "name": "Signal Processing",
+        "path": "/projects/signal"
       }
     ]
   },
diff --git a/src/pages/quarterly.astro b/src/pages/projects/quarterly.astro
similarity index 66%
rename from src/pages/quarterly.astro
rename to src/pages/projects/quarterly.astro
index 308b59a..5b4e359 100644
--- a/src/pages/quarterly.astro
+++ b/src/pages/projects/quarterly.astro
@@ -1,17 +1,17 @@
 ---
-import Layout from "../layouts/Layout.astro";
-import Title from "../components/core/Title.astro";
-import About from "../components/core/About.astro";
-import Steps from "../components/qp/Steps.astro";
-import PastProjects from "../components/qp/PastProjects.astro";
+import Layout from "../../layouts/Layout.astro";
+import Title from "../../components/core/Title.astro";
+import About from "../../components/core/About.astro";
+import Steps from "../../components/qp/Steps.astro";
+import PastProjects from "../../components/qp/PastProjects.astro";
 import { Image } from "astro:assets";
-import qp from "../images/qp.webp";
-import Mentorship from "../components/qp/Mentorship.astro";
-import qpborder from "../images/qpborder.webp";
-import Join from "../components/qp/Join.astro";
-import Carousel from "../components/qp/Carousel.astro";
-import Timeline from "../components/qp/Timeline.astro";
-import qpTimeline from "../data/qpTimeline.json"
+import qp from "../../images/qp.webp";
+import Mentorship from "../../components/qp/Mentorship.astro";
+import qpborder from "../../images/qpborder.webp";
+import Join from "../../components/qp/Join.astro";
+import Carousel from "../../components/qp/Carousel.astro";
+import Timeline from "../../components/qp/Timeline.astro";
+import qpTimeline from "../../data/qpTimeline.json"
 ---
 
 <Layout>
diff --git a/src/pages/robocup.astro b/src/pages/projects/robocup.astro
similarity index 71%
rename from src/pages/robocup.astro
rename to src/pages/projects/robocup.astro
index 21ad661..a3eed54 100644
--- a/src/pages/robocup.astro
+++ b/src/pages/projects/robocup.astro
@@ -1,18 +1,18 @@
 ---
-import Layout from "../layouts/Layout.astro";
-import Questions from "../components/core/Questions.astro";
-import roboFaq from "../data/roboFaq.json";
-import About from "../components/core/About.astro";
-import RoboTitle from "../components/robocub/RoboTitle.astro";
+import Layout from "../../layouts/Layout.astro";
+import Questions from "../../components/core/Questions.astro";
+import roboFaq from "../../data/roboFaq.json";
+import About from "../../components/core/About.astro";
+import RoboTitle from "../../components/robocub/RoboTitle.astro";
 import Link from "next/link";
 import { Image } from "astro:assets";
-import roboborder from "../images/roboborder.webp";
-import Join from "../components/robocub/Join.astro";
-import Contacts from "../components/robocub/Contacts.astro";
-import Subteams from "../components/robocub/Subteams.astro";
-import Timeline from "../components/qp/Timeline.astro";
-import Competition from "../components/signal/Competition.astro";
-import roboTimeline from "../data/roboTimeline.json"
+import roboborder from "../../images/roboborder.webp";
+import Join from "../../components/robocub/Join.astro";
+import Contacts from "../../components/robocub/Contacts.astro";
+import Subteams from "../../components/robocub/Subteams.astro";
+import Timeline from "../../components/qp/Timeline.astro";
+import Competition from "../../components/signal/Competition.astro";
+import roboTimeline from "../../data/roboTimeline.json"
 ---
 
 <Layout>
diff --git a/src/pages/signal.astro b/src/pages/projects/signal.astro
similarity index 63%
rename from src/pages/signal.astro
rename to src/pages/projects/signal.astro
index fa6d915..a4b61ff 100644
--- a/src/pages/signal.astro
+++ b/src/pages/projects/signal.astro
@@ -1,9 +1,9 @@
 ---
-import Layout from "../layouts/Layout.astro";
-import Contacts from "../components/signal/Contacts.astro";
-import About from "../components/core/About.astro";
-import Title from "../components/core/Title.astro";
-import Competition from "../components/signal/Competition.astro";
+import Layout from "../../layouts/Layout.astro";
+import Contacts from "../../components/signal/Contacts.astro";
+import About from "../../components/core/About.astro";
+import Title from "../../components/core/Title.astro";
+import Competition from "../../components/signal/Competition.astro";
 ---
 
 <Layout>
@@ -18,7 +18,7 @@ import Competition from "../components/signal/Competition.astro";
         text="Currently, we are focusing on the IEEE Signal Processing Cup (an annual signal processing competition). However, we might do projects in the future."
     />
     <Competition
-        picture="../public/signal.webp"
+        picture="/signal.webp"
         name="IEEE Signal Processing Cup"
         link="https://www.google.com/"
     />