diff --git a/src/app/(application)/division/edit-anggota/[id]/page.tsx b/src/app/(application)/division/edit-anggota/[id]/page.tsx
index c75333d..152b0d8 100644
--- a/src/app/(application)/division/edit-anggota/[id]/page.tsx
+++ b/src/app/(application)/division/edit-anggota/[id]/page.tsx
@@ -1,6 +1,8 @@
+import { ViewEditAnggotaDivision } from "@/module/division_new";
+
 function Page() {
    return (
-      <>Edit Anggota divisi</>
+      <ViewEditAnggotaDivision/>
    )
 }
 
diff --git a/src/app/(application)/division/edit/[id]/page.tsx b/src/app/(application)/division/edit/[id]/page.tsx
index fd35d91..103f05f 100644
--- a/src/app/(application)/division/edit/[id]/page.tsx
+++ b/src/app/(application)/division/edit/[id]/page.tsx
@@ -1,6 +1,8 @@
+import { ViewEditDivision } from "@/module/division_new"
+
 function Page() {
    return (
-      <>Edit Divisi</>
+      <ViewEditDivision/>
    )
 }
 
diff --git a/src/app/(application)/division/info/[id]/page.tsx b/src/app/(application)/division/info/[id]/page.tsx
index 1819638..acfe9f0 100644
--- a/src/app/(application)/division/info/[id]/page.tsx
+++ b/src/app/(application)/division/info/[id]/page.tsx
@@ -1,6 +1,8 @@
+import { ViewInformationDivision } from "@/module/division_new";
+
 function Page() {
    return (
-      <>informasi divisi</>
+      <ViewInformationDivision/>
    )
 }
 
diff --git a/src/app/(application)/division/report/[id]/page.tsx b/src/app/(application)/division/report/[id]/page.tsx
index 90b0491..0c48522 100644
--- a/src/app/(application)/division/report/[id]/page.tsx
+++ b/src/app/(application)/division/report/[id]/page.tsx
@@ -1,6 +1,8 @@
+import { ViewReportDivision } from "@/module/division_new"
+
 function Page() {
    return (
-      <>Report divisi</>
+      <ViewReportDivision/>
    )
 }
 
diff --git a/src/module/division_new/components/information_division.tsx b/src/module/division_new/components/information_division.tsx
new file mode 100644
index 0000000..62f5509
--- /dev/null
+++ b/src/module/division_new/components/information_division.tsx
@@ -0,0 +1,25 @@
+import { LayoutNavbarNew, WARNA } from '@/module/_global';
+import { Box, Text, Title } from '@mantine/core';
+import React from 'react';
+
+export default function InformationDivision() {
+  return (
+    <Box>
+      <LayoutNavbarNew back="/division/1" title=""
+        menu
+      />
+      <Box p={20}>
+        <Title order={3} fw={"bold"} ta={"center"}>DIVISI KEROHANIAN</Title>
+        <Box mt={20}>
+          <Text fw={"bold"}>Deskripsi</Text>
+          <Box p={20} style={{
+            border: `1px solid ${WARNA.borderBiruMuda}`,
+            borderRadius: 10
+          }}>
+            <Text>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the  standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </Text>
+          </Box>
+        </Box>
+      </Box>
+    </Box>
+  );
+}
diff --git a/src/module/division_new/components/ui/drawer_detail_division.tsx b/src/module/division_new/components/ui/drawer_detail_division.tsx
index f5e5dfc..2948fd8 100644
--- a/src/module/division_new/components/ui/drawer_detail_division.tsx
+++ b/src/module/division_new/components/ui/drawer_detail_division.tsx
@@ -1,11 +1,13 @@
+"use client"
 import { WARNA } from "@/module/_global";
 import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
-import router from "next/router";
+import { useRouter } from "next/navigation";
 import { BsInfoCircle } from "react-icons/bs";
 import { FaPencil } from "react-icons/fa6";
 import { TbReportAnalytics } from "react-icons/tb";
 
 export default function DrawerDetailDivision() {
+   const router = useRouter()
    return (
       <Box>
          <Stack pt={10}>
diff --git a/src/module/division_new/index.ts b/src/module/division_new/index.ts
index f043c7f..6c7bc0e 100644
--- a/src/module/division_new/index.ts
+++ b/src/module/division_new/index.ts
@@ -22,6 +22,10 @@ import ViewCreateDivision from "./view/view_create_division";
 import ViewCreateReport from "./view/view_create_report";
 import ViewDetailDivision from "./view/view_detail_division";
 import ViewDivision from "./view/view_division";
+import ViewEditAnggotaDivision from "./view/view_edit_anggota_division";
+import ViewEditDivision from "./view/view_edit_division";
+import ViewInformationDivision from "./view/view_Information_division";
+import ViewReportDivision from "./view/view_report_division";
 
 export { ViewDivision }
 export { ViewCreateDivision }
@@ -47,4 +51,7 @@ export { ViewCreateDiscussion }
 export { ViewDetailDiscussion }
 export { ViewEditDiscussion }
 export { ViewDocumentDivision }
-
+export { ViewReportDivision }
+export { ViewInformationDivision }
+export { ViewEditDivision }
+export { ViewEditAnggotaDivision }
diff --git a/src/module/division_new/view/view_Information_division.tsx b/src/module/division_new/view/view_Information_division.tsx
new file mode 100644
index 0000000..d354ecb
--- /dev/null
+++ b/src/module/division_new/view/view_Information_division.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import InformationDivision from '../components/information_division';
+import { Box } from '@mantine/core';
+
+export default function ViewInformationDivision() {
+  return (
+    <Box>
+      <InformationDivision/>
+    </Box>
+  );
+}
diff --git a/src/module/division_new/view/view_edit_anggota_division.tsx b/src/module/division_new/view/view_edit_anggota_division.tsx
new file mode 100644
index 0000000..9d67909
--- /dev/null
+++ b/src/module/division_new/view/view_edit_anggota_division.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export default function ViewEditAnggotaDivision() {
+  return (
+    <div>
+      ViewEditAnggotaDivision
+    </div>
+  );
+}
+
diff --git a/src/module/division_new/view/view_edit_division.tsx b/src/module/division_new/view/view_edit_division.tsx
new file mode 100644
index 0000000..d6b6609
--- /dev/null
+++ b/src/module/division_new/view/view_edit_division.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export default function ViewEditDivision() {
+  return (
+    <div>
+      ViewEditDivision
+    </div>
+  );
+}
+
diff --git a/src/module/division_new/view/view_report_division.tsx b/src/module/division_new/view/view_report_division.tsx
new file mode 100644
index 0000000..9503f0c
--- /dev/null
+++ b/src/module/division_new/view/view_report_division.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+export default function ViewReportDivision() {
+  return (
+    <div>
+      ViewReportDivision
+    </div>
+  );
+}
+