diff --git a/src/app/dev/colab/main/layout.tsx b/src/app/dev/colab/main/layout.tsx
index 1405cf35..57a49c42 100644
--- a/src/app/dev/colab/main/layout.tsx
+++ b/src/app/dev/colab/main/layout.tsx
@@ -1,5 +1,4 @@
 import { LayoutColab_Main } from "@/app_modules/colab";
-import colab_CekNotifikasi from "@/app_modules/colab/fun/get/cek_notifikasi";
 import React from "react";
 
 export default async function Layout({
@@ -7,11 +6,10 @@ export default async function Layout({
 }: {
   children: React.ReactNode;
 }) {
-  const cekNotif = await colab_CekNotifikasi();
 
   return (
     <>
-      <LayoutColab_Main cekNotif={cekNotif as any}>{children}</LayoutColab_Main>
+      <LayoutColab_Main >{children}</LayoutColab_Main>
     </>
   );
 }
diff --git a/src/app_modules/_global/ui/V2_layout_tamplate.tsx b/src/app_modules/_global/ui/V2_layout_tamplate.tsx
index aea17c24..acce22e4 100644
--- a/src/app_modules/_global/ui/V2_layout_tamplate.tsx
+++ b/src/app_modules/_global/ui/V2_layout_tamplate.tsx
@@ -134,7 +134,7 @@ export function UI_NewChildren({ children }: { children: ReactNode }) {
   const { classes } = useStyles();
   return (
     <Box className={classes.content}>
-      <Container size="xl" py="md">
+      <Container size="xl" pt={"md"}>
         {children}
       </Container>
     </Box>
diff --git a/src/app_modules/colab/component/comp_new_footer_collaboration.tsx b/src/app_modules/colab/component/comp_new_footer_collaboration.tsx
new file mode 100644
index 00000000..4f41bb35
--- /dev/null
+++ b/src/app_modules/colab/component/comp_new_footer_collaboration.tsx
@@ -0,0 +1,64 @@
+import { useAtom } from "jotai";
+import { useRouter } from "next/navigation";
+import { gs_colab_hot_menu } from "../global_state";
+import { useState } from "react";
+
+import { IconHome, IconMessages, IconUsersGroup } from "@tabler/icons-react";
+import { RouterColab } from "@/lib/router_hipmi/router_colab";
+import { MainColor } from "@/app_modules/_global/color";
+import { SimpleGrid, Stack, ActionIcon, Text } from "@mantine/core";
+
+export function Collaboration_ComponentNewFooter() {
+  const router = useRouter();
+  const [hotMenu, setHotMenu] = useAtom(gs_colab_hot_menu);
+  const [loading, setLoading] = useState(false);
+
+  const listFooter = [
+    {
+      id: 1,
+      name: "Beranda",
+      path: RouterColab.beranda,
+      icon: <IconHome />,
+    },
+    {
+      id: 2,
+      name: "Partisipasi",
+      path: RouterColab.proyek,
+      icon: <IconUsersGroup />,
+    },
+    {
+      id: 3,
+      name: "Grup Diskusi",
+      path: RouterColab.grup_diskusi,
+      icon: <IconMessages />,
+    },
+  ];
+  return (
+    <>
+      <SimpleGrid cols={listFooter.length} h={"9vh"} mx={"xs"} w={"100%"}>
+        {listFooter.map((e) => (
+          <Stack key={e.id} align="center" justify="center" spacing={0}>
+            <ActionIcon
+              // disabled={e.path === "" ? true : false}
+              variant="transparent"
+              c={hotMenu === e.id ? MainColor.yellow : MainColor.white}
+              onClick={() => {
+                router.replace(e.path, { scroll: false });
+                setHotMenu(e.id);
+              }}
+            >
+              {e.icon}
+            </ActionIcon>
+            <Text
+              c={hotMenu === e.id ? MainColor.yellow : MainColor.white}
+              fz={"xs"}
+              lineClamp={1}
+            >
+              {e.name}
+            </Text>
+          </Stack>
+        ))}
+      </SimpleGrid>
+    </>
+  );
+}
diff --git a/src/app_modules/colab/create/layout.tsx b/src/app_modules/colab/create/layout.tsx
index 81b9c61b..5b348c6b 100644
--- a/src/app_modules/colab/create/layout.tsx
+++ b/src/app_modules/colab/create/layout.tsx
@@ -1,7 +1,10 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 
 export default function LayoutColab_Create({
@@ -11,11 +14,18 @@ export default function LayoutColab_Create({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Tambah Proyek" />}
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Tambah Proyek" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }
diff --git a/src/app_modules/colab/detail/info_grup/index.tsx b/src/app_modules/colab/detail/info_grup/index.tsx
index 6e5a55b5..51061b1a 100644
--- a/src/app_modules/colab/detail/info_grup/index.tsx
+++ b/src/app_modules/colab/detail/info_grup/index.tsx
@@ -22,15 +22,26 @@ import {
 import {
   MODEL_COLLABORATION_ROOM_CHAT
 } from "../../model/interface";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren } from "@/app_modules/_global/ui/V2_layout_tamplate";
 
 export default function Colab_DetailInfoGrup() {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Info Grup" />}
       >
         <InfoGroup />
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Info Grup" />
+        </UI_NewHeader>
+        <UI_NewChildren>
+          <InfoGroup />
+        </UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }
diff --git a/src/app_modules/colab/detail/main_detail/layout.tsx b/src/app_modules/colab/detail/main_detail/layout.tsx
index ba21b78d..7ecaa27c 100644
--- a/src/app_modules/colab/detail/main_detail/layout.tsx
+++ b/src/app_modules/colab/detail/main_detail/layout.tsx
@@ -1,7 +1,10 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 
 export default function LayoutColab_MainDetail({
@@ -15,7 +18,7 @@ export default function LayoutColab_MainDetail({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
             title="Detail"
@@ -25,7 +28,14 @@ export default function LayoutColab_MainDetail({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Detail" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }
diff --git a/src/app_modules/colab/detail/proyek/partisipasi/layout.tsx b/src/app_modules/colab/detail/proyek/partisipasi/layout.tsx
index 2a530e7a..03feed3b 100644
--- a/src/app_modules/colab/detail/proyek/partisipasi/layout.tsx
+++ b/src/app_modules/colab/detail/proyek/partisipasi/layout.tsx
@@ -1,7 +1,12 @@
 "use client";
 
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import UI_NewLayoutTamplate, {
+  UI_NewHeader,
+  UI_NewChildren,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 
 export default function LayoutColab_DetailPartisipasiProyek({
   children,
@@ -10,11 +15,18 @@ export default function LayoutColab_DetailPartisipasiProyek({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Detail Partisipan" />}
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Detail Partisipan" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }
diff --git a/src/app_modules/colab/detail/proyek/saya/layout.tsx b/src/app_modules/colab/detail/proyek/saya/layout.tsx
index 04e112f7..428f5a3f 100644
--- a/src/app_modules/colab/detail/proyek/saya/layout.tsx
+++ b/src/app_modules/colab/detail/proyek/saya/layout.tsx
@@ -8,6 +8,8 @@ import { ActionIcon } from "@mantine/core";
 import { IconDotsVertical, IconEdit } from "@tabler/icons-react";
 import { useParams } from "next/navigation";
 import React, { useState } from "react";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren } from "@/app_modules/_global/ui/V2_layout_tamplate";
 
 export default function LayoutColab_DetailProyekSaya({
   children,
@@ -27,7 +29,7 @@ export default function LayoutColab_DetailProyekSaya({
 
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      {/* <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
             title="Proyek Saya"
@@ -43,7 +45,24 @@ export default function LayoutColab_DetailProyekSaya({
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header
+            title="Proyek Saya"
+            customButtonRight={
+              <ActionIcon
+                variant="transparent"
+                onClick={() => setOpenDrawer(true)}
+              >
+                <IconDotsVertical color="white" />
+              </ActionIcon>
+            }
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
 
       <UIGlobal_Drawer
         opened={openDrawer}
diff --git a/src/app_modules/colab/edit/layout.tsx b/src/app_modules/colab/edit/layout.tsx
index 07d45715..5d1fe0e5 100644
--- a/src/app_modules/colab/edit/layout.tsx
+++ b/src/app_modules/colab/edit/layout.tsx
@@ -1,7 +1,10 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import React from "react";
 
 export default function LayoutColab_Edit({
@@ -11,9 +14,16 @@ export default function LayoutColab_Edit({
 }) {
   return (
     <>
-      <UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Edit Proyek" />}>
+      {/* <UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Edit Proyek" />}>
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
+
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Edit Proyek" />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+      </UI_NewLayoutTamplate>
     </>
   );
 }
diff --git a/src/app_modules/colab/main/beranda.tsx b/src/app_modules/colab/main/beranda.tsx
index f955582b..a744fd8e 100644
--- a/src/app_modules/colab/main/beranda.tsx
+++ b/src/app_modules/colab/main/beranda.tsx
@@ -77,7 +77,7 @@ export default function Colab_Beranda({
         ) : (
           <Box>
             <ScrollOnly
-              height="82vh"
+              height="80vh"
               renderLoading={() => (
                 <Center mt={"lg"}>
                   <Loader color={"yellow"} />
diff --git a/src/app_modules/colab/main/grup/index.tsx b/src/app_modules/colab/main/grup/index.tsx
index 8381afd3..8efc722f 100644
--- a/src/app_modules/colab/main/grup/index.tsx
+++ b/src/app_modules/colab/main/grup/index.tsx
@@ -54,7 +54,7 @@ export default function Colab_GrupDiskus() {
         ) : (
           <Box>
             <ScrollOnly
-              height="82vh"
+              height="85vh"
               renderLoading={() => (
                 <Center mt={"lg"}>
                   <Loader color={"yellow"} />
diff --git a/src/app_modules/colab/main/layout.tsx b/src/app_modules/colab/main/layout.tsx
index ec8a9df5..79fd8966 100644
--- a/src/app_modules/colab/main/layout.tsx
+++ b/src/app_modules/colab/main/layout.tsx
@@ -11,13 +11,14 @@ import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import React, { useState } from "react";
 import { gs_colab_hot_menu } from "../global_state";
+import { Collaboration_ComponentNewFooter } from "../component/comp_new_footer_collaboration";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren, UI_NewFooter } from "@/app_modules/_global/ui/V2_layout_tamplate";
 
 export default function LayoutColab_Main({
   children,
-  cekNotif,
 }: {
   children: React.ReactNode;
-  cekNotif: boolean;
 }) {
   const router = useRouter();
   const [hotMenu, setHotMenu] = useAtom(gs_colab_hot_menu);
@@ -46,7 +47,20 @@ export default function LayoutColab_Main({
 
   return (
     <>
-      <UIGlobal_LayoutTamplate
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header
+            title="Collaboration"
+            routerLeft={RouterHome.main_home}
+          />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+        <UI_NewFooter>
+          <Collaboration_ComponentNewFooter />
+        </UI_NewFooter>
+      </UI_NewLayoutTamplate>
+
+      {/* <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
             title="Collaboration"
@@ -79,41 +93,10 @@ export default function LayoutColab_Main({
             ))}
           </SimpleGrid>
 
-          // <Footer height={"10vh"} bg={"black"}>
-          //   {/* {value} */}
-          //   <Stack justify="center" h={"100%"}>
-          //     <Grid>
-          //       {listFooter.map((e) => (
-          //         <Grid.Col key={e.id} span={"auto"} pt={"md"}>
-          //           <Center>
-          //             <Stack
-          //               align="center"
-          //               spacing={0}
-          //               onClick={() => {
-          //                 router.replace(e.path);
-          //                 setHotMenu(e.id);
-          //               }}
-          //             >
-          //               <ActionIcon
-          //                 variant="transparent"
-          //                 c={hotMenu === e.id ? "blue" : "white"}
-          //               >
-          //                 {e.icon}
-          //               </ActionIcon>
-          //               <Text fz={10} c={hotMenu === e.id ? "blue" : "white"}>
-          //                 {e.name}
-          //               </Text>
-          //             </Stack>
-          //           </Center>
-          //         </Grid.Col>
-          //       ))}
-          //     </Grid>
-          //   </Stack>
-          // </Footer>
         }
       >
         {children}
-      </UIGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate> */}
     </>
   );
 }
diff --git a/src/app_modules/colab/main/proyek/partisipasi.tsx b/src/app_modules/colab/main/proyek/partisipasi.tsx
index b2179d2d..75a8a39f 100644
--- a/src/app_modules/colab/main/proyek/partisipasi.tsx
+++ b/src/app_modules/colab/main/proyek/partisipasi.tsx
@@ -49,7 +49,7 @@ export default function Colab_PartisipasiProyek() {
       ) : (
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />
diff --git a/src/app_modules/colab/main/proyek/saya.tsx b/src/app_modules/colab/main/proyek/saya.tsx
index 6826aaa4..4d5d2f69 100644
--- a/src/app_modules/colab/main/proyek/saya.tsx
+++ b/src/app_modules/colab/main/proyek/saya.tsx
@@ -48,7 +48,7 @@ export default function Colab_ProyekSaya() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="73vh"
+            height="75vh"
             renderLoading={() => (
               <Center mt={"lg"}>
                 <Loader color={"yellow"} />
diff --git a/src/lib/router_hipmi/router_admin.ts b/src/lib/router_hipmi/router_admin.ts
index b6e1e677..8fa80599 100644
--- a/src/lib/router_hipmi/router_admin.ts
+++ b/src/lib/router_hipmi/router_admin.ts
@@ -34,7 +34,7 @@ export const RouterAdminDonasi_OLD = {
   pencairan_dana: "/dev/admin/donasi/pencairan_dana/",
 };
 
-export const RouterColab = {
+export const RouterAdminColab = {
   // detail
   detail_publish: "/dev/admin/colab/detail/publish/",
 }