diff --git a/eslint.config.mjs b/eslint.config.mjs
index 28e82c0..3abf475 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -4,7 +4,6 @@ import tseslint from "typescript-eslint";
 import react from "eslint-plugin-react";
 import prettier from "eslint-plugin-prettier/recommended";
 import query from "@tanstack/eslint-plugin-query";
-import reactHooks from "eslint-plugin-react-hooks";
 
 export default [
   {
@@ -24,12 +23,15 @@ export default [
       prettier: prettier,
       "@typescript-eslint": tseslint.plugin,
       "@tanstack/query": query,
-      "react-hooks": reactHooks,
     },
   },
   {
     rules: {
       "react/react-in-jsx-scope": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        { argsIgnorePattern: "^_" },
+      ],
       "@typescript-eslint/no-unused-expressions": [
         "error",
         { allowShortCircuit: true, allowTernary: true },
diff --git a/src/app/director/[program]/applications/page.tsx b/src/app/director/[program]/application/page.tsx
similarity index 100%
rename from src/app/director/[program]/applications/page.tsx
rename to src/app/director/[program]/application/page.tsx
diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index 969c15d..1c93a8e 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Navigation from "@/components/global/navigation/side";
 import { links } from "@/data/director/navigation";
 
@@ -7,7 +9,7 @@ type LayoutProps = {
 
 const Layout = ({ children }: LayoutProps) => {
   return (
-    <div className="h-full">
+    <div className="flex h-full">
       <Navigation links={links} />
       {children}
     </div>
diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 010f3cb..fc460ff 100644
--- a/src/components/global/navigation/side.tsx
+++ b/src/components/global/navigation/side.tsx
@@ -1,10 +1,13 @@
+"use client";
+
+import { usePathname } from "next/navigation";
 import Image from "next/image";
 import Link from "next/link";
 import Logo from "@/public/logo.webp";
 
 interface link {
   name: string;
-  link: string;
+  link: string | ((_program: string, _uid: string) => string);
 }
 
 interface props {
@@ -12,12 +15,27 @@ interface props {
 }
 
 const SideNav = ({ links }: props) => {
+  const pathname = usePathname();
+  const segments = pathname.split("/");
+  const staticRoutePattern = /^(leads|contacts)$/;
+  const isStaticRoute = staticRoutePattern.test(segments[2]);
+  const navigation = links.map(({ name, link }) => {
+    const resolvedLink =
+      typeof link === "function"
+        ? link(
+            isStaticRoute ? "Ignite" : segments[2] || "Ignite",
+            segments[4] || "guest",
+          )
+        : link;
+
+    return { name, link: resolvedLink };
+  });
+
   return (
     <nav className="flex h-screen w-[10%] flex-col items-center bg-starlight-blue text-white">
       <Image src={Logo} alt="Starlight Logo" />
-
       <div className="flex w-full flex-col text-center">
-        {links.map(({ link, name }, index) => (
+        {navigation.map(({ link, name }, index) => (
           <Link
             key={index}
             href={link}
diff --git a/src/data/director/navigation.tsx b/src/data/director/navigation.tsx
index 12b997f..c728bce 100644
--- a/src/data/director/navigation.tsx
+++ b/src/data/director/navigation.tsx
@@ -1,6 +1,31 @@
 export const links = [
   {
-    name: "Interviews",
-    link: "/admin/interviews",
+    name: "Director",
+    link: (_program: string, _uid: string) => "",
+  },
+  {
+    name: "Applications",
+    link: (program: string, _uid: string) => `/director/${program}/application`,
+  },
+  {
+    name: "Leads",
+    link: (_program: string, _uid: string) => "/director/leads",
+  },
+  {
+    name: "Directors",
+    link: (program: string, uid: string) =>
+      `/director/${program}/profile/${uid}`,
+  },
+  {
+    name: "Assignments",
+    link: (program: string, _uid: string) => `/director/${program}/assignments`,
+  },
+  {
+    name: "View Teams",
+    link: (program: string, _uid: string) => `/director/${program}/view`,
+  },
+  {
+    name: "Email",
+    link: (_program: string, _uid: string) => "/director/contacts",
   },
 ];