Senin, 26 May 2025 :

Yang Sudah Di Kerjakan
* Tampilan UI Admin di menu ekonomi
* API Create, edit dan delete berita

Yang Akan Dikerjakan:
* API ProfilePPID
* Tampilan UI Admin Di Menu Inovasi

src/app/admin/(dashboard)/inovasi/layanan-online-desa/page.tsx

@@ -1,10 +1,40 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
 import React from 'react';
 
 function Page() {
   return (
-    <div>
-      layanan-online-desa
-    </div>
+    <Box>
+      <Stack gap={"xs"}>
+        <Box>
+          <Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p={'md'}>
+            <Stack gap={'xs'}>
+              <Title order={3}>Layanan Online Desa</Title>
+              <TextInput
+                label={<Text fz={'sm'} fw={'bold'}>Nama Layanan</Text>}
+                placeholder="Masukkan nama layanan"
+              />
+              <TextInput
+                label={<Text fz={'sm'} fw={'bold'}>Deskripsi Layanan</Text>}
+                placeholder="Masukkan deskripsi layanan"
+              />
+              <Box>
+                <Text fz={'sm'} fw={'bold'}>Upload Gambar Layanan</Text>
+                <IconImageInPicture size={24} />
+              </Box>
+            </Stack>
+          </Paper>
+        </Box>
+        <Box>
+          <Paper bg={colors['white-1']} p={'md'}>
+            <Stack gap={'xs'}>
+              <Title order={3}>List Data Layanan Online Desa</Title>
+            </Stack>
+          </Paper>
+        </Box>
+      </Stack>
+    </Box>
   );
 }