diff --git a/src/app/(application)/(detail-division)/calender/page.tsx b/src/app/(application)/(detail-division)/calender/page.tsx
new file mode 100644
index 0000000..69da2f2
--- /dev/null
+++ b/src/app/(application)/(detail-division)/calender/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;
diff --git a/src/app/(application)/(detail-division)/discussion/page.tsx b/src/app/(application)/(detail-division)/discussion/page.tsx
new file mode 100644
index 0000000..69da2f2
--- /dev/null
+++ b/src/app/(application)/(detail-division)/discussion/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;
diff --git a/src/app/(application)/(detail-division)/documents/page.tsx b/src/app/(application)/(detail-division)/documents/page.tsx
new file mode 100644
index 0000000..69da2f2
--- /dev/null
+++ b/src/app/(application)/(detail-division)/documents/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;
diff --git a/src/app/(application)/(detail-division)/task/page.tsx b/src/app/(application)/(detail-division)/task/page.tsx
new file mode 100644
index 0000000..69da2f2
--- /dev/null
+++ b/src/app/(application)/(detail-division)/task/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;
diff --git a/src/app/(application)/division/[id]/page.tsx b/src/app/(application)/division/[id]/page.tsx
new file mode 100644
index 0000000..7493c94
--- /dev/null
+++ b/src/app/(application)/division/[id]/page.tsx
@@ -0,0 +1,10 @@
+import { ViewDetailDivision } from '@/module/division_new';
+import React from 'react';
+
+function Page() {
+  return (
+    <ViewDetailDivision />
+  );
+}
+
+export default Page;
diff --git a/src/app/(application)/division/create/page.tsx b/src/app/(application)/division/create/page.tsx
new file mode 100644
index 0000000..4ccb230
--- /dev/null
+++ b/src/app/(application)/division/create/page.tsx
@@ -0,0 +1,14 @@
+import { CreateAdminDivision, CreateUsers, ViewCreateDivision } from '@/module/division_new';
+import React from 'react';
+
+function Page({ searchParams }: { searchParams: { page: string } }) {
+  if (searchParams.page == "anggota")
+    return <CreateUsers />
+  if (searchParams.page == "pilih-admin")
+    return <CreateAdminDivision />
+  return (
+    <ViewCreateDivision/>
+  );
+}
+
+export default Page;
diff --git a/src/app/(application)/division/page.tsx b/src/app/(application)/division/page.tsx
index 6217ab5..21890dc 100644
--- a/src/app/(application)/division/page.tsx
+++ b/src/app/(application)/division/page.tsx
@@ -1,8 +1,13 @@
 
-import { ViewDivision } from '@/module/division_new';
+import { ViewFilter } from '@/module/_global';
+import { ViewCreateReport, ViewDivision } from '@/module/division_new';
 import React from 'react';
 
-function Page() {
+function Page({ searchParams }: { searchParams: { page: string } }) {
+  if (searchParams.page == "filter")
+    return <ViewFilter />
+  if (searchParams.page == "report")
+    return <ViewCreateReport />
   return (
     <ViewDivision/>
   );
diff --git a/src/module/_global/fun/WARNA.ts b/src/module/_global/fun/WARNA.ts
index 38580ae..31b634f 100644
--- a/src/module/_global/fun/WARNA.ts
+++ b/src/module/_global/fun/WARNA.ts
@@ -2,5 +2,6 @@ export const WARNA = {
     bgWhite: "#F4F9FD",
     biruTua: "#19345E",
     bgIcon: "#384288",
-    borderOrange: "#FCAA4B"
+    borderOrange: "#FCAA4B",
+    bgHijauMuda: "#DCEED8"
 }
\ No newline at end of file