diff --git a/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx new file mode 100644 index 00000000..8af21830 --- /dev/null +++ b/src/app/darmasaba/(pages)/inovasi/ajukan-ide-inovatif/page.tsx @@ -0,0 +1,56 @@ +import colors from '@/con/colors'; +import { Stack, Box, Text, SimpleGrid, Paper, List, ListItem, Flex, ActionIcon } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; +import { IconArrowRight, IconBulbFilled } from '@tabler/icons-react'; + +function Page() { + return ( + + + + + + + Ajukan Ide Inovatif + + Desa Darmasaba percaya bahwa setiap warga memiliki potensi luar biasa untuk menciptakan perubahan positif. Platform "Ajukan Ide Inovatif" hadir sebagai ruang inklusif bagi seluruh masyarakat untuk mengembangkan dan mengusulkan gagasan transformatif. + + + + + + Tujuan Ide Inovatif Ini + + Mendorong partisipasi aktif masyarakat + Memfasilitasi inovasi berbasis lokal + Memecahkan tantangan komunal + Mengembangkan potensi kreativitas warga + + + + + + Apabila Anda Ingin Mengajukan Ide Inovatif Bisa Klik Pada Gambar Di Samping + + + + + + + + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx new file mode 100644 index 00000000..4bbd73b1 --- /dev/null +++ b/src/app/darmasaba/(pages)/inovasi/info-teknologi-tepat-guna/page.tsx @@ -0,0 +1,139 @@ +import colors from '@/con/colors'; +import { Stack, Box, Text, List, ListItem, Paper, SimpleGrid, Image } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const data = [ + { + id: 1, + image: '/api/img/pertanian-cerdas.png', + judul: 'Pertanian Cerdas', + subjudul1: 'Sistem Irigasi Hemat Air', + subjudul2: 'Pengolahan Limbah Pertanian', + deskripsi1: + Penggunaan sensor kelembaban tanah + Kontrol penyiraman otomatis + Pengurangan konsumsi air hingga 40% + , + deskripsi2: + Mesin pencacah jerami otomatis + Konversi limbah menjadi pupuk organik + Mengurangi pembakaran sampah pertanian + , + }, + { + id: 2, + image: '/api/img/energi-terbarukan.png', + judul: 'Energi Terbarukan', + subjudul1: 'Pembangkit Listrik Mikrohidro', + subjudul2: 'Solar Home System', + deskripsi1: + Memanfaatkan aliran sungai sekitar + Kapasitas 10-50 kW + Elektrifikasi mandiri desa + , + deskripsi2: + Panel surya untuk rumah tangga + Akses listrik 24 jam + Hemat biaya energi + , + }, + { + id: 3, + image: '/api/img/pengolahan-pangan.png', + judul: 'Pengolahan Pangan', + subjudul1: 'Mesin Pengering Hasil Pertanian', + subjudul2: 'Alat Pengolah Hasil Pertanian', + deskripsi1: + Teknologi pengering tenaga surya + Menjaga kualitas hasil panen + Mencegah kerusakan pasca panen + , + deskripsi2: + Mesin pengupas dan pengemas produk + Meningkatkan nilai jual komoditas + Standarisasi kualitas produk + , + }, + { + id: 4, + image: '/api/img/pengelolaan-sampah.png', + judul: 'Pengelolaan Sampah', + subjudul1: 'Sistem Pengolahan Sampah Terpadu', + subjudul2: 'Komposter Komunal', + deskripsi1: + Pemilahan otomatis + Daur ulang sampah organik dan anorganik + Pembangkit listrik dari sampah + , + deskripsi2: + Teknologi pengomposan cepat + Menghasilkan pupuk organik + Mengurangi sampah ke TPA + , + }, + { + id: 5, + image: '/api/img/kesehatan-daring.png', + judul: 'Kesehatan Masyarakat', + subjudul1: 'Alat Deteksi Dini Penyakit', + subjudul2: 'Air Bersih Mandiri', + deskripsi1: + Skrining kesehatan portable + Pemeriksaan tekanan darah dan gula + Konsultasi medis jarak jauh + , + deskripsi2: + Sistem filter air canggih + Menghilangkan kontaminan + Jaminan kualitas air minum + + + , + }, +] +function Page() { + return ( + + + + + + + Info Teknologi Tepat Guna + + Desa Darmasaba berkomitmen mengembangkan teknologi tepat guna yang sesuai dengan kebutuhan masyarakat, mendukung pembangunan berkelanjutan, dan meningkatkan kualitas hidup warga. + + + + + {data.map((v, k) => { + return ( + + + {v.judul} + + {v.subjudul1} + {v.deskripsi1} + + + {v.subjudul2} + {v.deskripsi2} + + + ) + })} + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx b/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx new file mode 100644 index 00000000..19f56a25 --- /dev/null +++ b/src/app/darmasaba/(pages)/inovasi/kolaborasi-inovasi/page.tsx @@ -0,0 +1,83 @@ +import colors from '@/con/colors'; +import { Stack, Box, Text, Paper, Flex, Group, SimpleGrid, Button, Image, Center } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; +import { IconChevronDown } from '@tabler/icons-react'; + +const data = [ + { + id: 1, + bulan: 'JANUARI 2025', + judul: 'Darmasaba Smart Waste', + deskripsi: 'Sistem manajemen sampah terpadu yang memudahkan warga untuk memilah dan mendaur ulang sampah.', + kolaborator: 'Kolaborator: DLH Kabupaten Badung, Komunitas Peduli Lingkungan, TPS3R Pudak Mesari' + }, + { + id: 2, + bulan: 'FEBRUARI 2025', + judul: 'Darmasaba Digital Market', + deskripsi: 'Platform e-commerce untuk produk UMKM desa yang menghubungkan produsen lokal dengan pasar global.', + kolaborator: 'Kolaborator: Kementerian Desa PDTT, UMKM Darmasaba' + } +] +function Page() { + return ( + <> + + + + + + + Kolaborasi Inovasi + + + + + + + + Tahun + + + + + + {data.map((v, k) => { + return ( + + {v.judul} + + {v.deskripsi} + + + {v.kolaborator} + + + ); + })} + + + + + + + + + + + + Mitra Kolaborasi + + Kami berkolaborasi dengan berbagai mitra dari berbagai sektor untuk mewujudkan visi Smart Village Darmasaba. + +
+ +
+
+
+ + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx new file mode 100644 index 00000000..b56c3b7e --- /dev/null +++ b/src/app/darmasaba/(pages)/lingkungan/data-lingkungan-desa/page.tsx @@ -0,0 +1,88 @@ +import colors from '@/con/colors'; +import { Box, Paper, SimpleGrid, Stack, Text } from '@mantine/core'; +import { IconChristmasTree, IconDroplet, IconHome, IconLeaf, IconTrash } from '@tabler/icons-react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const data = [ + { + id: 1, + icon: , + title: 'Luas Lahan Hijau', + jumlah: '± 25 hektar', + deskripsi: 'tersebar di area persawahan, kebun, dan taman desa.' + }, + { + id: 2, + icon: , + title: 'Jumlah Rumah Tangga', + jumlah: '± 1.500 rumah tangga', + deskripsi: 'yang mayoritas sudah memiliki fasilitas pengelolaan sampah mandiri.' + }, + { + id: 3, + icon: , + title: 'Jumlah Sungai dan Saluran Air', + jumlah: '± 3 Sungai Besar', + deskripsi: 'dan beberapa saluran irigasi tradisional (subak) yang masih aktif digunakan.' + }, + { + id: 4, + icon: , + title: 'Program Penghijauan', + jumlah: '± 1000 Pohon', + deskripsi: 'Dilaksanakan secara berkala melalui kegiatan menanam pohon di area umum dan perbukitan.' + }, + { + id: 5, + icon: , + title: 'Pengelolaan Sampah', + jumlah: '± 5 Bank Sampah', + deskripsi: 'Didukung oleh Bank Sampah dan sistem pemilahan sampah rumah tangga.' + }, +] +function Page() { + return ( + + + + + + + Data Lingkungan Desa + + Desa Darmasaba memiliki lingkungan yang terus dijaga dan dikembangkan demi kesejahteraan warganya. Upaya pelestarian lingkungan difokuskan pada penghijauan, pengelolaan sampah, serta perlindungan kawasan hijau. + + + + {data.map((v, k) => { + return ( + + + + {v.title} + + + {v.icon} + + {v.jumlah} + + + + {v.deskripsi} + + + + + ) + })} + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx new file mode 100644 index 00000000..a3ac2afc --- /dev/null +++ b/src/app/darmasaba/(pages)/lingkungan/edukasi-lingkungan/page.tsx @@ -0,0 +1,103 @@ +import colors from '@/con/colors'; +import { Box, List, ListItem, Paper, SimpleGrid, Stack, Text } from '@mantine/core'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const data = [ + { + id: 1, + title: 'Tujuan Edukasi Lingkungan', + listDeskripsi: + + Meningkatkan kesadaran masyarakat tentang pentingnya lingkungan bersih dan sehat + + + Mendorong partisipasi warga dalam kegiatan pengelolaan sampah, penghijauan, dan konservasi + + + Mengurangi dampak negatif terhadap lingkungan dari kegiatan manusia + + + Membentuk generasi muda yang peduli terhadap isu-isu lingkungan + + + }, + { + id: 2, + title: 'Materi Edukasi yang Diberikan', + listDeskripsi: + + Pengelolaan Sampah (Pilah sampah organik dan anorganik) + + + Pencegahan pencemaran lingkungan (air, udara, dan tanah) + + + Pemanfaatan lahan hijau dan penghijauan desa + + + Daur ulang dan kreatifitas dari sampah + + + Bahaya pembakaran sampah sembarangan + + + }, + { + id: 3, + title: 'Contoh Kegiatan di Desa Darmasaba', + listDeskripsi: + + Pelatihan membuat kompos dari sampah rumah tangga + + + Gerakan "Jumat Bersih" rutin + + + Workshop membuat ecobrick + + + Lomba kebersihan antar banjar + + + Sosialisasi lingkungan di sekolah dan posyandu + + + }, +] +function Page() { + return ( + + + + + + + Edukasi Lingkungan + + + Edukasi Lingkungan adalah bagian penting dalam membentuk perilaku masyarakat yang peduli dan bertanggung jawab terhadap kelestarian alam. Melalui program ini, masyarakat diajak untuk memahami pentingnya menjaga lingkungan demi kesehatan, kenyamanan, dan keberlanjutan hidup bersama. + + + + + {data.map((v, k) => { + return ( + + + {v.title} + {v.listDeskripsi} + + + ) + })} + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/lingkungan/gotong-royong/page.tsx b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/page.tsx new file mode 100644 index 00000000..041d7620 --- /dev/null +++ b/src/app/darmasaba/(pages)/lingkungan/gotong-royong/page.tsx @@ -0,0 +1,89 @@ +import colors from '@/con/colors'; +import { Stack, Box, Container, Grid, GridCol, Group, Paper, TextInput, Text, Image, Flex, Button } from '@mantine/core'; +import { IconCalendar, IconMapPin, IconSearch, IconUsersGroup } from '@tabler/icons-react'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; +import Link from 'next/link'; + +function Page() { + return ( + + {/* Header */} + + + + + + + Program Gotong Royong + + + Desa Darmasaba + + + + + {/* Tabs Menu */} + + + + + + + Semua + + + {['Kebersihan', 'Infrastruktur', 'Sosial', 'Lingkungan'].map((kategori) => ( + + + {kategori} + + + ))} + + + + } + w="100%" + /> + + + + + + Membangun Fasilitas Desa + + + Sosial + + + + Program Pembangunan Fasilitas Desa Maju, Masyarakat Sejahtera. + + + + 1 April 2025 + + + + Banjar Desa Darmasaba + + + + 30 Partisipan + + Deskripsi : Program pembangunan Pura sebagai pusat spiritual dan budaya desa, melibatkan gotong royong masyarakat dalam pembangunan struktur utama serta ornamen tradisional. + + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx b/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx new file mode 100644 index 00000000..44869d53 --- /dev/null +++ b/src/app/darmasaba/(pages)/lingkungan/konservasi-adat-bali/page.tsx @@ -0,0 +1,97 @@ +import colors from '@/con/colors'; +import { Box, List, ListItem, Paper, SimpleGrid, Stack, Text } from '@mantine/core'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const data = [ + { + id: 1, + title: 'Filosofi Tri Hita Karana', + listDeskripsi: + + Parahyangan: Hubungan manusia dengan Tuhan + + + Pawongan: Hubungan antar manusia + + + Palemahan: Hubungan manusia dengan alam + + + }, + { + id: 2, + title: 'Bentuk Konservasi Berdasarkan Adat', + listDeskripsi: + + Pelestarian Hutan Adat seperti Alas Pala Sangeh atau Wana Kerthi + + + Subak: Sistem pengelolaan irigasi tradisional yang menjunjung kebersamaan dan keberlanjutan + + + Hari Raya Tumpek Uduh: Perayaan khusus untuk menghormati pohon dan tumbuhan + + + Perarem dan Awig-Awig: Aturan adat desa yang mengatur larangan menebang pohon sembarangan, membuang limbah ke sungai, dll. + + + Ritual penyucian alam seperti Melasti, Piodalan Segara, dan lainnya + + + }, + { + id: 3, + title: 'Nilai Konservasi Adat', + listDeskripsi: + + Menjaga keseimbangan ekosistem + + + Melestarikan spiritualitas lokal dan kesucian alam + + + Menumbuhkan kesadaran kolektif untuk hidup selaras dengan lingkungan + + + Menjaga keberlangsungan sumber daya alam untuk generasi mendatang + + + }, +] +function Page() { + return ( + + + + + + + Konservasi Adat Bali + + + Konservasi Adat Bali adalah upaya pelestarian lingkungan yang berpijak pada kearifan lokal masyarakat Bali, di mana alam dan budaya dianggap sebagai satu kesatuan yang harus dijaga secara harmonis. + + + + + {data.map((v, k) => { + return ( + + + {v.title} + {v.listDeskripsi} + + + ) + })} + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx new file mode 100644 index 00000000..17435994 --- /dev/null +++ b/src/app/darmasaba/(pages)/lingkungan/pengelolaan-sampah-bank-sampah/page.tsx @@ -0,0 +1,172 @@ +import colors from '@/con/colors'; +import { Box, Flex, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core'; +import { IconClipboardTextFilled, IconMapPin, IconRecycle, IconScale, IconSearch, IconTrashFilled, IconTruckFilled } from '@tabler/icons-react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const data = [ + { + id: 1, + icon: , + deskripsi: '1. Pilah sampah sesuai jenisnya' + }, + { + id: 2, + icon: , + deskripsi: '2. Bawa sampah ke Bank Sampah' + }, + { + id: 3, + icon: , + deskripsi: '3. Timbang sampah di Bank Sampah' + }, + { + id: 4, + icon: , + deskripsi: '4. Catat hasil timbangan di buku tabungan' + }, + { + id: 5, + icon: , + deskripsi: '5. Sampah didaur ulang oleh petugas Bank Sampah' + }, +] + +const bankSampah = [ + { + id: 1, + icon: , + deskripsi: 'Bank Sampah Sarana Gathi', + alamat: 'Jl. Ahmad Yani Utara No.453, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80115' + }, + { + id: 2, + icon: , + deskripsi: 'Bank Sampah BALI WASTU LESTARI', + alamat: 'Jl. Ahmad Yani Utara Gg. Garuda No.1, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80115' + }, + { + id: 3, + icon: , + deskripsi: 'Bank Sampah Jempiring Sari', + alamat: 'Jl. Gn. Lebah I No.9, Tegal Harum, Kec. Denpasar Bar., Kota Denpasar, Bali 80119' + }, + { + id: 4, + icon: , + deskripsi: 'Bank Sampah Sarana Gathi', + alamat: 'Jl. Ahmad Yani Utara No.453, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80115' + }, +] +function Page() { + return ( + + + + + + + Pengelolaan Sampah (Bank Sampah) + + Bank Sampah di Desa Darmasaba berfungsi sebagai tempat pengelolaan sampah yang bertujuan untuk mengurangi limbah dan memberikan manfaat ekonomi bagi masyarakat. + + + + Mekanisme Bank Sampah di Desa Darmasaba: + + + {data.map((v, k) => { + return ( + + + + + {v.icon} + + {v.deskripsi} + + + + ) + })} + + + + + + Keterangan Bank Sampah Terdekat + + } + placeholder='Cari Bank Sampah Terdekat' + /> + + + + {bankSampah.map((v, k) => { + return ( + + + + + {v.icon} + + + + {v.deskripsi} + + + {v.alamat} + + + + + + ) + })} + + + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx new file mode 100644 index 00000000..ce52f6fc --- /dev/null +++ b/src/app/darmasaba/(pages)/lingkungan/program-penghijauan/page.tsx @@ -0,0 +1,74 @@ +import colors from '@/con/colors'; +import { Box, Button, Center, Group, Paper, SimpleGrid, Stack, Text } from '@mantine/core'; +import { IconChristmasTreeFilled, IconHomeEco, IconShieldFilled, IconTrendingUp } from '@tabler/icons-react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const data = [ + { + id: 1, + deskripsi: 'Lingkungan Sehat', + icon: , + }, + { + id: 2, + deskripsi: 'Sumber Oksigen', + icon: , + }, + { + id: 3, + deskripsi: 'Ekonomi Berkelanjutan', + icon: , + }, + { + id: 4, + deskripsi: 'Mencegah Bencana', + icon: , + }, +] +function Page() { + return ( + + + + + + + Program Penghijauan Desa + + Program Penghijauan Desa bertujuan untuk meningkatkan kesadaran masyarakat akan pentingnya lingkungan hijau melalui penanaman pohon dan perawatan tanaman. + + + + Manfaat Program Penghijauan + + + {data.map((v, k) => { + return ( + + + +
+ {v.icon} +
+ + {v.deskripsi} + + + + +
+
+
+ ) + })} +
+
+
+ ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx new file mode 100644 index 00000000..8b179d64 --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/beasiswa-desa/page.tsx @@ -0,0 +1,151 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Center, Group, Image, Paper, SimpleGrid, Stack, Stepper, StepperStep, Text, Title } from '@mantine/core'; +import { useState } from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +const dataBeasiswa = [ + { + id: 1, + nama: 'Penerima Beasiswa', + jumlah: '250+' + }, + { + id: 2, + nama: 'Peluang Kelulusan', + jumlah: '90%' + }, + { + id: 3, + nama: 'Dana Tersalurkan', + jumlah: '1.5M' + }, +] +const dataProgram = [ + { + id: 1, + judul: "Pelatihan SoftSkill", + deskripsi: "Program pengembangan diri untuk mempersiapkan karir masa depan", + }, + { + id: 2, + judul: "Peningkatan Akses Pendidikan ", + deskripsi: "Program yang menjangkau masyarakat kurang mampu secara finansial, mengurangi angka putus sekolah", + }, + { + id: 3, + judul: "Pendampingan Intensif", + deskripsi: "Program dengan mentor berpengalaman yang membimbing dalam perjalanan akademik", + } +] +function Page() { + const [active, setActive] = useState(1); + const nextStep = () => setActive((current) => (current < 5 ? current + 1 : current)); + const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current)); + return ( + + + + + {/* Page 1 */} + + + + + Wujudkan Mimpi Pendidikanmu di Desa Darmasaba + + + Program beasiswa komprehensif untuk mendukung pendidikan berkualitas bagi putra-putri Desa Darmasaba. + + + + + + + + + + + + {dataBeasiswa.map((v, k) => { + return ( + + + + {v.jumlah} + + + {v.nama} + + + + ) + })} + + + {/* ---- */} + + + Keunggulan Program + + + + {dataProgram.map((v, k) => { + return ( + + + {v.judul} + + + {v.deskripsi} + + {/* */} + + ) + })} + + + + Timeline Pendaftaran + +
+ + + + + + + +
+ + + + + +
+
+ ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx new file mode 100644 index 00000000..5c24c40c --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/bimbingan-belajar-desa/page.tsx @@ -0,0 +1,71 @@ +import colors from '@/con/colors'; +import { Stack, Box, Title, Text, SimpleGrid, Paper, List, ListItem } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +function Page() { + return ( + + + + + + + + Bimbingan Belajar Desa + + + Bimbingan Belajar Desa merupakan program unggulan untuk membantu siswa-siswi di Desa Darmasaba dalam memahami pelajaran sekolah, meningkatkan prestasi akademik, serta membangun semangat belajar yang tinggi sejak dini. + + + + + + + Tujuan Program + + + Memberikan pendampingan belajar secara gratis bagi siswa SD hingga SMP + Membantu siswa dalam menghadapi ujian dan menyelesaikan tugas sekolah + Menumbuhkan kepercayaan diri dan kemandirian dalam belajar + Meningkatkan kesetaraan pendidikan untuk seluruh anak desa + + + + + + + Lokasi dan Jadwal + + + Lokasi: Balai Banjar / Balai Desa Darmasaba / Perpustakaan Desa + Jadwal: Setiap hari Senin, Rabu, dan Jumat pukul 16.00–18.00 WITA + Peserta: Terbuka untuk semua siswa SD–SMP di wilayah desa + + + + + + + Fasilitas yang Disediakan + + + Buku-buku pelajaran dan alat tulis + Ruang belajar nyaman dan kondusif + Modul latihan dan pendampingan tugas + Minuman ringan dan dukungan motivasi belajar + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx b/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx new file mode 100644 index 00000000..eecba2a0 --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/data-pendidikan/page.tsx @@ -0,0 +1,74 @@ +import colors from '@/con/colors'; +import { Stack, Box, Title, Paper } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; +import { BarChart } from '@mantine/charts'; + +const data = [ + { + kategori: 'Jumlah penduduk usia 15-64 th yang tidak bisa baca tulis', + jumlah: 30 + }, + { + kategori: 'Jumlah penduduk tidak tamat SD/sederajat', + jumlah: 25 + }, + { + kategori: 'Jumlah penduduk tidak tamat SLTP/Sederajat', + jumlah: 20 + }, + { + kategori: 'Jumlah penduduk tidak tamat SLTA/Sederajat', + jumlah: 10 + }, + { + kategori: 'Jumlah penduduk tamat Sarjana/S1', + jumlah: 15 + }, + { + kategori: 'Jumlah penduduk tamat Pascsarjana', + jumlah: 30 + }, + +] +function Page() { + return ( + + + + + + + + Data Pendidikan + + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/info-sekolah-paud/page.tsx b/src/app/darmasaba/(pages)/pendidikan/info-sekolah-paud/page.tsx new file mode 100644 index 00000000..264c4f17 --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/info-sekolah-paud/page.tsx @@ -0,0 +1,105 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Center, Group, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core'; +import { IconChalkboard, IconMicroscope, IconSchool, IconSearch } from '@tabler/icons-react'; +import BackButton from '../../desa/layanan/_com/BackButto'; +import { motion } from 'framer-motion'; + + +const dataSekolah = [ + { + id: 1, + icon: , + jumlah: 15, + nama: 'Lembaga Pendidikan' + }, + { + id: 2, + icon: , + jumlah: 3209, + nama: 'Siswa Terdaftar' + }, + { + id: 3, + icon: , + jumlah: 285, + nama: 'Tenaga Pengajar' + }, +] + + +function Page() { + return ( + + + + + + + Cari Informasi Sekolah + + + + Cari + + } + rightSectionWidth={70} + leftSection={} + /> + + + + + Semua + + + {['TK/PAUD', 'SD', 'SMP', 'SMA/SMK'].map((kategori) => ( + + + {kategori} + + + ))} + + + {dataSekolah.map((v, k) => { + return ( + + + + +
+ {v.icon} +
+ {v.jumlah} + {v.nama} +
+
+
+
+ ) + })} +
+
+
+ ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx b/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx new file mode 100644 index 00000000..ee8b4514 --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/pendidikan-non-formal/page.tsx @@ -0,0 +1,98 @@ +import colors from '@/con/colors'; +import { Stack, Box, Title, Text, SimpleGrid, Paper, List, ListItem } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +function Page() { + return ( + + + + + + + + Pendidikan Non Formal + + + Pendidikan Non Formal adalah bentuk pendidikan di luar sekolah yang diselenggarakan secara terstruktur dan bertujuan memberikan keterampilan, pengetahuan, serta pengembangan karakter masyarakat dari berbagai usia dan latar belakang. + + + + + + + Tujuan Program + + + Memberikan kesempatan belajar yang fleksibel bagi warga desa + Meningkatkan keterampilan hidup dan kemandirian ekonomi + Mendorong partisipasi masyarakat dalam pembangunan desa + Mengurangi angka putus sekolah dan meningkatkan kualitas SDM + + + + + + + Tempat Kegiatan + + + Balai Desa Darmasaba + TPK, Perpustakaan Desa, atau Posyandu + Bisa juga dilakukan secara mobile atau door to door + + + + + + + + Jenis Program yang Diselenggarakan + + Program Pendidikan Non Formal yang diselenggarakan di Desa Darmasaba meliputi: + + + 1) Keaksaraan Fungsional + + Untuk warga yang belum bisa membaca dan menulis + + + + 2) Pendidikan Kesetaraan (Paket A, B, C) + + Setara SD, SMP, dan SMA bagi yang tidak menyelesaikan pendidikan formal + + + + 3) Pelatihan Keterampilan + + Menjahit, memasak, sablon, pertanian, peternakan, hingga teknologi digital + + + + 4) Kursus & Pelatihan Soft Skill + + Public speaking, pengelolaan keuangan, kepemimpinan pemuda + + + + 5) Pendidikan Keluarga & Parenting + + Untuk membekali orang tua dalam mendampingi tumbuh kembang anak + + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/login/page.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/login/page.tsx new file mode 100644 index 00000000..ee8bc02e --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/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 '../../../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/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx new file mode 100644 index 00000000..c1cc99de --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/page.tsx @@ -0,0 +1,111 @@ +'use client' +import colors from '@/con/colors'; +import { ActionIcon, Box, Button, Center, Flex, Group, Image, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core'; +import { IconSearch, IconUser } from '@tabler/icons-react'; +import { motion } from 'framer-motion'; +import BackButton from '../../desa/layanan/_com/BackButto'; +import Link from 'next/link'; + + +const dataSekolah = [ + { + id: 1, + gambar: '/api/img/buku-1.png', + judul: 'Angkasa dan 56 Hari', + deskripsi: 'Angkasa dan 56 hari mengisahkan tentang sebuah perjuangan perihal asa yang belum usai. Tentang cinta pertama yang secara tiba-tiba menghilang dari kehidupan.' + }, + { + id: 2, + gambar: '/api/img/buku-2.png', + judul: 'Sayuran Organik', + deskripsi: 'Buku ini membahas cara menanam sayuran secara organik, jenis-jenis sayuran organik, dan cara mengatasi hama dan penyakit. ' + }, + { + id: 3, + gambar: '/api/img/buku-3.png', + judul: 'Bali Tempo Dulu', + deskripsi: 'Buku Bali Tempo Doeloe oleh Adrian Vickers berisi berbagai catatan perjalanan yang menggambarkan kehidupan sosial budaya Bali di masa lampau.' + }, +] + + +function Page() { + return ( + + + + + + + + + + + + E-Book Desa Darmasaba + + + + Cari + + } + rightSectionWidth={70} + leftSection={} + /> + + + + + Semua + + + {['Non Fiksi', 'Sejarah', 'Edukasi', 'Fiksi'].map((kategori) => ( + + + {kategori} + + + ))} + + + {dataSekolah.map((v, k) => { + return ( + + + + +
+ +
+ {v.judul} + {v.deskripsi} +
+
+
+
+ ) + })} +
+
+
+ ); +} + +export default Page; diff --git a/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/registrasi/page.tsx b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/registrasi/page.tsx new file mode 100644 index 00000000..073b5a2f --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/perpustakaan-digital/registrasi/page.tsx @@ -0,0 +1,66 @@ +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 '../../../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; diff --git a/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx b/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx new file mode 100644 index 00000000..9722ad9a --- /dev/null +++ b/src/app/darmasaba/(pages)/pendidikan/program-pendidikan-anak/page.tsx @@ -0,0 +1,59 @@ +import colors from '@/con/colors'; +import { Stack, Box, Title, Text, SimpleGrid, Paper, List, ListItem } from '@mantine/core'; +import React from 'react'; +import BackButton from '../../desa/layanan/_com/BackButto'; + +function Page() { + return ( + + + + + + + + Program Pendidikan Anak + + + Desa Darmasaba berkomitmen untuk menciptakan generasi muda yang cerdas, berkarakter, dan berdaya saing melalui berbagai program pendidikan yang inklusif dan berkelanjutan. Pendidikan anak menjadi pondasi utama dalam mewujudkan masa depan desa yang lebih baik. + + + + + + + Tujuan Program + + + Meningkatkan akses pendidikan yang merata dan berkualitas + Menumbuhkan semangat belajar sejak dini + Membentuk karakter anak yang berakhlak dan berwawasan lingkungan + Mendukung tumbuh kembang anak melalui pendekatan pendidikan yang holistik + + + + + + + Program Unggulan + + + Bimbingan Belajar Gratis: Untuk siswa kurang mampu + Gerakan Literasi Desa: Meningkatkan minat baca sejak dini + Pelatihan Digital untuk Anak dan Remaja + Beasiswa Anak Berprestasi & Kurang Mampu + + + + + + + ); +} + +export default Page; diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts index 8e3e52a3..65382fff 100644 --- a/src/con/navbar-list-menu.ts +++ b/src/con/navbar-list-menu.ts @@ -331,8 +331,13 @@ const navbarListMenu = [ }, { id: "8.6", - name: "Perpustakaan Desa", - href: "/darmasaba/pendidikan/perpustakaan-desa" + name: "Perpustakaan Digital", + href: "/darmasaba/pendidikan/perpustakaan-digital" + }, + { + id: "8.7", + name: "Data Pendidikan", + href: "/darmasaba/pendidikan/data-pendidikan" } ] }