diff --git a/src/app/darmasaba/(pages)/ppid/daftar/page.tsx b/src/app/darmasaba/(pages)/ppid/daftar/page.tsx
new file mode 100644
index 00000000..82768a10
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/daftar/page.tsx
@@ -0,0 +1,87 @@
+import colors from '@/con/colors';
+import { Stack, Box, Text, Center, Image, TextInput, TableTd, TableTr, TableTbody, TableTh, TableThead, Table, ActionIcon } from '@mantine/core';
+import React from 'react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+import { IconDownload, IconSearch } from '@tabler/icons-react';
+
+const dataTable = [
+ {
+ id: 1,
+ nomer: '1',
+ jenis: "Peraturan Desa",
+ deskripsi: "Dokumen yang berisi kebijakan dan regulasi desa",
+ tanggal: "15 Januari 2024",
+ unduh:
+ },
+ {
+ id: 2,
+ nomer: '2',
+ jenis: "Laporan Keuangan",
+ deskripsi: "Laporan Kegunaan anggaran desa secara transparan",
+ tanggal: "20 Januari 2024",
+ unduh:
+ },
+ {
+ id: 3,
+ nomer: '3',
+ jenis: "Program & Kegiatan",
+ deskripsi: "Informasi mengenai program pembangunan & kegiatan desa",
+ tanggal: "30 Januari 2024",
+ unduh:
+ },
+
+]
+function Page() {
+ const rows = dataTable.map((element) => (
+
+ {element.nomer}
+ {element.jenis}
+ {element.deskripsi}
+ {element.tanggal}
+
+
+ {element.unduh}
+
+
+
+ ))
+ return (
+
+
+
+
+
+
+
+
+ Daftar Informasi Publik Desa Darmasaba
+
+
+
+ Tentang Informasi Publik
+ Daftar Informasi Publik Desa Darmasaba berupa kumpulan data yang dapat diakses oleh masyarakat sesuai dengan peraturan yang berlaku.
+ }
+ />
+
+
+
+ No
+ Jenis Informasi
+ Deskripsi
+ Tanggal Publikasi
+ Unduh
+
+
+ {rows}
+
+
+ Kontak PPID
+ Email: ppid@desadarmasaba.id | WhatsApp: 081-xxx-xxx-xxx
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/dasarhukum/page.tsx b/src/app/darmasaba/(pages)/ppid/dasarhukum/page.tsx
new file mode 100644
index 00000000..74a6b2a6
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/dasarhukum/page.tsx
@@ -0,0 +1,104 @@
+import colors from '@/con/colors';
+import { Box, List, ListItem, Paper, Stack, Text } from '@mantine/core';
+import BackButton from '../../desa/layanan/_com/BackButto';
+
+function Page() {
+ return (
+
+
+
+
+
+ Dasar Hukum
+
+
+
+
+ DASAR HUKUM PEMBENTUKAN PPID
+ DESA DARMASABA
+
+
+
+
+
+ UU Nomor 14 Tahun 2008
+
+ {" "}tentang Keterbukaan Informasi Publik
+
+
+
+
+
+ PP Nomor 61 Tahun 2010
+
+ {" "}tentang Pelaksanaan UU 14 Tahun 2008 tentang Keterbukaan Informasi Publik
+
+
+
+
+
+ Permendagri Nomor 3 Tahun 2017
+
+ {" "}tentang Pedoman Pengelolaan Pelayanan Informasi dan Dokumentasi di Lingkungan Kemendagri
+ dan Pemerintah Daerah
+
+
+
+
+
+ Peraturan Komisi Informasi Nomor 1 Tahun 2010
+
+ {" "} tentang Standar Layanan Informasi Publik
+
+
+
+
+
+ Peraturan Komisi Informasi Nomor 1 Tahun 2010
+
+ {" "} tentang Standar Layanan Informasi Publik
+
+
+
+
+
+ Peraturan Bupati Badung No. 42 Tahun 2017
+
+ {" "}Tentang Pedoman Pengelolaan Pelayanan Informasi Publik dan Dokumentasi
+ di Lingkungan Pemerintah Kabupaten Badung
+
+
+
+
+
+ Keputusan Bupati Badung Nomor 99/049/HK/2019
+
+ {" "} Tentang Pengelola Layanan Informasi dan Dokumentasi Kabupaten Badung
+
+
+
+
+
+ Keputusan Perbekel Darmasaba Nomor 101 Tahun 2019
+
+ {" "}tentang Penetapan Pelaksana Teknis/Administrasi Pengelola Layanan Informasi
+ Dan Dokumentasi Di Desa Punggul
+
+
+
+
+
+ Peraturan Perbekel Darmasaba Nomor 12 Tahun 2019
+
+ {" "}tentang Pedoman Pengelolaan Pelayanan Informasi Publik Dan Dokumentasi
+ Di Lingkungan Pemerintah Desa Darmasaba
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/ikm/page.tsx b/src/app/darmasaba/(pages)/ppid/ikm/page.tsx
new file mode 100644
index 00000000..5f20eafc
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/ikm/page.tsx
@@ -0,0 +1,167 @@
+import colors from '@/con/colors';
+import { Stack, Box, Paper, Text, Center, Flex, ColorSwatch, } from '@mantine/core';
+import React from 'react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+import { BarChart, DonutChart } from '@mantine/charts';
+
+const dataBar = [
+ { pelayanan: 'Persyaratan', kepuasan: 90 },
+ { pelayanan: 'Prosedur', kepuasan: 98 },
+ { pelayanan: 'Kecepatan', kepuasan: 92 },
+ { pelayanan: 'Biaya / Tarif', kepuasan: 85 },
+ { pelayanan: 'Produk Layanan', kepuasan: 89 },
+ { pelayanan: 'Kompetensi Pelaksana', kepuasan: 91 },
+ { pelayanan: 'Perilaku Pelaksana', kepuasan: 90 },
+ { pelayanan: 'Penanganan Pengaduan', kepuasan: 93 },
+ { pelayanan: 'Sarana dan Prasarana', kepuasan: 91 },
+]
+const dataJenisKelamin = [
+ { name: 'Perempuan', value: 90, color: '#3291CB' },
+ { name: 'Laki - Laki', value: 10, color: colors['blue-button'] },
+]
+const dataResponden = [
+ { name: 'Sangat Baik', value: 60, color: 'green' },
+ { name: 'Baik', value: 20, color: 'blue' },
+ { name: 'Kurang Baik', value: 10, color: 'orange' },
+ { name: 'Tidak Baik', value: 10, color: 'red' },
+
+]
+const dataUmur = [
+ { name: '17 - 25 tahun', value: 60, color: 'green' },
+ { name: '26 - 45 tahun', value: 20, color: 'blue' },
+ { name: '46 - 60 tahun', value: 10, color: 'orange' },
+ { name: 'di atas 60 tahun', value: 10, color: 'red' },
+
+]
+function Page() {
+ return (
+
+
+
+
+
+
+ Indeks Kepuasan Masyarakat (IKM)
+
+
+ Desa Darmasaba
+
+
+
+
+
+ Grafik Hasil Kepuasan Masyarakat Terhadap Pelayanan Publik
+
+
+
+
+
+
+
+ Grafik Berdasarkan Jenis Kelamin Responden
+
+
+
+
+
+
+
+ Perempuan
+
+
+
+
+
+ Laki - Laki
+
+
+
+
+
+
+
+
+
+ Grafik Berdasarkan Pilihan Responden
+
+
+
+
+
+
+
+ Sangat Baik
+
+
+
+
+
+ Baik
+
+
+
+
+
+ Kurang Baik
+
+
+
+
+
+ Tidak Baik
+
+
+
+
+
+
+
+
+
+ Grafik Berdasarkan Umur Responden
+
+
+
+
+
+
+
+ 17 – 25 tahun
+
+
+
+
+
+ 26 – 45 tahun
+
+
+
+
+
+ 46 – 60 tahun
+
+
+
+
+
+ di atas 60 tahun
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/informasi/page.tsx b/src/app/darmasaba/(pages)/ppid/informasi/page.tsx
new file mode 100644
index 00000000..adad7c32
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/informasi/page.tsx
@@ -0,0 +1,85 @@
+import colors from '@/con/colors';
+import { ActionIcon, Box, Button, Center, Image, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import BackButton from '../../desa/layanan/_com/BackButto';
+import { IconDownload } from '@tabler/icons-react';
+
+const data = [
+ {
+ id: 1,
+ number: '1',
+ title: "Langkah 1",
+ desc: "Pemohon informasi publik mengajukan permohonan informasi kepada badan publik baik langsung maupun melalui surat elektronik",
+ },
+ {
+ id: 2,
+ number: '2',
+ title: "Langkah 2",
+ desc: "Isi formulir permohonan informasi dengan data diri (nama, alamat, telepon), jenis, format, dan cara penyampaian informasi, serta lampiran fotokopi kartu identitas.",
+ },
+ {
+ id: 3,
+ number: '3',
+ title: "Langkah 3",
+ desc: "PPID akan memproses permohonan sesuai dengan ketentuan",
+ },
+ {
+ id: 4,
+ number: '4',
+ title: "Langkah 4",
+ desc: "Petugas PPID menyampaikan informasi sesuai permohonan kepada pemohon informasi.",
+ },
+]
+
+function Page() {
+ return (
+
+
+
+
+
+ Permohonan Informasi Publik
+
+
+
+
+ Tata Cara Permohonan
+
+ {data.map((v, k) => {
+ return (
+
+
+
+
+ {v.number}
+
+
+
+ {v.title}
+
+
+ {v.desc}
+
+
+
+ )
+ })}
+
+
+ }>
+ Unduh Dokumen
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/keberatan/page.tsx b/src/app/darmasaba/(pages)/ppid/keberatan/page.tsx
new file mode 100644
index 00000000..691ebcd7
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/keberatan/page.tsx
@@ -0,0 +1,117 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Paper, SimpleGrid, Stack, Text, Textarea, TextInput } from '@mantine/core';
+import { IconFileCheck, IconForms, IconHourglassOff, IconPhoneRinging } from '@tabler/icons-react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+import { useRouter } from 'next/navigation';
+
+const data = [
+ {
+ id: 1,
+ icon: ,
+ title: "Formulir Online",
+ desc: "Isi formulir keberatan secara online.",
+ },
+ {
+ id: 2,
+ icon: ,
+ title: "Verifikasi",
+ desc: "Tim PPID akan memverifikasi permohonan Anda.",
+ },
+ {
+ id: 3,
+ icon: ,
+ title: "Proses Keberatan",
+ desc: "Proses penyelesaian keberatan dalam waktu 30 hari kerja.",
+ },
+ {
+ id: 4,
+ icon: ,
+ title: "Hasil",
+ desc: "Hasil keberatan akan dikirim via email atau SMS.",
+ },
+]
+function Page() {
+ const router = useRouter();
+ return (
+
+
+
+
+
+ Permohonan Keberatan Informasi Publik
+
+
+
+
+
+ Tentang Permohonan Keberatan
+ Jika Anda merasa permohonan informasi yang diajukan tidak mendapatkan tanggapan yang memadai atau ditolak, anda berhak mengajukan
+ keberatan melalui formulir di bawah ini.
+
+ Bagaimana Mengajukan Keberatan?
+
+ {data.map((v, k) => {
+ return (
+
+
+
+
+
+ I.B. Surya Prabhawa Manuaba,
+
+
+ S.H.,M.H.,NL.P.
+
+
+
+
+
+
+
+ Biodata
+ I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis.
+ Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar, serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.
+
+
+ Riwayat Karir
+ 2021 - 2027: Perbekel Desa Darmasaba
+ 2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates
+ 2020 - Sekarang: Founder Ugawa Record Music Studio
+ 2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar
+
+
+
+
+
+ Pengalaman Organisasi
+
+
+ 1996 - 1997: Ketua OSIS SMP Negeri 1 Abiansemal
+ 1999 - 2000: Ketua OSIS SMA Negeri 1 Mengwi
+ 2008 - 2009: Ketua BEM Universitas Mahasaraswati Denpasar
+ 2008 - 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba
+ 2020 - Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar
+ 2021 - Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung
+ 2023 - 2028: Komite Tetap Advokasi - Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung
+
+
+
+
+ Program Kerja Unggulan
+ Pemberdayaan Ekonmi dan UMKM
+
+
+ Pelatihan dan pendampingan UMKM lokal
+ Program bantuan modal usaha bagi pelaku usaha kecil
+ Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal
+
+
+
+
+ Peningkatan Infrastruktur Desa
+
+
+ Pembangunan dan perbaikan jalan desa
+ Penyediaan fasilitas umum dan ruang terbuka hijau
+ Optimalisasi layanan publik berbasis digital
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/struktur/page.tsx b/src/app/darmasaba/(pages)/ppid/struktur/page.tsx
new file mode 100644
index 00000000..6b509e6f
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/struktur/page.tsx
@@ -0,0 +1,24 @@
+import colors from '@/con/colors';
+import { Stack, Box, Paper, Text, Image } from '@mantine/core';
+import React from 'react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+
+function Page() {
+ return (
+
+
+
+
+
+ Struktur PPID Desa Darmasaba
+
+
+
+
+
+
+
+ );
+}
+
+ export default Page;
diff --git a/src/app/darmasaba/(pages)/ppid/visimisi/page.tsx b/src/app/darmasaba/(pages)/ppid/visimisi/page.tsx
new file mode 100644
index 00000000..d09cf621
--- /dev/null
+++ b/src/app/darmasaba/(pages)/ppid/visimisi/page.tsx
@@ -0,0 +1,56 @@
+import colors from '@/con/colors';
+import { Stack, Box, Paper, Text, Image, Center, ListItem, List } from '@mantine/core';
+import React from 'react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+
+function Page() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ MOTO PPID DESA DARMASABA
+
+
+ MEMBERIKAN INFORMASI YANG CEPAT, MUDAH, TEPAT DAN TRANSPARAN
+
+
+
+
+ VISI PPID
+
+
+ Memberikan pelayanan informasi yanng transparan dan akuntabel untuk memenuhi hak pemohon informasi
+ sesuai dengan ketentuan peraturan perundang-undangan yang berlaku.
+
+
+
+
+ MISI PPID
+
+
+
+ Meningkatkan pengelolaan dan pelayanan informasi yang berkualitas, benar dan bertanggung jawab
+ Membangun dan mengembangkan sistem penyediaan dan layanan informasi.
+ Meningkatkan dan mengembangkan kompetensi dan kualitas SDM dalam bidang pelayanan informasi.
+ Mewujudkan keterbukaan informasi Pemerintah Desa Punggul dengan proses yang cepat, tepat, mudah
+ dan sederhana.
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(tambahan)/permohonan/berhasil/page.tsx b/src/app/darmasaba/(tambahan)/permohonan/berhasil/page.tsx
new file mode 100644
index 00000000..195ded3f
--- /dev/null
+++ b/src/app/darmasaba/(tambahan)/permohonan/berhasil/page.tsx
@@ -0,0 +1,38 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+
+function Page() {
+ const router = useRouter();
+ return (
+
+
+
+
+
+ Permohonan Berhasil Dikirim
+
+
+
+
+
+ Terima Kasih!
+ Permohonan keberatan Anda telah berhasil dikirim. Tim PPID Desa akan meninjau
+ permohonan Anda dan memberikan tanggapan dalam waktu yang
+ ditentukan.
+ Jika Anda memiliki pertanyaan lebih lanjut, silakan hubungi kami melalui kontak
+ yang tersedia.
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(tambahan)/permohonan/gagal/page.tsx b/src/app/darmasaba/(tambahan)/permohonan/gagal/page.tsx
new file mode 100644
index 00000000..69da2f21
--- /dev/null
+++ b/src/app/darmasaba/(tambahan)/permohonan/gagal/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+ return (
+