diff --git a/package-lock.json b/package-lock.json
index 87a5a5b..d45f4f5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,8 +19,8 @@
         "lucide-react": "^0.511.0",
         "motion": "^12.18.1",
         "postcss": "^8.5.3",
-        "react": "^19.1.0",
-        "react-dom": "^19.1.0",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
         "react-fast-marquee": "^1.6.5",
         "react-helmet-async": "^2.0.5",
         "react-infinite-scroll-component": "^6.1.0",
@@ -360,7 +360,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -377,7 +376,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -394,7 +392,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -411,7 +408,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -428,7 +424,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -445,7 +440,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -462,7 +456,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -479,7 +472,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -496,7 +488,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -513,7 +504,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -530,7 +520,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -547,7 +536,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -564,7 +552,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -581,7 +568,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -598,7 +584,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -615,7 +600,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -632,7 +616,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -649,7 +632,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -666,7 +648,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -683,7 +664,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -700,7 +680,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -717,7 +696,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -734,7 +712,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -751,7 +728,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -768,7 +744,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1141,7 +1116,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1155,7 +1129,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1169,7 +1142,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1183,7 +1155,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1197,7 +1168,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1211,7 +1181,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1225,7 +1194,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1239,7 +1207,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1253,7 +1220,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1267,7 +1233,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1281,7 +1246,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1295,7 +1259,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1309,7 +1272,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1323,7 +1285,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1337,7 +1298,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1351,7 +1311,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1365,7 +1324,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1379,7 +1337,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1393,7 +1350,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1407,7 +1363,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1739,7 +1694,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/json-schema": {
@@ -1753,7 +1707,7 @@
       "version": "19.1.8",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
       "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "csstype": "^3.0.2"
@@ -2124,7 +2078,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/debug": {
@@ -2291,7 +2245,6 @@
       "version": "0.25.5",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
       "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -2554,7 +2507,6 @@
       "version": "6.4.6",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
       "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "picomatch": "^3 || ^4"
@@ -2697,7 +2649,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -3611,7 +3562,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
       "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -3682,24 +3632,24 @@
       }
     },
     "node_modules/react": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
-      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
-      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
       "dependencies": {
-        "scheduler": "^0.26.0"
+        "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^19.1.0"
+        "react": "^19.2.3"
       }
     },
     "node_modules/react-fast-compare": {
@@ -3805,7 +3755,6 @@
       "version": "4.44.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.44.0.tgz",
       "integrity": "sha512-qHcdEzLCiktQIfwBq420pn2dP+30uzqYxv9ETm91wdt2R9AFcWfjNAmje4NWlnCIQ5RMTzVf0ZyisOKqHR6RwA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.8"
@@ -3842,9 +3791,9 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
-      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
       "license": "MIT"
     },
     "node_modules/semver": {
@@ -4010,7 +3959,6 @@
       "version": "0.2.14",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
       "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.4.4",
@@ -4097,7 +4045,6 @@
       "version": "6.3.5",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz",
       "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.25.0",
diff --git a/package.json b/package.json
index bdc1285..f9c8444 100644
--- a/package.json
+++ b/package.json
@@ -21,8 +21,8 @@
     "lucide-react": "^0.511.0",
     "motion": "^12.18.1",
     "postcss": "^8.5.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-fast-marquee": "^1.6.5",
     "react-helmet-async": "^2.0.5",
     "react-infinite-scroll-component": "^6.1.0",
diff --git a/public/nate.png b/public/nate.png
new file mode 100644
index 0000000..1163c29
Binary files /dev/null and b/public/nate.png differ
diff --git a/src/App.jsx b/src/App.jsx
index 77cf127..df681bb 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -11,6 +11,7 @@ import { DepartmentDetails } from "./pages/DepartmentDetails";
 import PageNotFound from "./pages/404";
 import EmailForm from "./pages/EmailForm";
 import { AnimatePresence } from "motion/react";
+import Awarding from "./pages/Awarding";
 function App() {
   const location = useLocation();
   return (
@@ -22,6 +23,7 @@ function App() {
           <Route path="contact" element={<Contacts />} />
           <Route path="berita" element={<PageNews />} />
           <Route path="logo" element={<Logo />} />
+          <Route path="awarding" element={<Awarding />} />
           <Route path="be" element={<Departments />} />
           <Route path="dp" element={<Departments />} />
           <Route path="*" element={<PageNotFound />} />
diff --git a/src/components/CardKepengurusan.jsx b/src/components/CardKepengurusan.jsx
index e843e9e..5556f5d 100644
--- a/src/components/CardKepengurusan.jsx
+++ b/src/components/CardKepengurusan.jsx
@@ -3,10 +3,7 @@ import { Link, useLocation } from "react-router-dom";
 export const CardKepengurusan = ({ img, department, nama, deptType, username }) => {
   const location = useLocation();
   const linkRoute = `/${deptType}/${department.toLowerCase()}`;
-
-  const isSlugRoute = /^\/be\/.+\/?$/.test(location.pathname) || /^\/dp\/.+\/?$/.test(location.pathname);
-  const isCurrentRoute = location.pathname === linkRoute;
-  const shouldShowButton = !isSlugRoute && !isCurrentRoute;
+  const shouldShowButton = location.pathname === "/dp" || location.pathname === "/be";
 
   return (
     <div className="flex flex-col gap-6 lg:max-h-[676px] lg:w-[400px]">
@@ -24,13 +21,13 @@ export const CardKepengurusan = ({ img, department, nama, deptType, username })
             <h4 className="text-black text-4xl font-extrabold">{department}</h4>
           </div>
         </div>
-        <div className="flex flex-row gap-5 bg-[#141414]  justify-between items-center w-full h-fit">
+        <div className={`flex flex-row gap-5 bg-[#141414]  ${location.pathname === "/be" || location.pathname === "/dp" || location.pathname === "/awarding" ? "justify-center" : "justify-between"} items-center w-full h-fit`}>
           {nama && (
-            <div className="w-[170px] items-start min-h-[50px]">
+            <div className={` ${location.pathname === "/be" || location.pathname === "/dp" || location.pathname === "/awarding" ? "" : "w-[170px] items-start min-h-[50px]"}`}>
               <h2 className="text-white text-xl font-medium">{nama}</h2>
             </div>
           )}
-          <div className={`${location.pathname === "/be" || location.pathname === "/dp" ? "hidden" : "flex"} flex flex-row gap-3 `}>
+          <div className={`${location.pathname === "/be" || location.pathname === "/dp" || location.pathname === "/awarding" ? "hidden" : "flex"} flex flex-row gap-3 `}>
             <Link to={`https://www.instagram.com/${username}`} target="_blank">
               <img src="/icons/instagram.svg" alt="instagram" />
             </Link>
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 9a9910c..e9de17d 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -12,6 +12,7 @@ export default function Header() {
     { to: "/berita", path: "berita", name: "Berita" },
     { to: "/struktur", path: "struktur", name: "Struktur Organisasi" },
     { to: "/contact", path: "contact", name: "Contacts" },
+    { to: "/awarding", path: "awarding", name: "Awards" },
   ];
 
   const aboutLinks = [
diff --git a/src/pages/Awarding.jsx b/src/pages/Awarding.jsx
new file mode 100644
index 0000000..118dbed
--- /dev/null
+++ b/src/pages/Awarding.jsx
@@ -0,0 +1,95 @@
+// import { api } from "../services/apiService";
+import AnimatedLongText from "../components/AnimatedLongText";
+import AnimatedLongText2 from "../components/AnimatedLongText2";
+import { CardKepengurusan } from "../components/CardKepengurusan";
+import Transition from "@/components/Transition";
+import nate from "/nate.png";
+
+export default function Awarding() {
+  const awardingData = [
+    {
+      name: "Cassius Thunder",
+      award: "0 arrest",
+      img: nate,
+    },
+    {
+      name: "Cassius Thunder",
+      award: "0 arrest",
+      img: nate,
+    },
+    {
+      name: "Cassius Thunder",
+      award: "0 arrest",
+      img: nate,
+    },
+    {
+      name: "Cassius Thunder",
+      award: "0 arrest",
+      img: nate,
+    },
+    {
+      name: "Cassius Thunder",
+      award: "0 arrest",
+      img: nate,
+    },
+  ];
+
+  const bestExecTri = [
+    {
+      name: "Cassius Thunder",
+      award: "Triwulan 1",
+      img: nate,
+    },
+    {
+      name: "Cassius Thunder",
+      award: "Triwulan 2",
+      img: nate,
+    },
+    {
+      name: "Cassius Thunder",
+      award: "Triwulan 3",
+      img: nate,
+    },
+  ];
+  return (
+    <>
+      {<Transition />}
+      <div id="departments" className="bg-[url(/bg/Bg-Low.png)] pt-[108px] flex flex-col items-center pb-[150px] w-full ">
+        <div className="flex flex-col items-center lg:w-[1210px] w-[343px] lg:gap-8 gap-6">
+          <AnimatedLongText className="lg:text-7xl text-[32px] text-center text-[#4B4B4B] font-semibold" text={"EXECUTIVE AWARD"} />
+          <div className="bg-black">
+            <AnimatedLongText className="lg:text-8xl text-[32px] text-center text-white font-bold" text="KABINET DEVORIA" />
+          </div>
+          <AnimatedLongText className="lg:text-4xl text-2xl text-center text-[#4B4B4B] font-semibold lg:tracking-widest" text={"HIMARPL UNIVERSITAS PENDIDIKAN INDONESIA"} />
+          <AnimatedLongText2 className="lg:text-5xl text-2xl text-center text-[#4B4B4B] font-medium tracking-wider" text={"2025"} />
+          <AnimatedLongText
+            className=" text-center text-black font-light"
+            text="Badan Eksekutif bertanggung jawab untuk melaksanakan berbagai kegiatan dan program yang terkait dengan pengembangan dan peningkatan kualitas mahasiswa jurusan rekayasa perangkat lunak. Tugas utama badan eksekutif adalah mengelola dan menjalankan rencana kerja serta keputusan yang telah disepakati bersama oleh anggota himpunan. Dengan demikian, badan eksekutif memiliki peran penting dalam memastikan berjalannya kegiatan dan mencapai visi misi HIMARPL."
+          />
+        </div>
+
+        <div className="flex items-center justify-center w-full pt-5">
+          <div className="flex flex-row flex-wrap lg:gap-x-4 lg:gap-y-12 justify-center my-10 lg:w-[1240px] w-[343px] gap-[55px]">
+            <CardKepengurusan img={nate} department={"Exec 1 Kabinet"} nama={"Cassius Thunder"} />
+          </div>
+        </div>
+
+        <div className="flex items-center justify-center w-full pt-5">
+          <div className="flex flex-row flex-wrap lg:gap-x-4 lg:gap-y-12 justify-center my-10 lg:w-[1240px] w-[343px] gap-[55px]">
+            {bestExecTri.map((item, index) => (
+              <CardKepengurusan key={index} img={item.img} department={item.award?.toUpperCase()} nama={item.name?.toUpperCase()} />
+            ))}
+          </div>
+        </div>
+
+        <div className="flex items-center justify-center w-full pt-5 mx-4">
+          <div className="flex flex-row flex-wrap lg:gap-x-48 lg:gap-y-28 justify-center my-10 lg:w-[1000px] w-[343px] gap-[55px]">
+            {awardingData.map((item, index) => (
+              <CardKepengurusan key={index} img={item.img} department={item.award?.toUpperCase()} nama={item.name?.toUpperCase()} />
+            ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/services/apiService.js b/src/services/apiService.js
index 211de03..4949430 100644
--- a/src/services/apiService.js
+++ b/src/services/apiService.js
@@ -15,8 +15,9 @@ export { api };
 // Fetch department details by type and acronym
 export const fetchDepartmentDetails = async (type, acronym) => {
   try {
-    const response = await axios.get(`https://api.himarpl.org/api/v1/departments?type=${type}&year=2025&acronym=${acronym}`);
-    // .get(`${import.meta.env.VITE_API_URL}/departments?type=${type}&year=2025&acronym=${acronym}`);
+    const response = await axios
+      // .get(`https://api.himarpl.org/api/v1/departments?type=${type}&year=2025&acronym=${acronym}`);
+      .get(`${import.meta.env.VITE_API_URL}/departments?type=${type}&year=2025&acronym=${acronym}`);
     return response.data;
   } catch (error) {
     console.error("Error fetching department details:", error);