From cef0c98f1ec11204d92014907605479ac32a839f Mon Sep 17 00:00:00 2001 From: nico Date: Thu, 13 Mar 2025 00:17:47 +0800 Subject: [PATCH] UI Layanan & Sub Desa Layanan --- .../desa/layanan/(detail)/domisili/page.tsx | 19 ++ .../desa}/layanan/[sub]/page.tsx | 0 .../desa}/layanan/_com/BackButto.tsx | 0 .../darmasaba/(pages)/desa/layanan/page.tsx | 206 ++++++++++++++++++ src/app/darmasaba/(tambahan)/layanan/page.tsx | 7 - src/app/darmasaba/_com/Footer.tsx | 6 +- src/app/darmasaba/_com/Navbar.tsx | 12 +- .../_com/main-page/layanan/index.tsx | 5 +- src/app/layout.tsx | 2 +- src/con/navbar-list-menu.ts | 12 +- 10 files changed, 245 insertions(+), 24 deletions(-) create mode 100644 src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx rename src/app/darmasaba/{(tambahan) => (pages)/desa}/layanan/[sub]/page.tsx (100%) rename src/app/darmasaba/{(tambahan) => (pages)/desa}/layanan/_com/BackButto.tsx (100%) create mode 100644 src/app/darmasaba/(pages)/desa/layanan/page.tsx delete mode 100644 src/app/darmasaba/(tambahan)/layanan/page.tsx diff --git a/src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx new file mode 100644 index 00000000..2db004fc --- /dev/null +++ b/src/app/darmasaba/(pages)/desa/layanan/(detail)/domisili/page.tsx @@ -0,0 +1,19 @@ +import colors from '@/con/colors'; +import { Stack, Container, Text } from '@mantine/core'; +import React from 'react'; + +function Page() { + return ( + + + + + + + + + + ); +} + +export default Page; diff --git a/src/app/darmasaba/(tambahan)/layanan/[sub]/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/[sub]/page.tsx similarity index 100% rename from src/app/darmasaba/(tambahan)/layanan/[sub]/page.tsx rename to src/app/darmasaba/(pages)/desa/layanan/[sub]/page.tsx diff --git a/src/app/darmasaba/(tambahan)/layanan/_com/BackButto.tsx b/src/app/darmasaba/(pages)/desa/layanan/_com/BackButto.tsx similarity index 100% rename from src/app/darmasaba/(tambahan)/layanan/_com/BackButto.tsx rename to src/app/darmasaba/(pages)/desa/layanan/_com/BackButto.tsx diff --git a/src/app/darmasaba/(pages)/desa/layanan/page.tsx b/src/app/darmasaba/(pages)/desa/layanan/page.tsx new file mode 100644 index 00000000..0dcdb7f8 --- /dev/null +++ b/src/app/darmasaba/(pages)/desa/layanan/page.tsx @@ -0,0 +1,206 @@ +'use client' +import colors from "@/con/colors"; +import { ActionIcon, Anchor, BackgroundImage, Box, Button, Container, Divider, Flex, Group, List, ListItem, SimpleGrid, Stack, Stepper, StepperCompleted, StepperStep, Text } from "@mantine/core"; +import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from "@tabler/icons-react"; +import { useRouter } from "next/navigation"; +import { useState } from "react"; + +const data = [ + { + id: 1, + images: "/api/img/test.png", + name: "Surat Keterangan Domisili Organisasi", + link: "" + }, + { + id: 2, + images: "/api/img/test-3.jpeg", + name: "Surat Keterangan Penghasilan", + link: "" + }, + { + id: 3, + images: "/api/img/domisili.jpeg", + name: "Surat Keterangan Tidak Mampu", + link: "" + }, + { + id: 4, + images: "/api/img/kelahiran.jpeg", + name: "Surat Keterangan Kelahiran", + link: "" + }, + { + id: 5, + images: "/api/img/keterangan-usaha.jpeg", + name: "Surat Keterangan Usaha", + link: "" + }, + { + id: 6, + images: "/api/img/kematian.jpeg", + name: "Surat Keterangan Kematian", + link: "" + }, + +] +export default function Page() { + const router = useRouter() + const [active, setActive] = useState(1); + const nextStep = () => setActive((current) => (current < 6 ? current + 1 : current)); + const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current)); + return ( + + + + {/* Bagian Layanan */} + + Layanan + + + Adapun berbagai layanan yang telah tersedia dan dapat diakses dengan mudah oleh masyarakat di Desa Darmasaba : + + + {/* Bagian Pelayanan Surat Keterangan */} + + Pelayanan Surat Keterangan + + + {data.map((v, k) => { + return ( + + + + + {v.name} + + + + + + + ) + })} + + {/* Bagian Pelayanan Perizinan Berusaha */} + + Pelayanan Perizinan Berusaha Berbasis Risiko Melalui Sistem ONLINE SINGLE SUBMISSION (OSS) + + Penyelenggaraan Perizinan Berusaha Berbasis Risiko melalui Sistem Online Single Submission (OSS) + merupakan pelaksanaan Undang-Undang Nomor 11 Tahun 2020 Tentang Cipta Kerja. OSS Berbasis Risiko wajib digunakan oleh Pelaku Usaha, + Kementerian/Lembaga, Pemerintah Daerah, Administrator Kawasan Ekonomi Khusus (KEK), dan Badan Pengusahaan Kawasan Perdagangan Bebas + Pelabuhan Bebas (KPBPB).Berdasarkan Peraturan Pemerintah Nomor 5 Tahun 2021 terdapat 1.702 kegiatan usaha yang terdiri atas 1.349 + Klasifikasi Baku Lapangan Usaha Indonesia (KBLI) yang sudah diimplementasikan dalam Sistem OSS Berbasis Risiko. + Proses pendaftaran NIB melalui OSS mencakup beberapa langkah umum, seperti: + + + + Pendaftaran akun pada portal OSS + + + Mengisi informasi perusahaan, termasuk data pemegang saham, alamat perusahaan, dan lainnya + + + Memilih KBLI dengan jenis usaha yang akan didaftarkan + + + Mengunggah dokumen-dokumen yang diperlukan, seperti akta pendirian perusahaan, surat izin usaha, dan dokumen lainnya sesuai dengan ketentuan yang berlaku + + + Proses verifikasi dan persetujuan oleh instansi terkait + + + Jika proses sebelumnya berhasil, perusahaan akan menerima NIB sebagai identitas resmi usaha anda + + + Selesai, anda telah mengikuti proses pendaftaran NIB melalui OSS + + + + + + + + Penting untuk diingat bahwa prosedur dan persyaratan dapat berubah + seiring waktu. Untuk informasi yang lebih akurat dan terkini, saya sarankan untuk mengunjungi situs + resmi OSS (https://oss.go.id/) atau menghubungi instansi terkait di pemerintah Indonesia yang bertanggung jawab atas urusan perizinan usaha. + + {/* Bagian Pelayanan Telunjuk Sakti Desa */} + + Pelayanan Telunjuk Sakti Desa + + Terwujudnya Layanan umum bertajuk Sistim administrasi Kependudukan Terintegrasi di Desa berbasi Elektronik, Smart dan Aman. layanan telunjuk sakti Desa meliputi : + + Telunjuk Sakti Desa Akta Kelahiran (Petunjuk Pengajuan pada link berikut : Download Akta Kelahiran) + Telunjuk Sakti Desa Akta Perkawinan (Petunjuk Pengajuan pada link berikut : Download Akta Perkawinan) + Telunjuk Sakti Desa Akta Kematian (Petunjuk Pengajuan pada link berikut : Download Akata Kematian) + + {/* Bagian Pelayanan Telunjuk Sakti Desa */} + + Pelayanan Penduduk Non-Permanent + + Surat 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. + + + 25 May 2021 . Darmasaba + + + + + + + + + + + + + + + + + + + + + ) +} \ No newline at end of file diff --git a/src/app/darmasaba/(tambahan)/layanan/page.tsx b/src/app/darmasaba/(tambahan)/layanan/page.tsx deleted file mode 100644 index 055c01a5..00000000 --- a/src/app/darmasaba/(tambahan)/layanan/page.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import { Stack } from "@mantine/core"; - -export default function Page() { - return - layanan - -} \ No newline at end of file diff --git a/src/app/darmasaba/_com/Footer.tsx b/src/app/darmasaba/_com/Footer.tsx index dbcb3a4e..05909d12 100644 --- a/src/app/darmasaba/_com/Footer.tsx +++ b/src/app/darmasaba/_com/Footer.tsx @@ -102,7 +102,9 @@ function Footer() { position: 'relative' }} > - Logo Desa + + Logo Desa + @@ -195,7 +197,7 @@ function Footer() { - © 2024 Desa Darmasaba. Hak Cipta Dilindungi. + © 2024 Desa Darmasaba. Hak Cipta Dilindungi. diff --git a/src/app/darmasaba/_com/Navbar.tsx b/src/app/darmasaba/_com/Navbar.tsx index 3edb7e2a..1c1fb433 100644 --- a/src/app/darmasaba/_com/Navbar.tsx +++ b/src/app/darmasaba/_com/Navbar.tsx @@ -2,13 +2,13 @@ import colors from "@/con/colors"; import navbarListMenu from "@/con/navbar-list-menu"; import stateNav from "@/state/state-nav"; -import { ActionIcon, Box, Burger, Group, Stack, Text } from "@mantine/core"; -import { IconHome, IconSquareArrowRight } from "@tabler/icons-react"; +import { ActionIcon, Box, Burger, Group, Image, Stack, Text } from "@mantine/core"; +import { IconSquareArrowRight } from "@tabler/icons-react"; import { motion } from 'framer-motion'; +import { useRouter } from 'next/navigation'; import { useSnapshot } from "valtio"; import { MenuItem } from "../../../../types/menu-item"; import { NavbarMainMenu } from "./NavbarMainMenu"; -import { useRouter } from 'next/navigation' export function Navbar() { const { item, isSearch, mobileOpen } = useSnapshot(stateNav); @@ -31,8 +31,10 @@ export function Navbar() { { router.push("/darmasaba") stateNav.mobileOpen = false - }}> - + }} + size={80} radius={"xl"} + > + Logo Desa stateNav.mobileOpen = !stateNav.mobileOpen} color={colors["blue-button"]} opened={mobileOpen} /> diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx index 4c488eb1..6b05b601 100644 --- a/src/app/darmasaba/_com/main-page/layanan/index.tsx +++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx @@ -18,6 +18,7 @@ import { useMediaQuery } from "@mantine/hooks"; import Autoplay from "embla-carousel-autoplay"; import _ from "lodash"; import { useTransitionRouter } from "next-view-transitions"; +import Link from "next/link"; import { useRef } from "react"; import useSWR from "swr"; @@ -84,9 +85,7 @@ function Layanan() { {textHeading.des} - diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1415c629..12e3ae27 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -21,7 +21,7 @@ import { import { ViewTransitions } from "next-view-transitions"; export const metadata = { - title: "desa darmasaba", + title: "Desa Darmasaba", description: "Desa Darmasaba Kabupaten Badung", }; diff --git a/src/con/navbar-list-menu.ts b/src/con/navbar-list-menu.ts index 2b96af4d..7c3705fc 100644 --- a/src/con/navbar-list-menu.ts +++ b/src/con/navbar-list-menu.ts @@ -6,32 +6,32 @@ const navbarListMenu = [ children: [ { id: "1.1", - name: "profile", + name: "Profile", href: "/darmasaba/desa/profile" }, { id: "1.2", - name: "potensi", + name: "Potensi", href: "/darmasaba/desa/potensi" }, { id: "1.3", - name: "berita", + name: "Berita", href: "/darmasaba/desa/berita" }, { id: "1.4", - name: "pengumuman", + name: "Pengumuman", href: "/darmasaba/desa/pengumuman" }, { id: "1.5", - name: "galery", + name: "Gallery", href: "/darmasaba/desa/galery" }, { id: "1.6", - name: "layanan", + name: "Layanan", href: "/darmasaba/desa/layanan" },