diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/budaya.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/budaya.tsx
new file mode 100644
index 00000000..4a34316a
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/budaya.tsx
@@ -0,0 +1,185 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik',
+ image: "/api/img/berita-1.png",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Budaya() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+ Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Tim Voli Darmasaba Raih Juara Turnamen Desa
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Budaya;
diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/ekonomi.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/ekonomi.tsx
new file mode 100644
index 00000000..368cded1
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/ekonomi.tsx
@@ -0,0 +1,185 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik',
+ image: "/api/img/berita-1.png",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Ekonomi() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+ Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Tim Voli Darmasaba Raih Juara Turnamen Desa
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Ekonomi;
diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/pembangunan.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/pembangunan.tsx
new file mode 100644
index 00000000..16fa774d
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/pembangunan.tsx
@@ -0,0 +1,187 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'PEMBANGUNAN TROTOARISASI JALAN LINGKUNGAN BR. GULINGAN',
+ image: "/api/img/pembangunan-1.jpg",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'PEMBANGUNAN GOT JALAN LINGKUNGAN BR. TAMAN',
+ image: "/api/img/pembangunan-2.jpg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'PEMBANGUNAN BALE GAMBELAN SETRA AGENG DESA ADAT TEGAL',
+ image: "/api/img/pembangunan-3.jpg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Pembangunan() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Pembangunan
+
+
+
+ PEMBANGUNAN TROTOARISASI JALAN LINGKUNGAN BR. GULINGAN
+
+
+ Sudah tertata rapi dan bersih niki Semeton Darmasaba! Sekarang pejalan kaki di seputaran jalan lingkungan Br. Gulingan bisa aman dan nyaman nie!!!
+
+Pemdes Darmasaba dalam rangka memenuhi kebutuhan masyarakat khususnya warga Br. Gulingan yang memerlukan trotoarisasi guna memperlancar saluran air dan memberikan kenyamanan ketika berjalan, kini sudah menyelesaikan pembangunan trotoarisasi jalan lingkungan Br. Gulingan. Pembangunan tersebut menggunakan APBDes Darmasaba T. A. 2023 dengan realisasi sebesar Rp357.011.299,00 dari pagu yang disiapkan sebesar Rp439.066.327,00. Pembangunan trotoar tersebut melibatkan pekerja lokal dan dibantu oleh warga Br. Gulingan.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Pembangunan
+
+
+
+ PEMBANGUNAN GOT JALAN LINGKUNGAN BR. TAMAN
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Pembangunan
+
+
+
+ PEMBANGUNAN BALE GAMBELAN SETRA AGENG DESA ADAT TEGAL
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Pembangunan;
diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/pemerintahan.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/pemerintahan.tsx
new file mode 100644
index 00000000..2e610b81
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/pemerintahan.tsx
@@ -0,0 +1,185 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'PEMBERIAN HASIL PANEN JAGUNG PROGRAM KETAHANAN PANGAN DESA KEPADA ANAK YATIM, PIATU DAN YATIM-PIATU DESA DARMASABA',
+ image: "/api/img/berita-pemerintahan.jpg",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/pemerintahan-3.jpg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'PEMBERIAN HASIL PANEN JAGUNG PROGRAM KETAHANAN PANGAN DESA KEPADA ANAK YATIM, PIATU DAN YATIM-PIATU DESA DARMASABA',
+ image: "/api/img/berita-pemerintahan.jpg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Pemerintahan() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Pemerintahan
+
+
+
+ PEMBERIAN HASIL PANEN JAGUNG PROGRAM KETAHANAN PANGAN DESA KEPADA ANAK YATIM, PIATU DAN YATIM-PIATU DESA DARMASABA
+
+
+ Pada hari Selasa, 19 November 2024, Desa Darmasaba memberikan hasil panen jagung sebagai bagian dari kegiatan Ketahanan Pangan Desa kepada anak-anak yatim, piatu, dan yatim-piatu yang berusia 0-18 Tahun. Hasil panen ini diserahkan langsung oleh I. B. Surya Prabhawa Manuaba, S.H., M.H., NL.P selaku Perbekel Darmasaba, didampingi Ketua BPD dan LPM Desa Darmasaba, serta seluruh perangkat dan staf desa. Melalui kegiatan ini, kami berharap dapat memberikan manfaat langsung bagi mereka yang membutuhkan, serta memperkuat rasa kebersamaan dan kepedulian dalam membangun ketahanan pangan di Desa Darmasaba.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Pemerintahan
+
+
+
+ Evaluasi dan Verifikasi APBDes Darmasaba T.A. 2025
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Pemerintahan
+
+
+
+ JAKSA GARDA DESA (JAGA DESA) T.A. 2025
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Pemerintahan;
diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/semua.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/semua.tsx
new file mode 100644
index 00000000..79092271
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/semua.tsx
@@ -0,0 +1,185 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik',
+ image: "/api/img/berita-1.png",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Semua() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+ Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Pembangunan
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Tim Voli Darmasaba Raih Juara Turnamen Desa
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Semua;
diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/sosial.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/sosial.tsx
new file mode 100644
index 00000000..bc6cdec8
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/sosial.tsx
@@ -0,0 +1,204 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'AKSI BERSIH DESA MEMPERINGATI HARI PEDULI SAMPAH NASIONAL 2025',
+ image: "/api/img/sosial-1.jpeg",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Sosialisasi Pengelolaan Sampah di SD No. 3 Darmasaba dalam Kolaborasi Mahasiswa KKN-PMM I Universitas Warmadewa di Desa Darmasaba',
+ image: "/api/img/sosial-2.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Sosial() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Sosial
+
+
+
+ AKSI BERSIH DESA MEMPERINGATI HARI PEDULI SAMPAH NASIONAL 2025
+
+
+ AKSI BERSIH DESA MEMPERINGATI HARI PEDULI SAMPAH NASIONAL 2025 ♻️
+Dalam semangat Hari Peduli Sampah Nasional (HPSN) 2025, Aksi Bersih Desa sukses digelar di Lombok Utara serta beberapa wilayah lain, termasuk Kabupaten Badung yang berpusat di TPS 3R Pudak Mesari, Desa Darmasaba. ?✨
+
+Kegiatan ini melibatkan berbagai pihak seperti Pusdal LH BN - KLH, DKLH Provinsi Bali, DLHK Kab. Badung, Pemdes Darmasaba, BPD, LPM, TPS 3R Pudak Mesari, Lembaga Kemasyarakatan Desa, serta masyarakat Darmasaba.
+
+Selain aksi bersih, Desa Darmasaba juga meluncurkan Pemuda Peduli Lingkungan sebagai garda terdepan dalam gerakan sadar lingkungan!
+
+Mengapa ini penting?
+- Pengelolaan sampah harus dimulai dari sumbernya melalui pemilahan, pemanfaatan, hingga penyelesaian residu.
+- Inovasi "Galah Melah" & "BARES" menjadi contoh nyata dalam menciptakan lingkungan yang bersih & berkelanjutan.
+- Darmasaba terpilih sebagai 1 dari 8 desa se-Indonesia untuk peringatan HPSN 2025, sebuah kebanggaan sekaligus tanggung jawab bersama! ✨
+
+"Kami berharap aksi ini bukan sekadar seremoni, tetapi menjadi budaya masyarakat dalam memilah dan mengelola sampah dari sumbernya." - Ibu Cokorda Istri Muter Handayani, Plt. Kabid Wilayah Bali, Pusat Pengendalian LH Bali & Nusra.
+
+"Ke depan, kami menargetkan setiap desa di Badung memiliki komunitas Pemuda Peduli Lingkungan agar pengelolaan sampah lebih optimal dan berkelanjutan." - Bapak Ida Bagus Gede Arjana, Plt. Kadis DLHK Kab. Badung.
+
+"Darmasaba menjadi contoh desa aktif dalam pengelolaan sampah. Kami berharap inovasi ini menginspirasi desa lain." - Ida Bagus Surya Prabhawa Manuaba, Perbekel Darmasaba.
+
+Mari bersama wujudkan lingkungan yang lebih bersih, sehat, dan lestari!
+Jaga Bumi, Pilah Sampah dari Sekarang! ♻️
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Sosialisasi Pengelolaan Sampah di SD No. 3 Darmasaba dalam Kolaborasi Mahasiswa KKN-PMM I Universitas Warmadewa di Desa Darmasaba
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Tim Voli Darmasaba Raih Juara Turnamen Desa
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Sosial;
diff --git a/src/app/darmasaba/(pages)/desa/berita/(tabs)/teknologi.tsx b/src/app/darmasaba/(pages)/desa/berita/(tabs)/teknologi.tsx
new file mode 100644
index 00000000..6a9ef310
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/(tabs)/teknologi.tsx
@@ -0,0 +1,185 @@
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
+import { IconCalendar, IconUser } from '@tabler/icons-react';
+import React from 'react';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik',
+ image: "/api/img/berita-1.png",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Teknologi() {
+ return (
+
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+ Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Tim Voli Darmasaba Raih Juara Turnamen Desa
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Teknologi;
diff --git a/src/app/darmasaba/(pages)/desa/berita/page.tsx b/src/app/darmasaba/(pages)/desa/berita/page.tsx
index 290d2118..95341d08 100644
--- a/src/app/darmasaba/(pages)/desa/berita/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/berita/page.tsx
@@ -1,37 +1,25 @@
import colors from '@/con/colors';
-import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
-import { IconCalendar, IconSearch, IconUser } from '@tabler/icons-react';
+import { Box, Container, Grid, GridCol, Stack, Tabs, TabsList, TabsPanel, TabsTab, Text, TextInput } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react';
import BackButton from '../layanan/_com/BackButto';
+import Budaya from './(tabs)/budaya';
+import Ekonomi from './(tabs)/ekonomi';
+import Pemerintahan from './(tabs)/pemerintahan';
+import Semua from './(tabs)/semua';
+import Sosial from './(tabs)/sosial';
+import Teknologi from './(tabs)/teknologi';
+import Pembangunan from './(tabs)/pembangunan';
+
-const dataBeritaTerbaru = [
- {
- id: 1,
- judul: 'Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik',
- image: "/api/img/berita-1.png",
- tanggal: "Selasa, 11 Januari 2025",
- },
- {
- id: 2,
- judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
- image: "/api/img/prestasi-voli.jpeg",
- tanggal: "Kamis, 13 Januari 2025",
- },
- {
- id: 3,
- judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
- image: "/api/img/prestasi-voli.jpeg",
- tanggal: "Kamis, 13 Januari 2025",
- },
-]
function Page() {
return (
-
+
{/* Header */}
-
+
Portal Berita Darmasaba
@@ -42,188 +30,71 @@ function Page() {
{/* Tabs Menu */}
-
-
-
-
-
-
+
+
+
+
+
+
Semua
-
-
- {['Pemerintahan', 'Pembangunan', 'Ekonomi', 'Sosial', 'Budaya', 'Teknologi'].map((kategori) => (
-
-
- {kategori}
-
-
- ))}
-
-
-
- }
- w="100%"
- />
-
-
-
-
- {/* Konten Berita */}
-
-
- {/* Berita Utama */}
-
-
-
-
-
-
-
-
- Teknologi
-
-
-
- Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
-
-
- Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
-
-
-
-
- Selasa, 11 Januari 2025
-
-
-
- Admin Desa
-
-
-
-
-
-
- {/* Berita Sampingan */}
-
-
- {/* Berita Sampingan 1 */}
-
-
-
-
-
- Teknologi
-
-
-
- Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
-
-
-
-
- Selasa, 11 Januari 2025
-
-
-
- Admin Desa
-
-
-
-
-
- {/* Berita Sampingan 2 */}
-
-
-
-
-
- Sosial
-
-
-
- Tim Voli Darmasaba Raih Juara Turnamen Desa
-
-
-
-
- Selasa, 11 Januari 2025
-
-
-
- Admin Desa
-
-
-
-
-
-
-
-
- Berita Terbaru
-
+
+
+ Pemerintahan
+
+
+ Pembangunan
+
+
+ Ekonomi
+
+
+ Sosial
+
+
+ Budaya
+
+
+ Teknologi
+
+
+
+
+ }
+ />
+
+
-
- {dataBeritaTerbaru.map((v, k) => {
- return (
-
-
-
-
-
- Teknologi
-
-
-
- {v.judul}
-
-
-
-
- {v.tanggal}
-
-
-
- Admin Desa
-
-
-
-
- )
- })}
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/darmasaba/(pages)/desa/berita/page.txt b/src/app/darmasaba/(pages)/desa/berita/page.txt
new file mode 100644
index 00000000..e4c87e35
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/berita/page.txt
@@ -0,0 +1,232 @@
+{backup}
+import colors from '@/con/colors';
+import { Box, Center, Container, Divider, Grid, GridCol, Group, Image, Pagination, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { IconCalendar, IconSearch, IconUser } from '@tabler/icons-react';
+import BackButton from '../layanan/_com/BackButto';
+
+const dataBeritaTerbaru = [
+ {
+ id: 1,
+ judul: 'Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik',
+ image: "/api/img/berita-1.png",
+ tanggal: "Selasa, 11 Januari 2025",
+ },
+ {
+ id: 2,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+ {
+ id: 3,
+ judul: 'Tim Voli Darmasaba Raih Juara Turnamen Desa',
+ image: "/api/img/prestasi-voli.jpeg",
+ tanggal: "Kamis, 13 Januari 2025",
+ },
+]
+function Page() {
+ return (
+
+ {/* Header */}
+
+
+
+
+
+
+ Portal Berita Darmasaba
+
+
+ Temukan berbagai potensi dan keunggulan yang dimiliki Desa Darmasaba
+
+
+
+
+ {/* Tabs Menu */}
+
+
+
+
+
+
+ Semua
+
+
+ {['Pemerintahan', 'Pembangunan', 'Ekonomi', 'Sosial', 'Budaya', 'Teknologi'].map((kategori) => (
+
+
+ {kategori}
+
+
+ ))}
+
+
+
+ }
+ w="100%"
+ />
+
+
+
+
+ {/* Konten Berita */}
+
+
+ {/* Berita Utama */}
+
+
+
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+ Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+ {/* Berita Sampingan */}
+
+
+ {/* Berita Sampingan 1 */}
+
+
+
+
+
+ Teknologi
+
+
+
+ Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+ {/* Berita Sampingan 2 */}
+
+
+
+
+
+ Sosial
+
+
+
+ Tim Voli Darmasaba Raih Juara Turnamen Desa
+
+
+
+
+ Selasa, 11 Januari 2025
+
+
+
+ Admin Desa
+
+
+
+
+
+
+
+
+ Berita Terbaru
+
+
+
+ {dataBeritaTerbaru.map((v, k) => {
+ return (
+
+
+
+
+
+ Teknologi
+
+
+
+ {v.judul}
+
+
+
+
+ {v.tanggal}
+
+
+
+ Admin Desa
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/galery/(tabs)/foto.tsx b/src/app/darmasaba/(pages)/desa/galery/(tabs)/foto.tsx
new file mode 100644
index 00000000..c6f3a363
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/galery/(tabs)/foto.tsx
@@ -0,0 +1,64 @@
+import colors from '@/con/colors';
+import { SimpleGrid, Box, Paper, Center, Stack, Image, Text } from '@mantine/core';
+import React from 'react';
+
+const data = [
+ {
+ id: 1,
+ image: "/api/img/galeri-1.png",
+ title: "Pendapatan",
+ tanggal: "3 Mar 2025",
+ judul: "Pemasangan Wifi Gratis Di Publik Desa",
+
+ },
+ {
+ id: 2,
+ image: "/api/img/galeri-2.png",
+ title: "Belanja",
+ tanggal: "4 Mar 2025",
+ judul: "Panen raya Desa Darmasaba",
+ },
+ {
+ id: 3,
+ image: "/api/img/galeri-3.png",
+ title: "Pembiayaan",
+ tanggal: "5 Mar 2025",
+ judul: "Kegiatan Pembangunan Pelinggih",
+ }
+]
+function Foto() {
+ return (
+
+
+ {data.map((v, k) => {
+ return (
+
+
+
+
+
+
+
+
+
+ {v.tanggal}
+ {v.judul}
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Fusce sagittis nec arcu ac ornare. Praesent a porttitor
+ felis. Proin varius ex nisl, in hendrerit odio tristique vel.
+
+
+
+
+ )
+ })}
+
+
+ );
+}
+
+export default Foto;
diff --git a/src/app/darmasaba/(pages)/desa/galery/(tabs)/video.tsx b/src/app/darmasaba/(pages)/desa/galery/(tabs)/video.tsx
new file mode 100644
index 00000000..da96cfff
--- /dev/null
+++ b/src/app/darmasaba/(pages)/desa/galery/(tabs)/video.tsx
@@ -0,0 +1,64 @@
+import colors from '@/con/colors';
+import { SimpleGrid, Box, Paper, Center, Stack, Image, Text } from '@mantine/core';
+import React from 'react';
+
+const data = [
+ {
+ id: 1,
+ image: "/api/img/galeri-1.png",
+ title: "Pendapatan",
+ tanggal: "3 Mar 2025",
+ judul: "Pemasangan Wifi Gratis Di Publik Desa",
+
+ },
+ {
+ id: 2,
+ image: "/api/img/galeri-2.png",
+ title: "Belanja",
+ tanggal: "4 Mar 2025",
+ judul: "Panen raya Desa Darmasaba",
+ },
+ {
+ id: 3,
+ image: "/api/img/galeri-3.png",
+ title: "Pembiayaan",
+ tanggal: "5 Mar 2025",
+ judul: "Kegiatan Pembangunan Pelinggih",
+ }
+]
+function Video() {
+ return (
+
+
+ {data.map((v, k) => {
+ return (
+
+
+
+
+
+
+
+ {v.tanggal}
+ {v.judul}
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Fusce sagittis nec arcu ac ornare. Praesent a porttitor
+ felis. Proin varius ex nisl, in hendrerit odio tristique vel.
+
+
+
+
+ )
+ })}
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/darmasaba/(pages)/desa/galery/page.tsx b/src/app/darmasaba/(pages)/desa/galery/page.tsx
index 999098f2..c1a57af5 100644
--- a/src/app/darmasaba/(pages)/desa/galery/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/galery/page.tsx
@@ -1,32 +1,11 @@
import colors from '@/con/colors';
-import { ActionIcon, Box, Center, Container, Flex, Image, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Container, Grid, GridCol, Group, Stack, Tabs, TabsList, TabsPanel, TabsTab, Text, TextInput } from '@mantine/core';
import { IconPhoto, IconSearch, IconVideo } from '@tabler/icons-react';
import BackButton from '../layanan/_com/BackButto';
+import Foto from './(tabs)/foto';
+import Video from './(tabs)/video';
-const data = [
- {
- id: 1,
- image: "/api/img/galeri-1.png",
- title: "Pendapatan",
- tanggal: "3 Mar 2025",
- judul: "Pemasangan Wifi Gratis Di Publik Desa",
- },
- {
- id: 2,
- image: "/api/img/galeri-2.png",
- title: "Belanja",
- tanggal: "4 Mar 2025",
- judul: "Panen raya Desa Darmasaba",
- },
- {
- id: 3,
- image: "/api/img/galeri-3.png",
- title: "Pembiayaan",
- tanggal: "5 Mar 2025",
- judul: "Kegiatan Pembangunan Pelinggih",
- }
-]
function Page() {
return (
@@ -42,56 +21,40 @@ function Page() {
-
-
-
-
-
- Foto
-
-
-
-
-
- Video
-
-
-
- }
- w={{ base: "25%", md: "30%" }}
- />
-
-
- {data.map((v, k) => {
- return (
-
-
-
-
-
-
-
-
-
- {v.tanggal}
- {v.judul}
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Fusce sagittis nec arcu ac ornare. Praesent a porttitor
- felis. Proin varius ex nisl, in hendrerit odio tristique vel.
-
-
-
-
- )
- })}
-
+
+
+
+
+
+ }>
+ Foto
+
+ }>
+ Video
+
+
+
+
+
+ }
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
);
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/biodata/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-beda-biodata-diri/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/biodata/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-beda-biodata-diri/page.tsx
index 8aced8e8..5a38f7f7 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/biodata/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-beda-biodata-diri/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Beda Biodata Diri
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/belumkawin/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-belum-kawin/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/belumkawin/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-belum-kawin/page.tsx
index d816ac38..060cb498 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/belumkawin/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-belum-kawin/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Belum Kawin
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-domisili/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-domisili/page.tsx
index 8374354f..7d7a5795 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-domisili/page.tsx
@@ -8,8 +8,8 @@ function Page() {
-
-
+
+
Surat Keterangan Domisili Organisasi
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/kelahiran/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kelahiran/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/kelahiran/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kelahiran/page.tsx
index 73f27dcb..49c63df0 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/kelahiran/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kelahiran/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Kelahiran
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/skck/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kelakuan-baik/page.tsx
similarity index 90%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/skck/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kelakuan-baik/page.tsx
index 7b43fd44..5c142d71 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/skck/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kelakuan-baik/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Kelakuan Baik (Pengantar SKCK)
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/kematian/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kematian/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/kematian/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kematian/page.tsx
index ca03ce51..3b90cf31 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/kematian/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-kematian/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Kematian
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/penghasilan/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-penghasilan/page.tsx
similarity index 90%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/penghasilan/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-penghasilan/page.tsx
index acec2d20..6efc4939 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/penghasilan/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-penghasilan/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Penghasilan
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/tempatusaha/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-tempat-usaha/page.tsx
similarity index 92%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/tempatusaha/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-tempat-usaha/page.tsx
index e9c3c50a..531ccee7 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/tempatusaha/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-tempat-usaha/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Tempat Usaha
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/tidakmampu/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-tidak-mampu/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/tidakmampu/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-tidak-mampu/page.tsx
index 444720f3..0e8a7f64 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/tidakmampu/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-tidak-mampu/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Tidak Mampu
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/usaha/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-usaha/page.tsx
similarity index 91%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/usaha/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-usaha/page.tsx
index b5782a1d..5d41ae7d 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/usaha/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-usaha/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Usaha
diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/yatim/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-yatim-piatu/page.tsx
similarity index 90%
rename from src/app/darmasaba/(pages)/desa/layanan/(detail)/yatim/page.tsx
rename to src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-yatim-piatu/page.tsx
index 9de3e81f..242d9b42 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/(detail)/yatim/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/surat-keterangan-yatim-piatu/page.tsx
@@ -7,8 +7,8 @@ function Page() {
return (
-
-
+
+
Surat Keterangan Yatim Piatu
diff --git a/src/app/darmasaba/(pages)/desa/layanan/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/page.tsx
index e0d2548c..9f052bc9 100644
--- a/src/app/darmasaba/(pages)/desa/layanan/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/layanan/page.tsx
@@ -11,67 +11,67 @@ const data = [
id: 1,
images: "/api/img/test.png",
name: "Surat Keterangan Domisili Organisasi",
- link: "/darmasaba/desa/layanan/domisili"
+ link: "/darmasaba/desa/layanan/surat-keterangan-domisili"
},
{
id: 2,
images: "/api/img/test-3.jpeg",
name: "Surat Keterangan Penghasilan",
- link: "/darmasaba/desa/layanan/penghasilan"
+ link: "/darmasaba/desa/layanan/surat-keterangan-penghasilan"
},
{
id: 3,
images: "/api/img/domisili.jpeg",
name: "Surat Keterangan Tidak Mampu",
- link: "/darmasaba/desa/layanan/tidakmampu"
+ link: "/darmasaba/desa/layanan/surat-keterangan-tidak-mampu"
},
{
id: 4,
images: "/api/img/kelahiran.jpeg",
name: "Surat Keterangan Kelahiran",
- link: "/darmasaba/desa/layanan/kelahiran"
+ link: "/darmasaba/desa/layanan/surat-keterangan-kelahiran"
},
{
id: 5,
images: "/api/img/keterangan-usaha.jpeg",
name: "Surat Keterangan Usaha",
- link: "/darmasaba/desa/layanan/usaha"
+ link: "/darmasaba/desa/layanan/surat-keterangan-usaha"
},
{
id: 6,
images: "/api/img/kematian.jpeg",
name: "Surat Keterangan Kematian",
- link: "/darmasaba/desa/layanan/kematian"
+ link: "/darmasaba/desa/layanan/surat-keterangan-kematian"
},
{
id: 7,
images: "/api/img/tempatusaha.jpeg",
name: "Surat Keterangan Tempat Usaha",
- link: "/darmasaba/desa/layanan/tempatusaha"
+ link: "/darmasaba/desa/layanan/surat-keterangan-tempat-usaha"
},
{
id: 8,
images: "/api/img/belumkawin.jpeg",
name: "Surat Keterangan Belum Kawin",
- link: "/darmasaba/desa/layanan/belumkawin"
+ link: "/darmasaba/desa/layanan/surat-keterangan-belum-kawin"
},
{
id: 9,
images: "/api/img/berkelakuan-baik.jpeg",
name: "Surat Keterangan Kelakuan Baik",
- link: "/darmasaba/desa/layanan/skck"
+ link: "/darmasaba/desa/layanan/surat-keterangan-kelakuan-baik"
},
{
id: 10,
images: "/api/img/biodata.jpeg",
name: "Surat Keterangan Beda Biodata Diri",
- link: "/darmasaba/desa/layanan/biodata"
+ link: "/darmasaba/desa/layanan/surat-keterangan-beda-biodata-diri"
},
{
id: 11,
images: "/api/img/yatim.jpeg",
name: "Surat Keterangan Yatim Piatu",
- link: "/darmasaba/desa/layanan/yatim"
+ link: "/darmasaba/desa/layanan/surat-keterangan-yatim-piatu"
}
]
@@ -88,7 +88,7 @@ export default function Page() {
{/* Bagian Layanan */}
-
+
Layanan Desa Darmasaba
}
@@ -106,7 +106,7 @@ export default function Page() {
{/* Bagian Pelayanan Surat Keterangan */}
-
+ Pelayanan Surat Keterangan
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
- Pelayanan Telunjuk Sakti Desa
+ Pelayanan Telunjuk Sakti DesaTerwujudnya Layanan umum bertajuk Sistim administrasi Kependudukan Terintegrasi di Desa berbasi Elektronik, Smart dan Aman. layanan telunjuk sakti Desa meliputi :
@@ -219,7 +219,7 @@ export default function Page() {
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
- Pelayanan Penduduk Non-Permanent
+ Pelayanan Penduduk Non-PermanentSurat Keterangan Penduduk Non-Permanent adalah dokumen yang dikeluarkan oleh pihak berwenang untuk memberikan keterangan bahwa seseorang atau kelompok orang memiliki status penduduk non-permanent di suatu wilayah. Dokumen ini biasanya digunakan untuk keperluan administratif atau legal, seperti mendapatkan akses ke layanan kesehatan, pendidikan, atau pelayanan publik lainnya.
diff --git a/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx b/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
index df27b33c..a4312087 100644
--- a/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
@@ -12,11 +12,11 @@ function Page() {
-
+
Pengumuman Desa Darmasaba
-
+
Informasi dan pengumuman resmi terkait kegiatan dan kebijakan Desa Darmasaba
+
-
+
+
+
-
+
Potensi Desa
-
+
Temukan berbagai potensi dan keunggulan yang dimiliki Desa Darmasaba.
diff --git a/src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx b/src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
index 80b90b42..d93f2e72 100644
--- a/src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
@@ -1,5 +1,6 @@
'use client'
+import colors from "@/con/colors";
import { ActionIcon } from "@mantine/core";
import { IconArrowLeft } from "@tabler/icons-react";
import { useTransitionRouter } from 'next-view-transitions';
@@ -7,7 +8,7 @@ import { useTransitionRouter } from 'next-view-transitions';
export default function BackButton() {
const router = useTransitionRouter()
return (
- router.back()}>
+ router.back()}>
);
diff --git a/src/app/darmasaba/(pages)/desa/profile/page.tsx b/src/app/darmasaba/(pages)/desa/profile/page.tsx
index a22f1e5a..3d4925af 100644
--- a/src/app/darmasaba/(pages)/desa/profile/page.tsx
+++ b/src/app/darmasaba/(pages)/desa/profile/page.tsx
@@ -13,18 +13,18 @@ import SemuaPerbekel from './ui/semuaPerbekel';
function Page() {
return (
-
-
+
+
-
+
Profile Desa
-
+
diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx
index c1cc99de..2fbeb5f9 100644
--- a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx
+++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx
@@ -35,7 +35,7 @@ function Page() {
-
+
diff --git a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
index 74a6b2a6..f9050570 100644
--- a/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/dasar-hukum/page.tsx
@@ -13,11 +13,10 @@ function Page() {
-
- DASAR HUKUM PEMBENTUKAN PPID
- DESA DARMASABA
+
+ DASAR HUKUM PEMBENTUKAN PPID DESA DARMASABA
-
+
diff --git a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
index adad7c32..229acb31 100644
--- a/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/permohonan-informasi-publik/page.tsx
@@ -1,7 +1,10 @@
+'use client'
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 { ActionIcon, Box, Button, Center, Checkbox, Combobox, ComboboxOption, Group, Input, InputBase, Paper, SimpleGrid, Stack, Text, Textarea, TextInput, useCombobox } from '@mantine/core';
import { IconDownload } from '@tabler/icons-react';
+import BackButton from '../../desa/layanan/_com/BackButto';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
const data = [
{
@@ -30,7 +33,91 @@ const data = [
},
]
+const jenisInformasi = [
+ {
+ id: 1,
+ jenis: 'Keuangan Desa'
+ },
+ {
+ id: 2,
+ jenis: 'Pembangunan Desa'
+ },
+ {
+ id: 3,
+ jenis: 'Data Demografi'
+ },
+ {
+ id: 4,
+ jenis: 'Lainnya'
+ },
+]
+
+const memperolehInformasi = [
+ {
+ id: 1,
+ jenis: 'Melihat/Membaca/Mendengarkan/Mencatat'
+ },
+ {
+ id: 2,
+ jenis: 'Mendapatkan Salinan Informasi (Hardcopy)'
+ },
+ {
+ id: 3,
+ jenis: 'Mendapatkan Salinan Informasi (Softcopy)'
+ }
+]
+
+const mendapatkanInformasi = [
+ {
+ id: 1,
+ jenis: 'Mengambil Langsung'
+ },
+ {
+ id: 2,
+ jenis: 'Dikirim via Post'
+ },
+ {
+ id: 3,
+ jenis: 'Dikirim via Email'
+ }
+]
function Page() {
+ const combobox = useCombobox({
+ onDropdownClose: () => combobox.resetSelectedOption(),
+ });
+
+ const combobox2 = useCombobox({
+ onDropdownClose: () => combobox2.resetSelectedOption(),
+ });
+
+ const combobox3 = useCombobox({
+ onDropdownClose: () => combobox3.resetSelectedOption(),
+ });
+
+ const [value, setValue] = useState(null);
+ const [value2, setValue2] = useState(null);
+ const [value3, setValue3] = useState(null);
+
+
+
+ const options = jenisInformasi.map((item) => (
+
+ {item.jenis}
+
+ ))
+
+ const options2 = memperolehInformasi.map((item) => (
+
+ {item.jenis}
+
+ ))
+
+ const options3 = mendapatkanInformasi.map((item) => (
+
+ {item.jenis}
+
+ ))
+ const router = useRouter()
return (
@@ -47,7 +134,9 @@ function Page() {
pb={30}
cols={{
base: 1,
- md: 4,
+ md: 2,
+ lg: 3,
+ xl: 4
}}>
{data.map((v, k) => {
return (
@@ -74,7 +163,136 @@ function Page() {
Unduh Dokumen
-
+
+
+ Formulir Permohonan Informasi
+
+
+
+
+
+
+ {/* ComboBox */}
+
+ Jenis Informasi yang diminta
+ {
+ setValue(val);
+ combobox.closeDropdown();
+ }}
+ >
+
+ }
+ onClick={() => combobox.toggleDropdown()}
+ rightSectionPointerEvents="none"
+ >
+ {value || --Pilih Jenis Informasi--}
+
+
+
+
+ {options}
+
+
+
+
+ {/* ComboBox2 */}
+
+ Cara Memperoleh Informasi
+ {
+ setValue2(val);
+ combobox2.closeDropdown();
+ }}
+ >
+
+ }
+ onClick={() => combobox2.toggleDropdown()}
+ rightSectionPointerEvents="none"
+ >
+ {value2 || --Pilih Cara Memperoleh--}
+
+
+
+
+ {options2}
+
+
+
+ {/* ComboBox3 */}
+
+ Cara Mendapatkan Salinan Informasi
+ {
+ setValue3(val);
+ combobox3.closeDropdown();
+ }}
+ >
+
+ }
+ onClick={() => combobox3.toggleDropdown()}
+ rightSectionPointerEvents="none"
+ >
+ {value3 || --Pilih Cara Mendapatkan--}
+
+
+
+
+ {options3}
+
+
+
+
+
+
+
+
+
diff --git a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
index 2750d7b6..73c06f04 100644
--- a/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx
@@ -9,31 +9,35 @@ function Page() {
-
- Profil Singkat PPID Desa Darmasaba
-
+
+
+ Profil Singkat PPID Desa Darmasaba
+
+
-
- PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA
+
+ PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA
{/* biodata perbekel */}
-
+
-
+
-
+
-
+
I.B. Surya Prabhawa Manuaba,
-
+
S.H.,M.H.,NL.P.
@@ -54,52 +58,52 @@ function Page() {
- 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.
+ 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
+ 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
+ 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
+ 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
+ Program Kerja Unggulan
+ Pemberdayaan Ekonomi dan UMKM
- Pelatihan dan pendampingan UMKM lokal
- Program bantuan modal usaha bagi pelaku usaha kecil
- Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal
+ Pelatihan dan pendampingan UMKM lokal
+ Program bantuan modal usaha bagi pelaku usaha kecil
+ Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal
- Peningkatan Infrastruktur Desa
+ Peningkatan Infrastruktur Desa
- Pembangunan dan perbaikan jalan desa
- Penyediaan fasilitas umum dan ruang terbuka hijau
- Optimalisasi layanan publik berbasis digital
+ Pembangunan dan perbaikan jalan desa
+ Penyediaan fasilitas umum dan ruang terbuka hijau
+ Optimalisasi layanan publik berbasis digital
diff --git a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
index d09cf621..1030b15a 100644
--- a/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
+++ b/src/app/darmasaba/(pages)/ppid/visi-misi-ppid/page.tsx
@@ -36,7 +36,7 @@ function Page() {
MISI PPID
-
+ Meningkatkan pengelolaan dan pelayanan informasi yang berkualitas, benar dan bertanggung jawabMembangun dan mengembangkan sistem penyediaan dan layanan informasi.
diff --git a/src/app/darmasaba/(tambahan)/apbdesa/page.tsx b/src/app/darmasaba/(tambahan)/apbdes/page.tsx
similarity index 100%
rename from src/app/darmasaba/(tambahan)/apbdesa/page.tsx
rename to src/app/darmasaba/(tambahan)/apbdes/page.tsx
diff --git a/src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/lokal/page.tsx b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/kearifan-lokal/page.tsx
similarity index 100%
rename from src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/lokal/page.tsx
rename to src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/kearifan-lokal/page.tsx
diff --git a/src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/pelayanan/page.tsx b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-kualitas-pelayanan-publik/page.tsx
similarity index 100%
rename from src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/pelayanan/page.tsx
rename to src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-kualitas-pelayanan-publik/page.tsx
diff --git a/src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/partisipasi/page.tsx b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-partisipasi-masyarakat/page.tsx
similarity index 100%
rename from src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/partisipasi/page.tsx
rename to src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-partisipasi-masyarakat/page.tsx
diff --git a/src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/pengawasan/page.tsx b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-pengawasan/page.tsx
similarity index 100%
rename from src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/pengawasan/page.tsx
rename to src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-pengawasan/page.tsx
diff --git a/src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/tatalaksana/page.tsx b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-tata-laksana/page.tsx
similarity index 100%
rename from src/app/darmasaba/(tambahan)/desaantikorupsi/(detail)/tatalaksana/page.tsx
rename to src/app/darmasaba/(tambahan)/desa-anti-korupsi/(detail)/penguatan-tata-laksana/page.tsx
diff --git a/src/app/darmasaba/(tambahan)/desaantikorupsi/page.tsx b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/page.tsx
similarity index 88%
rename from src/app/darmasaba/(tambahan)/desaantikorupsi/page.tsx
rename to src/app/darmasaba/(tambahan)/desa-anti-korupsi/page.tsx
index 829df93d..b8a017a5 100644
--- a/src/app/darmasaba/(tambahan)/desaantikorupsi/page.tsx
+++ b/src/app/darmasaba/(tambahan)/desa-anti-korupsi/page.tsx
@@ -9,27 +9,27 @@ const data = [
{
judul: "PENGUATAN TATA LAKSANA",
icon: ,
- link: "/darmasaba/desaantikorupsi/tatalaksana"
+ link: "/darmasaba/desa-anti-korupsi/penguatan-tata-laksana"
},
{
judul: "PENGUATAN PENGAWASAN",
icon: ,
- link: "/darmasaba/desaantikorupsi/pengawasan"
+ link: "/darmasaba/desa-anti-korupsi/penguatan-pengawasan"
},
{
judul: "PENGUATAN KUALITAS PELAYANAN PUBLIK",
icon: ,
- link: "/darmasaba/desaantikorupsi/pelayanan"
+ link: "/darmasaba/desa-anti-korupsi/penguatan-kualitas-pelayanan-publik"
},
{
judul: "PENGUATAN PARTISIPASI MASYARAKAT",
icon: ,
- link: "/darmasaba/desaantikorupsi/partisipasi"
+ link: "/darmasaba/desa-anti-korupsi/penguatan-partisipasi-masyarakat"
},
{
judul: "KEARIFAN LOKAL",
icon: ,
- link: "/darmasaba/desaantikorupsi/lokal"
+ link: "/darmasaba/desa-anti-korupsi/kearifan-lokal"
}
]
function Page() {
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/detail/lomba2/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-2-duta-invenstasi-kabupaten-badung-2024/page.tsx
similarity index 98%
rename from src/app/darmasaba/(tambahan)/penghargaan/detail/lomba2/page.tsx
rename to src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-2-duta-invenstasi-kabupaten-badung-2024/page.tsx
index f88b5879..d66f81a9 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/detail/lomba2/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-2-duta-invenstasi-kabupaten-badung-2024/page.tsx
@@ -6,7 +6,7 @@ import React from 'react';
function Page() {
return (
-
+
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/detail/lomba1/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-2-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024/page.tsx
similarity index 98%
rename from src/app/darmasaba/(tambahan)/penghargaan/detail/lomba1/page.tsx
rename to src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-2-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024/page.tsx
index 240edadf..78f0bc41 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/detail/lomba1/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-2-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024/page.tsx
@@ -6,7 +6,7 @@ import React from 'react';
function Page() {
return (
-
+
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/detail/lomba3/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-favorit-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024/page.tsx
similarity index 98%
rename from src/app/darmasaba/(tambahan)/penghargaan/detail/lomba3/page.tsx
rename to src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-favorit-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024/page.tsx
index d3e5682d..94a35884 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/detail/lomba3/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/(detail)/juara-favorit-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024/page.tsx
@@ -6,7 +6,7 @@ import React from 'react';
function Page() {
return (
-
+
diff --git a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
index c3cfaad4..7cfd1cc4 100644
--- a/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
+++ b/src/app/darmasaba/(tambahan)/penghargaan/page.tsx
@@ -15,47 +15,47 @@ const data = [
images: "/api/img/penghargaan-2.png",
juara: "Juara 2",
deskripsi: "Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024",
- link: "/darmasaba/penghargaan/detail/lomba1"
+ link: "/darmasaba/penghargaan/juara-2-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024"
},
{
id: 2,
images: "/api/img/penghargaan-3.png",
juara: "Juara 2",
deskripsi: "Duta Invenstasi Kabupaten Badung 2024",
- link: "/darmasaba/penghargaan/detail/lomba2"
+ link: "/darmasaba/penghargaan/juara-2-duta-invenstasi-kabupaten-badung-2024"
},
{
id: 3,
images: "/api/img/penghargaan-1.png",
juara: "Juara Favorit",
deskripsi: "Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024",
- link: "/darmasaba/penghargaan/detail/lomba3"
+ link: "/darmasaba/penghargaan/juara-favorit-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024"
},
{
id: 4,
images: "/api/img/penghargaan-2.png",
juara: "Juara 2",
deskripsi: "Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024",
- link: "/darmasaba/penghargaan/detail/lomba1"
+ link: "/darmasaba/penghargaan/juara-2-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024"
},
{
id: 5,
images: "/api/img/penghargaan-3.png",
juara: "Juara 2",
deskripsi: "Duta Invenstasi Kabupaten Badung 2024",
- link: "/darmasaba/penghargaan/detail/lomba2"
+ link: "/darmasaba/penghargaan/juara-2-duta-invenstasi-kabupaten-badung-2024"
},
{
id: 6,
images: "/api/img/penghargaan-1.png",
juara: "Juara Favorit",
deskripsi: "Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024",
- link: "/darmasaba/penghargaan/detail/lomba3"
+ link: "/darmasaba/penghargaan/juara-favorit-lomba-video-pendek-potensi-dan-peluang-investasi-di-desa-kabupaten-badung-2024"
}
]
export default function Page() {
return (
-
+
@@ -125,7 +125,7 @@ function Slider() {
plugins={[autoplay.current]}
onMouseEnter={autoplay.current.stop}
onMouseLeave={autoplay.current.reset}
- w={width}
+ w={{base: 500, md: 800, lg: 900 , xl: width}}
height={height}
slideSize={{ base: "100%", sm: "50%", md: "33.333333%" }}
slideGap={{ base: "xl", sm: "md" }}
diff --git a/src/app/darmasaba/(tambahan)/prestasi/(detail)/mangupura/page.tsx b/src/app/darmasaba/(tambahan)/prestasi-desa/(detail)/peringkat-5-dalam-ajang-bergengsi-mangupura-award/page.tsx
similarity index 95%
rename from src/app/darmasaba/(tambahan)/prestasi/(detail)/mangupura/page.tsx
rename to src/app/darmasaba/(tambahan)/prestasi-desa/(detail)/peringkat-5-dalam-ajang-bergengsi-mangupura-award/page.tsx
index d18074dd..5db5b12a 100644
--- a/src/app/darmasaba/(tambahan)/prestasi/(detail)/mangupura/page.tsx
+++ b/src/app/darmasaba/(tambahan)/prestasi-desa/(detail)/peringkat-5-dalam-ajang-bergengsi-mangupura-award/page.tsx
@@ -11,7 +11,7 @@ function Page() {
-
+
Peringkat 5 Dalam Ajang Bergengsi Mangupura Award
-
+
Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024
-
+
Juara 3 Turnamen Bola Voli Mangupura Cup 2024
-
+
diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
index b0535c38..c173a10f 100644
--- a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
+++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx
@@ -108,7 +108,9 @@ function Kepuasan() {
diff --git a/src/app/darmasaba/_com/main-page/landing-page/index.tsx b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
index 12e1f979..e193896c 100644
--- a/src/app/darmasaba/_com/main-page/landing-page/index.tsx
+++ b/src/app/darmasaba/_com/main-page/landing-page/index.tsx
@@ -4,8 +4,10 @@ import {
Box,
Card,
Flex,
+ Grid,
Image,
Paper,
+ SimpleGrid,
Stack,
Text
} from "@mantine/core";
@@ -53,109 +55,144 @@ function LandingPage() {
md: "nowrap",
}}
>
-
-
-
-
-
-
-
-
-
- {/*
- Pemerintah Desa
-
- DARMASABA */}
-
-
-
-
- Jadwal Kerja
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Jadwal Kerja
+
+
+
+
+
+ Buka
+
+
+ 08:00
+
+
+ -
+
+
+ Tutup
+
+
+ 16:00
+
+
+
+
+
+
+
+ Rabu, 10 Maret 2025
+
+
Buka
- 08:00
+ Sabtu - Minggu
- -
-
-
- Tutup
-
-
- 16:00
-
-
-
-
-
-
-
- Rabu, 10 Maret 2025
-
-
-
-
- Buka
-
-
- Sabtu - Minggu
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
@@ -164,7 +201,7 @@ function LandingPage() {
}} >Sampaikan saran dan masukan guna kemajuan dalam pembangunan. Semua lebih mudah melalui fitur interaktif
-
+
Prestasi DesaKami bangga dengan apa yang telah dicapai desa kita hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.
-
+
@@ -66,7 +66,7 @@ function Prestasi() {
{v.title}
@@ -75,7 +75,7 @@ function Prestasi() {
{v.deskripsi}
diff --git a/src/app/darmasaba/_com/main-page/sdgs/index.tsx b/src/app/darmasaba/_com/main-page/sdgs/index.tsx
index 0cb9f8fd..bdbca276 100644
--- a/src/app/darmasaba/_com/main-page/sdgs/index.tsx
+++ b/src/app/darmasaba/_com/main-page/sdgs/index.tsx
@@ -34,7 +34,7 @@ export default function SDGS() {
-
+
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 00000000..a543cfbc
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,56 @@
+import colors from '@/con/colors';
+import { Box, Button, Center, Flex, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconUserFilled } from '@tabler/icons-react';
+import Link from 'next/link';
+import BackButton from '../darmasaba/(pages)/desa/layanan/_com/BackButto';
+
+function Page() {
+ return (
+
+
+
+
+
+
+
+
+
+
+ E-Book Desa Darmasaba
+
+
+ Silahkan masukkan akun anda untuk menjelajahi berbagai macam buku di perpustakaan digital
+
+
+
+
+
+
+
+
+ Login
+
+
+
+ Masuk Untuk Akses Lebih Banyak Buku
+
+
+
+
+
+
+ Belum punya akun?
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/percobaan/page.tsx b/src/app/percobaan/page.tsx
new file mode 100644
index 00000000..7f11633f
--- /dev/null
+++ b/src/app/percobaan/page.tsx
@@ -0,0 +1,57 @@
+'use client'
+import { Box, Flex, Grid, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import React from 'react';
+
+const tx = `
+Untuk menambahkan fitur berbagi nomor WhatsApp di kode yang Anda miliki, saya akan menjelaskan beberapa pendekatan yang bisa digunakan. Biasanya ini dilakukan dengan membuat link yang ketika diklik akan membuka aplikasi WhatsApp dengan nomor tujuan yang sudah diatur.
+Berikut adalah cara mengimplementasikannya pada kode React Anda:
+`
+
+function Page() {
+ return (
+
+
+
+ 1
+
+
+ 1
+
+
+
+ {Array.from({ length: 10 }).map((_, i) => (
+ 1
+ ))}
+
+
+ 1
+
+ {tx}
+ {tx}
+ apa kabar
+
+
+
+
+
+ );
+}
+
+export default Page;
diff --git a/src/app/registrasi/page.tsx b/src/app/registrasi/page.tsx
new file mode 100644
index 00000000..115d4fb0
--- /dev/null
+++ b/src/app/registrasi/page.tsx
@@ -0,0 +1,67 @@
+import colors from '@/con/colors';
+import { Box, Button, Center, Checkbox, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import Link from 'next/link';
+import BackButton from '../darmasaba/(pages)/desa/layanan/_com/BackButto';
+
+
+function Page() {
+ return (
+
+
+
+
+
+
+
+
+
+
+ E-Book Desa Darmasaba
+
+
+ Silahkan lengkapi data diri anda untuk mengakses e-book desa
+
+
+
+
+
+
+
+
+ Registrasi
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Page;