From d1e39ae7f9a39a9ef070d24a5773f3d84dbb2004 Mon Sep 17 00:00:00 2001
From: nico <nicoarya20@gmail.com>
Date: Tue, 20 May 2025 12:07:00 +0800
Subject: [PATCH] Senin, 20 May 2025 :

---
 .../kesehatan/info-wabah-penyakit/page.tsx    | 31 +++++++++-
 .../ui/list_wabah_penyakit/page.tsx           | 33 ++++++++++
 .../ui/tambah_wabah_penyakit/page.tsx         | 45 ++++++++++++++
 .../kesehatan/kontak-darurat/page.tsx         | 30 ++++++++-
 .../ui/list_kontak_darurat/page.tsx           | 33 ++++++++++
 .../ui/tambah_kontak_darurat/page.tsx         | 45 ++++++++++++++
 .../kesehatan/penanganan-darurat/page.tsx     | 30 ++++++++-
 .../ui/list_penanganan_darurat/page.tsx       | 33 ++++++++++
 .../ui/tambah_penanganan_darurat/page.tsx     | 45 ++++++++++++++
 .../kesehatan/program-kesehatan/page.tsx      | 31 ++++++++--
 .../ui/detail_program_kesehatan/page.tsx      | 11 ++++
 .../ui/list_program_kesehatan/page.tsx        | 33 ++++++++++
 .../ui/tambah_program_kesehatan/page.tsx      | 62 +++++++++++++++++++
 .../ppid/permohonan-informasi-publik/page.tsx |  2 +-
 14 files changed, 450 insertions(+), 14 deletions(-)
 create mode 100644 src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/list_wabah_penyakit/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/tambah_wabah_penyakit/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/list_kontak_darurat/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/tambah_kontak_darurat/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/list_penanganan_darurat/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/tambah_penanganan_darurat/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/detail_program_kesehatan/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/list_program_kesehatan/page.tsx
 create mode 100644 src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/tambah_program_kesehatan/page.tsx

diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
index 7dfc0518..0542d668 100644
--- a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/page.tsx
@@ -1,10 +1,35 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import React from 'react';
+import CreateInfoWabahPenyakit from './ui/tambah_wabah_penyakit/page';
+import ListInfoWabahPenyakit from './ui/list_wabah_penyakit/page';
+
 
 function Page() {
   return (
-    <div>
-      Wabah Penyakit
-    </div>
+    <Box>
+     <Stack gap={'xs'}>
+      <Title order={3}>Wabah Penyakit</Title>
+      <Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
+        <TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
+          <TabsTab value="create" >
+            Tambah Wabah Penyakit
+          </TabsTab>
+          <TabsTab value="list" >
+            List Wabah Penyakit
+          </TabsTab>
+        </TabsList>
+
+        <TabsPanel value="create">
+          <CreateInfoWabahPenyakit/>
+        </TabsPanel>
+
+        <TabsPanel value="list">
+          <ListInfoWabahPenyakit/>
+        </TabsPanel>
+      </Tabs>
+      </Stack>
+    </Box>
   );
 }
 
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/list_wabah_penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/list_wabah_penyakit/page.tsx
new file mode 100644
index 00000000..329fea96
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/list_wabah_penyakit/page.tsx
@@ -0,0 +1,33 @@
+import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import React from 'react';
+
+function ListInfoWabahPenyakit() {
+  return (
+    <Box>
+      <Paper bg={colors['white-1']} p={'md'} radius={10}>
+        <Stack gap={'xs'}>
+          <Title order={3}>List Info Wabah/Penyakit</Title>
+          <Box>
+            <Table striped withTableBorder withColumnBorders withRowBorders>
+              <TableThead>
+                <TableTr>
+                  <TableTh>Image</TableTh>
+                  <TableTh>Nama Info Wabah/Penyakit</TableTh>
+                  <TableTh>Deskripsi Info Wabah/Penyakit</TableTh>
+                  <TableTh>Aksi</TableTh>
+                  <TableTh>Detail</TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                
+              </TableTbody>
+            </Table>
+          </Box>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default ListInfoWabahPenyakit;
diff --git a/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/tambah_wabah_penyakit/page.tsx b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/tambah_wabah_penyakit/page.tsx
new file mode 100644
index 00000000..212e8d61
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/ui/tambah_wabah_penyakit/page.tsx
@@ -0,0 +1,45 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function CreateInfoWabahPenyakit() {
+  return (
+    <Box>
+      <Stack gap={'xs'}>
+        <SimpleGrid cols={{ base: 1, md: 2 }}>
+          <Box>
+            <Paper bg={colors['white-1']} p={'md'}>
+              <Stack gap={"xs"}>
+                <Title order={4}>Tambah Info Wabah/Penyakit</Title>
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Masukkan Image</Text>
+                  <IconImageInPicture size={50} />
+                </Box>
+                <TextInput
+                label={<Text fw={"bold"} fz={"sm"}>Nama Info Wabah/Penyakit</Text>}
+                placeholder='Masukkan nama info wabah/penyakit'
+                />
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Deskripsi Info Wabah/Penyakit</Text>
+                  <KesehatanEditor
+                    showSubmit={false}
+                  />
+                </Box>
+                <Group>
+                  <Button bg={colors['blue-button']}>Submit</Button>
+                </Group>
+              </Stack>
+            </Paper>
+          </Box>
+          <Box>
+
+          </Box>
+        </SimpleGrid>
+      </Stack>
+    </Box>
+  );
+}
+
+export default CreateInfoWabahPenyakit;
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
index ea20956b..12c0b0c0 100644
--- a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/page.tsx
@@ -1,10 +1,34 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import React from 'react';
+import CreateKontakDarurat from './ui/tambah_kontak_darurat/page';
+import ListKontakDarurat from './ui/list_kontak_darurat/page';
 
 function Page() {
   return (
-    <div>
-      Kontak Darurat
-    </div>
+    <Box>
+     <Stack gap={'xs'}>
+      <Title order={3}>Kontak Darurat</Title>
+      <Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
+        <TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
+          <TabsTab value="create" >
+            Tambah Kontak Darurat
+          </TabsTab>
+          <TabsTab value="list" >
+            List Kontak Darurat
+          </TabsTab>
+        </TabsList>
+
+        <TabsPanel value="create">
+          <CreateKontakDarurat />
+        </TabsPanel>
+
+        <TabsPanel value="list">
+          <ListKontakDarurat/>
+        </TabsPanel>
+      </Tabs>
+      </Stack>
+    </Box>
   );
 }
 
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/list_kontak_darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/list_kontak_darurat/page.tsx
new file mode 100644
index 00000000..107bc33f
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/list_kontak_darurat/page.tsx
@@ -0,0 +1,33 @@
+import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import React from 'react';
+
+function ListKontakDarurat() {
+  return (
+    <Box>
+      <Paper bg={colors['white-1']} p={'md'} radius={10}>
+        <Stack gap={'xs'}>
+          <Title order={3}>List Kontak Darurat</Title>
+          <Box>
+            <Table striped withTableBorder withColumnBorders withRowBorders>
+              <TableThead>
+                <TableTr>
+                  <TableTh>Image</TableTh>
+                  <TableTh>Nama Kontak Darurat</TableTh>
+                  <TableTh>Deskripsi Kontak Darurat</TableTh>
+                  <TableTh>Aksi</TableTh>
+                  <TableTh>Detail</TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                
+              </TableTbody>
+            </Table>
+          </Box>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default ListKontakDarurat;
diff --git a/src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/tambah_kontak_darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/tambah_kontak_darurat/page.tsx
new file mode 100644
index 00000000..7de7b971
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/kontak-darurat/ui/tambah_kontak_darurat/page.tsx
@@ -0,0 +1,45 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function CreateKontakDarurat() {
+  return (
+    <Box>
+      <Stack gap={'xs'}>
+        <SimpleGrid cols={{ base: 1, md: 2 }}>
+          <Box>
+            <Paper bg={colors['white-1']} p={'md'}>
+              <Stack gap={"xs"}>
+                <Title order={4}>Tambah Kontak Darurat</Title>
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Masukkan Image</Text>
+                  <IconImageInPicture size={50} />
+                </Box>
+                <TextInput
+                label={<Text fw={"bold"} fz={"sm"}>Nama Kontak Darurat</Text>}
+                placeholder='Masukkan nama kontak darurat'
+                />
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Deskripsi Kontak Darurat</Text>
+                  <KesehatanEditor
+                    showSubmit={false}
+                  />
+                </Box>
+                <Group>
+                  <Button bg={colors['blue-button']}>Submit</Button>
+                </Group>
+              </Stack>
+            </Paper>
+          </Box>
+          <Box>
+
+          </Box>
+        </SimpleGrid>
+      </Stack>
+    </Box>
+  );
+}
+
+export default CreateKontakDarurat;
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
index 62f2a24c..4d03ce9e 100644
--- a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
@@ -1,10 +1,34 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
 import React from 'react';
+import CreatePenangananDarurat from './ui/tambah_penanganan_darurat/page';
+import ListPenangananDarurat from './ui/list_penanganan_darurat/page';
 
 function Page() {
   return (
-    <div>
-      Penanganan Darurat
-    </div>
+    <Box>
+     <Stack gap={'xs'}>
+      <Title order={3}>Penanganan Darurat</Title>
+      <Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
+        <TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
+          <TabsTab value="create" >
+            Tambah Penanganan Darurat
+          </TabsTab>
+          <TabsTab value="list" >
+            List Penanganan Darurat
+          </TabsTab>
+        </TabsList>
+
+        <TabsPanel value="create">
+          <CreatePenangananDarurat/>
+        </TabsPanel>
+
+        <TabsPanel value="list">
+          <ListPenangananDarurat/>
+        </TabsPanel>
+      </Tabs>
+      </Stack>
+    </Box>
   );
 }
 
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/list_penanganan_darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/list_penanganan_darurat/page.tsx
new file mode 100644
index 00000000..c6f233eb
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/list_penanganan_darurat/page.tsx
@@ -0,0 +1,33 @@
+import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import React from 'react';
+
+function ListPenangananDarurat() {
+  return (
+    <Box>
+      <Paper bg={colors['white-1']} p={'md'} radius={10}>
+        <Stack gap={'xs'}>
+          <Title order={3}>List Penanganan Darurat</Title>
+          <Box>
+            <Table striped withTableBorder withColumnBorders withRowBorders>
+              <TableThead>
+                <TableTr>
+                  <TableTh>Image</TableTh>
+                  <TableTh>Nama Penanganan Darurat</TableTh>
+                  <TableTh>Deskripsi Penanganan Darurat</TableTh>
+                  <TableTh>Aksi</TableTh>
+                  <TableTh>Detail</TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                
+              </TableTbody>
+            </Table>
+          </Box>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default ListPenangananDarurat;
diff --git a/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/tambah_penanganan_darurat/page.tsx b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/tambah_penanganan_darurat/page.tsx
new file mode 100644
index 00000000..5adecaee
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/penanganan-darurat/ui/tambah_penanganan_darurat/page.tsx
@@ -0,0 +1,45 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function CreatePenangananDarurat() {
+  return (
+    <Box>
+      <Stack gap={'xs'}>
+        <SimpleGrid cols={{ base: 1, md: 2 }}>
+          <Box>
+            <Paper bg={colors['white-1']} p={'md'}>
+              <Stack gap={"xs"}>
+                <Title order={4}>Tambah Penanganan Darurat</Title>
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Masukkan Image</Text>
+                  <IconImageInPicture size={50} />
+                </Box>
+                <TextInput
+                label={<Text fw={"bold"} fz={"sm"}>Nama Penanganan Darurat</Text>}
+                placeholder='Masukkan nama penanganan darurat'
+                />
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Deskripsi Penanganan Darurat</Text>
+                  <KesehatanEditor
+                    showSubmit={false}
+                  />
+                </Box>
+                <Group>
+                  <Button bg={colors['blue-button']}>Submit</Button>
+                </Group>
+              </Stack>
+            </Paper>
+          </Box>
+          <Box>
+
+          </Box>
+        </SimpleGrid>
+      </Stack>
+    </Box>
+  );
+}
+
+export default CreatePenangananDarurat;
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
index e939d3da..90cfcc23 100644
--- a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/page.tsx
@@ -1,10 +1,33 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import CreateProgramKesehatan from './ui/tambah_program_kesehatan/page';
+import ListProgramKesehatan from './ui/list_program_kesehatan/page';
 
 function Page() {
   return (
-    <div>
-      Program Kesehatan
-    </div>
+    <Box>
+      <Stack gap={'xs'}>
+        <Title order={3}>Program Kesehatan</Title>
+        <Tabs defaultValue="create" color={colors['blue-button']} variant='pills'>
+          <TabsList mb={10} bg={colors['BG-trans']} p={'xs'}>
+            <TabsTab value="create" >
+              Tambah Program Kesehatan
+            </TabsTab>
+            <TabsTab value="list" >
+              List Program Kesehatan
+            </TabsTab>
+          </TabsList>
+
+          <TabsPanel value="create">
+            <CreateProgramKesehatan />
+          </TabsPanel>
+
+          <TabsPanel value="list">
+            <ListProgramKesehatan/>
+          </TabsPanel>
+        </Tabs>
+      </Stack>
+    </Box>
   );
 }
 
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/detail_program_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/detail_program_kesehatan/page.tsx
new file mode 100644
index 00000000..4794e2a6
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/detail_program_kesehatan/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function DetailProgramKesehatan() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default DetailProgramKesehatan;
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/list_program_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/list_program_kesehatan/page.tsx
new file mode 100644
index 00000000..a43e513c
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/list_program_kesehatan/page.tsx
@@ -0,0 +1,33 @@
+import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import React from 'react';
+
+function ListProgramKesehatan() {
+  return (
+    <Box>
+      <Paper bg={colors['white-1']} p={'md'} radius={10}>
+        <Stack gap={'xs'}>
+          <Title order={3}>List Program Kesehatan</Title>
+          <Box>
+            <Table striped withRowBorders withColumnBorders withTableBorder>
+            <TableThead>
+              <TableTr>
+                <TableTh>Deskripsi Program Kesehatan</TableTh>
+                <TableTh>Nama Konten Program Kesehatan</TableTh>
+                <TableTh>Deskripsi Konten Program Kesehatan</TableTh>
+                <TableTh>Aksi</TableTh>
+                <TableTh>Detail</TableTh>
+              </TableTr>
+            </TableThead>
+            <TableTbody>
+            
+            </TableTbody>
+            </Table>
+          </Box>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default ListProgramKesehatan;
diff --git a/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/tambah_program_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/tambah_program_kesehatan/page.tsx
new file mode 100644
index 00000000..6096fd81
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/program-kesehatan/ui/tambah_program_kesehatan/page.tsx
@@ -0,0 +1,62 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import { IconImageInPicture } from '@tabler/icons-react';
+
+function CreateProgramKesehatan() {
+  return (
+    <Box>
+      <Stack gap={'xs'}>
+        <SimpleGrid cols={{ base: 1, md: 2 }}>
+          <Box>
+            <Paper bg={colors['white-1']} p={'md'}>
+              <Stack gap={'xs'}>
+                <Title order={4}>Tambah Program Kesehatan</Title>
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Deskripsi Program Kesehatan</Text>
+                  <KesehatanEditor
+                    showSubmit={false}
+                  />
+                </Box>
+                <Box>
+                  <Text>Masukkan Image</Text>
+                  <IconImageInPicture size={50} />
+                </Box>
+                <TextInput
+                  label={<Text fw={"bold"} fz={"sm"}>Nama Konten Program Kesehatan</Text>}
+                  placeholder='Masukkan nama konten program kesehatan'
+                />
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Deskripsi Konten Program Kesehatan</Text>
+                  <KesehatanEditor
+                    showSubmit={false}
+                  />
+                </Box>
+                <Group>
+                  <Button bg={colors['blue-button']}>Submit</Button>
+                </Group>
+              </Stack>
+            </Paper>
+          </Box>
+          <Box>
+            <Paper bg={colors['white-1']} p={"md"}>
+              <Stack gap={"xs"}>
+                <Title order={4}>Preview Data Program Kesehatan</Title>
+                <Text fw={"bold"} fz={"sm"}>Deskripsi Program Kesehatan</Text>
+                <Box>
+                  <Text fw={"bold"} fz={"sm"}>Image</Text>
+                  <IconImageInPicture size={50} />
+                </Box>
+                <Text fw={"bold"} fz={"sm"}>Nama Konten Program Kesehatan</Text>
+                <Text fw={"bold"} fz={"sm"}>Deskripsi Konten Program Kesehatan</Text>
+              </Stack>
+            </Paper>
+          </Box>
+        </SimpleGrid>
+      </Stack>
+    </Box>
+  );
+}
+
+export default CreateProgramKesehatan;
diff --git a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
index 468e8d17..020e782f 100644
--- a/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx
@@ -19,7 +19,7 @@ function Page() {
       <Paper bg={colors['white-1']} p={'md'}>
         <Stack gap={"xs"}>
           <Title order={3}>Permohonan Informasi Publik</Title>
-          <Box p={"xl"}>
+          <Box>
             <Table striped withRowBorders withColumnBorders withTableBorder>
               <TableThead>
                 <TableTr>