Compare commits
8 Commits
join
...
nico/20-ma
| Author | SHA1 | Date | |
|---|---|---|---|
| 50a46e2ca7 | |||
| 40b49c83ae | |||
| 525b4a8474 | |||
| e9aab942c6 | |||
| e082e8ce75 | |||
| a106fe658f | |||
| 1347afb7d1 | |||
| 27bd00e773 |
@@ -13,6 +13,7 @@
|
||||
"seed": "bun run prisma/seed.ts"
|
||||
},
|
||||
"dependencies": {
|
||||
"@cubejs-client/core": "^0.31.0",
|
||||
"@elysiajs/cors": "^1.2.0",
|
||||
"@elysiajs/eden": "^1.2.0",
|
||||
"@elysiajs/stream": "^1.1.0",
|
||||
@@ -30,6 +31,7 @@
|
||||
"add": "^2.0.6",
|
||||
"animate.css": "^4.1.1",
|
||||
"bun": "^1.2.2",
|
||||
"chart.js": "^4.4.8",
|
||||
"elysia": "^1.2.12",
|
||||
"embla-carousel-autoplay": "^8.5.2",
|
||||
"embla-carousel-react": "^7.1.0",
|
||||
@@ -60,6 +62,7 @@
|
||||
"postcss": "^8.5.1",
|
||||
"postcss-preset-mantine": "^1.17.0",
|
||||
"postcss-simple-vars": "^7.0.1",
|
||||
"typescript": "^5"
|
||||
"typescript": "^5",
|
||||
"parcel": "^2.6.2"
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
231
src/app/darmasaba/(pages)/desa/berita/page.tsx
Normal file
231
src/app/darmasaba/(pages)/desa/berita/page.tsx
Normal file
@@ -0,0 +1,231 @@
|
||||
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 (
|
||||
<Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
|
||||
{/* Header */}
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container size="lg" px="md">
|
||||
<Stack align="center" gap="xs" mb="xl">
|
||||
<Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
|
||||
Portal Berita Darmasaba
|
||||
</Text>
|
||||
<Text ta="center" px="md">
|
||||
Temukan berbagai potensi dan keunggulan yang dimiliki Desa Darmasaba
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
|
||||
{/* Tabs Menu */}
|
||||
<Box px={{ base: "md", md: "xl" }} py="md" bg={colors['BG-trans']} mb="md">
|
||||
<Grid align="center" justify="space-between">
|
||||
<GridCol span={{ base: 12, md: 8 }}>
|
||||
<Group gap="md" wrap="wrap">
|
||||
<Paper bg={colors['blue-button']} radius="xl" py={5} px={20}>
|
||||
<Text c={colors['white-1']} size="sm">
|
||||
Semua
|
||||
</Text>
|
||||
</Paper>
|
||||
{['Pemerintahan', 'Pembangunan', 'Ekonomi', 'Sosial', 'Budaya', 'Teknologi'].map((kategori) => (
|
||||
<Paper key={kategori} bg={colors['blue-button-trans']} radius="xl" py={5} px={20}>
|
||||
<Text size="sm">
|
||||
{kategori}
|
||||
</Text>
|
||||
</Paper>
|
||||
))}
|
||||
</Group>
|
||||
</GridCol>
|
||||
<GridCol span={{ base: 12, md: 4 }}>
|
||||
<TextInput
|
||||
radius="lg"
|
||||
placeholder="Cari Berita"
|
||||
leftSection={<IconSearch size={18} />}
|
||||
w="100%"
|
||||
/>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
</Box>
|
||||
|
||||
{/* Konten Berita */}
|
||||
<Container size="xl" px={{ base: "md", md: "xl" }}>
|
||||
<Grid gutter={{ base: "md", md: "xl" }} pb={70}>
|
||||
{/* Berita Utama */}
|
||||
<GridCol span={{ base: 12, md: 8 }}>
|
||||
<Paper p="md" shadow="sm" radius="md">
|
||||
<Stack gap="md">
|
||||
<Box>
|
||||
<Image
|
||||
src="/api/img/berita-1.png"
|
||||
alt="Darmasaba Smart Village"
|
||||
radius="md"
|
||||
fit="cover"
|
||||
h={{ base: 450, md: 660 }}
|
||||
/>
|
||||
</Box>
|
||||
<Group>
|
||||
<Paper px={10} py={5} radius="xl" bg={colors['BG-trans']}>
|
||||
<Text size="sm">Teknologi</Text>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Text fz={{ base: "xl", md: "2xl" }} fw="bold" lineClamp={2}>
|
||||
Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
|
||||
</Text>
|
||||
<Text size="md" lineClamp={3}>
|
||||
Desa Darmasaba mengambil langkah maju dalam transformasi digital dengan meluncurkan aplikasi Smart Village yang memudahkan warga dalam mengakses layanan publik secara online.
|
||||
</Text>
|
||||
<Group>
|
||||
<Group gap="xs">
|
||||
<IconCalendar size={18} />
|
||||
<Text size="sm">Selasa, 11 Januari 2025</Text>
|
||||
</Group>
|
||||
<Group gap="xs">
|
||||
<IconUser size={18} />
|
||||
<Text size="sm">Admin Desa</Text>
|
||||
</Group>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</GridCol>
|
||||
|
||||
{/* Berita Sampingan */}
|
||||
<GridCol span={{ base: 12, md: 4 }}>
|
||||
<Stack gap="md">
|
||||
{/* Berita Sampingan 1 */}
|
||||
<Paper p="md" shadow="sm" radius="md">
|
||||
<Stack gap="sm">
|
||||
<Image
|
||||
radius="md"
|
||||
src="/api/img/prestasi-voli.jpeg"
|
||||
alt="Prestasi Voli"
|
||||
fit="cover"
|
||||
h={180}
|
||||
/>
|
||||
<Group>
|
||||
<Paper px={10} py={5} radius="xl" bg={colors['BG-trans']}>
|
||||
<Text size="sm">Teknologi</Text>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Text fz="lg" fw="bold" lineClamp={2}>
|
||||
Darmasaba Luncurkan Aplikasi Smart Village untuk Pelayanan Publik
|
||||
</Text>
|
||||
<Group>
|
||||
<Group gap="xs">
|
||||
<IconCalendar size={18} />
|
||||
<Text size="sm">Selasa, 11 Januari 2025</Text>
|
||||
</Group>
|
||||
<Group gap="xs">
|
||||
<IconUser size={18} />
|
||||
<Text size="sm">Admin Desa</Text>
|
||||
</Group>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Paper>
|
||||
|
||||
{/* Berita Sampingan 2 */}
|
||||
<Paper p="md" shadow="sm" radius="md">
|
||||
<Stack gap="sm">
|
||||
<Image
|
||||
radius="md"
|
||||
src="/api/img/prestasi-voli.jpeg"
|
||||
alt="Prestasi Voli"
|
||||
fit="cover"
|
||||
h={180}
|
||||
/>
|
||||
<Group>
|
||||
<Paper px={10} py={5} radius="xl" bg={colors['BG-trans']}>
|
||||
<Text size="sm">Sosial</Text>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Text fz="lg" fw="bold" lineClamp={2}>
|
||||
Tim Voli Darmasaba Raih Juara Turnamen Desa
|
||||
</Text>
|
||||
<Group>
|
||||
<Group gap="xs">
|
||||
<IconCalendar size={18} />
|
||||
<Text size="sm">Selasa, 11 Januari 2025</Text>
|
||||
</Group>
|
||||
<Group gap="xs">
|
||||
<IconUser size={18} />
|
||||
<Text size="sm">Admin Desa</Text>
|
||||
</Group>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
<Box pb={30}>
|
||||
<Text fz={"h1"} fw={"bold"}>Berita Terbaru</Text>
|
||||
<Divider color={colors["blue-button"]} />
|
||||
</Box>
|
||||
<SimpleGrid cols={{ base: 1, md: 3 }}>
|
||||
{dataBeritaTerbaru.map((v, k) => {
|
||||
return (
|
||||
<Paper key={k} p="md" shadow="sm" radius="md">
|
||||
<Stack gap="sm">
|
||||
<Image
|
||||
radius="md"
|
||||
src={v.image}
|
||||
alt="Prestasi Voli"
|
||||
fit="cover"
|
||||
h={180}
|
||||
/>
|
||||
<Group>
|
||||
<Paper px={10} py={5} radius="xl" bg={colors['BG-trans']}>
|
||||
<Text size="sm">Teknologi</Text>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Text fz="lg" fw="bold" lineClamp={2}>
|
||||
{v.judul}
|
||||
</Text>
|
||||
<Group>
|
||||
<Group gap="xs">
|
||||
<IconCalendar size={18} />
|
||||
<Text size="sm">{v.tanggal}</Text>
|
||||
</Group>
|
||||
<Group gap="xs">
|
||||
<IconUser size={18} />
|
||||
<Text size="sm">Admin Desa</Text>
|
||||
</Group>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Paper>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
<Box py={"xl"}>
|
||||
<Center>
|
||||
<Pagination total={10} />
|
||||
</Center>
|
||||
</Box>
|
||||
</Container>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
100
src/app/darmasaba/(pages)/desa/galery/page.tsx
Normal file
100
src/app/darmasaba/(pages)/desa/galery/page.tsx
Normal file
@@ -0,0 +1,100 @@
|
||||
import colors from '@/con/colors';
|
||||
import { ActionIcon, Box, Center, Container, Flex, Image, Paper, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
|
||||
import { IconPhoto, IconSearch, IconVideo } from '@tabler/icons-react';
|
||||
import BackButton from '../layanan/_com/BackButto';
|
||||
|
||||
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 (
|
||||
<Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
|
||||
{/* Header */}
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container size="lg" px="md">
|
||||
<Stack align="center" gap="xs" mb="xl">
|
||||
<Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
|
||||
Galeri Kegiatan Desa Darmasaba
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Flex justify={"space-between"} align={"center"} pb={50}>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent' p={50}>
|
||||
<Flex c={colors["blue-button"]} align={"center"} gap={10}>
|
||||
<IconPhoto size={35} />
|
||||
<Text fz={"h4"}>Foto</Text>
|
||||
</Flex>
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent' p={50}>
|
||||
<Flex c={colors["blue-button"]} align={"center"} gap={10}>
|
||||
<IconVideo size={35} />
|
||||
<Text fz={"h4"}>Video</Text>
|
||||
</Flex>
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
<TextInput
|
||||
placeholder='Cari Galeri'
|
||||
radius="lg"
|
||||
leftSection={<IconSearch size={20} />}
|
||||
w={{ base: "25%", md: "30%" }}
|
||||
/>
|
||||
</Flex>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 3,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box key={k}>
|
||||
<Paper mb={50} p={"md"} radius={26} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Box>
|
||||
<Center>
|
||||
<Image src={v.image} alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Box>
|
||||
<Stack gap={"sm"} py={10}>
|
||||
<Text fz={{ base: "sm", md: "sm" }}>{v.tanggal}</Text>
|
||||
<Text fw={"bold"} fz={{ base: "sm", md: "sm" }}>{v.judul}</Text>
|
||||
<Text ta={"justify"} fz={{ base: "sm", md: "sm" }}>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. </Text>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Box>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -1,33 +1,40 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Belum Kawin
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Belum Kawin
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Ktp atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy Ktp atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,33 +1,40 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Beda Biodata Diri
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Beda Biodata Diri
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Ktp atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy dokumen bersangkutan yang terdapat perbedaan biodata diri misal : Sertifikat Tanah/Ijazah/Polis Asuransi dan lainnya.</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy Ktp atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy dokumen bersangkutan yang terdapat perbedaan biodata diri misal : Sertifikat Tanah/Ijazah/Polis Asuransi dan lainnya.</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,33 +1,40 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Container, Image, List, ListItem, Stack, Text } from '@mantine/core';
|
||||
import { Box, Button, Center, Container, Image, List, ListItem, Stack, Text } from '@mantine/core';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Domisili Organisasi
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Domisili Organisasi
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0} >
|
||||
<Text fz={{ base: "h4", md: "h2" }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Surat Keterangan Terdaftar (SKT) organisasi atau Pengukuhan Kelompok</ListItem>
|
||||
<ListItem fz={"sm"}>Jika Pengajuan baru pembuatan SKT maka melengkapi Susunan Pengurus lengkap dengan Kop Organisasi</ListItem>
|
||||
<ListItem fz={"sm"}>Tanggal berdiri/Tahun berdiri/Sejak kapan berdirinya organisasi</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy Surat Keterangan Terdaftar (SKT) organisasi atau Pengukuhan Kelompok</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Jika Pengajuan baru pembuatan SKT maka melengkapi Susunan Pengurus lengkap dengan Kop Organisasi</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Tanggal berdiri/Tahun berdiri/Sejak kapan berdirinya organisasi</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt=''/>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,34 +1,41 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Group, Center } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Kelahiran
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Kelahiran
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Surat lahir dari dokter/bidan (jika ada)</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Kartu Keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy KTP 2 orang saksi</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy Surat lahir dari dokter/bidan (jika ada)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy Kartu Keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy KTP 2 orang saksi</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-kelahiran-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-kelahiran-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,34 +1,41 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Kematian
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Kematian
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy KTP atau Kartu keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Surat Kematian dari rumah sakit atau dokter (jika ada)</ListItem>
|
||||
<ListItem fz={"sm"}>Tanggal dan Waktu Kematian</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy KTP atau Kartu keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Surat Kematian dari rumah sakit atau dokter (jika ada)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Tanggal dan Waktu Kematian</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,33 +1,40 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Penghasilan
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Penghasilan
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{base:"h4", md: "h2"}} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy KTP orang tua atau Fotocopy Kartu keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Membuat Surat Pernyataan Penghasilan bermaterai (disertai jumlah penghasilan)</ListItem>
|
||||
<ListItem fz={{base:"sm", md: "h3"}}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{base:"sm", md: "h3"}}>Fotocopy KTP orang tua atau Fotocopy Kartu keluarga</ListItem>
|
||||
<ListItem fz={{base:"sm", md: "h3"}}>Membuat Surat Pernyataan Penghasilan bermaterai (disertai jumlah penghasilan)</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{base:"h4", md: "h2"}} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,32 +1,39 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Kelakuan Baik (Pengantar SKCK)
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Kelakuan Baik (Pengantar SKCK)
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Ktp atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy Ktp atau Kartu Keluarga</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,34 +1,41 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Tempat Usaha
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Tempat Usaha
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy KTP atau Kartu keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</ListItem>
|
||||
<ListItem fz={"sm"}>Surat Perjanjian Sewa/Kontrak atau Kwintansi Pembayaran Sewa 3 bulan terakhir bagi yang mengontrak tempat usaha, apabila tempat usaha milik sendiri lampiri dengan dokumen kepemilikan tempat usaha (dapat berupa fotocopy sppt atau Fotocopy Sertipikat Hak Milik)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy KTP atau Kartu keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Surat Perjanjian Sewa/Kontrak atau Kwintansi Pembayaran Sewa 3 bulan terakhir bagi yang mengontrak tempat usaha, apabila tempat usaha milik sendiri lampiri dengan dokumen kepemilikan tempat usaha (dapat berupa fotocopy sppt atau Fotocopy Sertipikat Hak Milik)</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-tempat-usaha-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-tempat-usaha-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,35 +1,42 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Tidak Mampu
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Tidak Mampu
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy KTP/KIA atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Kartu Indonesia Pintar/Kartu Perlindungan Sosial/Terdaftar dalam DTKS</ListItem>
|
||||
<ListItem fz={"sm"}>Jika tidak memiliki Kartu tersebut diatas diwajibkan membuat Surat Pernyataan Tidak Mampu
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy KTP/KIA atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Fotocopy Kartu Indonesia Pintar/Kartu Perlindungan Sosial/Terdaftar dalam DTKS</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "h3" }}>Jika tidak memiliki Kartu tersebut diatas diwajibkan membuat Surat Pernyataan Tidak Mampu
|
||||
</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: "h2" }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-tidak-mampu-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-tidak-mampu-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,34 +1,41 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton/>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Usaha
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Usaha
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy KTP atau Kartu keluarga</ListItem>
|
||||
<ListItem fz={"sm"}>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy KTP atau Kartu keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Foto Lokasi dan Kegiatan Usaha di cetak dalam selembar kertas (diparaf dan stempel oleh Kelian Banjar Dinas)</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -1,32 +1,39 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image } from '@mantine/core';
|
||||
import { Stack, Container, List, ListItem, Box, Text, Image, Button, Center, Group } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} p={"xl"}>
|
||||
<BackButton />
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Yatim Piatu
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={0}>
|
||||
<Text fz={"3.4rem"} ta={"center"} fw={"bold"}>
|
||||
Surat Keterangan Yatim Piatu
|
||||
</Text>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} pb={20}>
|
||||
Persyaratan Dokumen:
|
||||
</Text>
|
||||
<List>
|
||||
<ListItem fz={"sm"}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={"sm"}>Fotocopy Ktp, KIA atau Kartu Keluarga</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Fotocopy Ktp, KIA atau Kartu Keluarga</ListItem>
|
||||
</List>
|
||||
<Box py={20}>
|
||||
<Text fz={"h4"} py={20}>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} py={20}>
|
||||
Alur Pelayanan:
|
||||
</Text>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
<Center>
|
||||
<Image src="/api/img/flowchart-suket-beda-biodatadiri-removebg-preview.png" alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Group justify='center'>
|
||||
<Button radius={"lg"} fz={'h4'} bg={colors['blue-button']}>Ajukan Permohonan</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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 (
|
||||
<ActionIcon variant="transparent" onClick={() => router.back()}>
|
||||
<ActionIcon bg={colors["blue-button"]} onClick={() => router.back()}>
|
||||
<IconArrowLeft />
|
||||
</ActionIcon>
|
||||
);
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
'use client'
|
||||
import colors from "@/con/colors";
|
||||
import { ActionIcon, 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 { ActionIcon, BackgroundImage, Box, Button, Container, Divider, Flex, Group, List, ListItem, SimpleGrid, Stack, Stepper, StepperCompleted, StepperStep, Text, TextInput } from "@mantine/core";
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp, IconSearch } from "@tabler/icons-react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import BackButton from "./_com/BackButto";
|
||||
@@ -81,22 +81,33 @@ export default function Page() {
|
||||
const nextStep = () => setActive((current) => (current < 6 ? current + 1 : current));
|
||||
const prevStep = () => setActive((current) => (current > 0 ? current - 1 : current));
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"42"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<BackButton/>
|
||||
<Stack align="center" gap={0}>
|
||||
{/* Bagian Layanan */}
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Layanan
|
||||
<Text fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Layanan Desa Darmasaba
|
||||
</Text>
|
||||
<Text
|
||||
>
|
||||
Adapun berbagai layanan yang telah tersedia dan dapat diakses dengan mudah oleh masyarakat di Desa Darmasaba :
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
<TextInput
|
||||
py={20}
|
||||
w={{ base: "70%", md: "50%" }}
|
||||
placeholder="Cari Layanan"
|
||||
leftSection={<IconSearch size={20} />}
|
||||
|
||||
/>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
{/* Bagian Pelayanan Surat Keterangan */}
|
||||
<Box py={10}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Surat Keterangan</Text>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} fw={"bold"}>Pelayanan Surat Keterangan</Text>
|
||||
</Box>
|
||||
<SimpleGrid
|
||||
py={20}
|
||||
@@ -110,7 +121,7 @@ export default function Page() {
|
||||
<BackgroundImage
|
||||
key={k}
|
||||
src={v.images}
|
||||
h={350}
|
||||
h={250}
|
||||
radius={16}
|
||||
pos={"relative"}
|
||||
>
|
||||
@@ -146,14 +157,14 @@ export default function Page() {
|
||||
</SimpleGrid>
|
||||
{/* Bagian Pelayanan Perizinan Berusaha */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Perizinan Berusaha Berbasis Risiko Melalui Sistem ONLINE SINGLE SUBMISSION (OSS)</Text>
|
||||
<Text fz={{ base: "h4", md: 'h2' }} fw={"bold"}>Pelayanan Perizinan Berusaha Berbasis Risiko Melalui Sistem ONLINE SINGLE SUBMISSION (OSS)</Text>
|
||||
</Box>
|
||||
<Text py={10} ta={"justify"} fz={"sm"}>Penyelenggaraan Perizinan Berusaha Berbasis Risiko melalui Sistem Online Single Submission (OSS)
|
||||
<Text py={10} ta={"justify"} fz={{ base: "sm", md: 'h3' }}>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.</Text>
|
||||
<Text py={10} fz={"sm"}>Proses pendaftaran NIB melalui OSS mencakup beberapa langkah umum, seperti:</Text>
|
||||
<Text py={10} fz={{ base: "sm", md: 'h3' }}>Proses pendaftaran NIB melalui OSS mencakup beberapa langkah umum, seperti:</Text>
|
||||
<Box p={"xl"} w={{ base: "100%", md: "100%" }} >
|
||||
<Stepper active={active} onStepClick={setActive} orientation="vertical"
|
||||
styles={{
|
||||
@@ -183,7 +194,7 @@ export default function Page() {
|
||||
<StepperStep label="Langkah Keenam" description="Penerimaan NIB">
|
||||
Jika proses sebelumnya berhasil, perusahaan akan menerima NIB sebagai identitas resmi usaha anda
|
||||
</StepperStep>
|
||||
<StepperCompleted>
|
||||
<StepperCompleted >
|
||||
Selesai, anda telah mengikuti proses pendaftaran NIB melalui OSS
|
||||
</StepperCompleted>
|
||||
</Stepper>
|
||||
@@ -192,7 +203,7 @@ export default function Page() {
|
||||
<Button variant="default" onClick={prevStep}>Back</Button>
|
||||
<Button onClick={nextStep}>Next step</Button>
|
||||
</Group>
|
||||
<Text py={35} ta={"justify"} fz={"sm"}>Penting untuk diingat bahwa prosedur dan persyaratan dapat berubah
|
||||
<Text py={35} ta={"justify"} fz={{ base: "sm", md: 'h3' }}>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 <a href={"https://oss.go.id/"}>(https://oss.go.id/)</a> atau menghubungi instansi terkait di pemerintah Indonesia yang bertanggung jawab atas urusan perizinan usaha.</Text>
|
||||
</Box>
|
||||
@@ -200,39 +211,39 @@ export default function Page() {
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Telunjuk Sakti Desa</Text>
|
||||
</Box>
|
||||
<Text fz={"sm"} py={10}>Terwujudnya Layanan umum bertajuk Sistim administrasi Kependudukan Terintegrasi di Desa berbasi Elektronik, Smart dan Aman. layanan telunjuk sakti Desa meliputi :</Text>
|
||||
<Text fz={{ base: "sm", md: 'h3' }} py={10}>Terwujudnya Layanan umum bertajuk Sistim administrasi Kependudukan Terintegrasi di Desa berbasi Elektronik, Smart dan Aman. layanan telunjuk sakti Desa meliputi :</Text>
|
||||
<List type="ordered" pb={20}>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Kelahiran (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KELAHIRAN_(dengan%20contoh%20Formulir).pdf">Akta Kelahiran</a>)</ListItem>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Perkawinan (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20PERKAWINAN_(dengan%20contoh%20Formulir).pdf">Akta Perkawinan</a>)</ListItem>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Kematian (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KEMATIAN_(dengan%20contoh%20Formulir).pdf">Akata Kematian</a>)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Telunjuk Sakti Desa Akta Kelahiran (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KELAHIRAN_(dengan%20contoh%20Formulir).pdf">Akta Kelahiran</a>)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Telunjuk Sakti Desa Akta Perkawinan (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20PERKAWINAN_(dengan%20contoh%20Formulir).pdf">Akta Perkawinan</a>)</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: 'h3' }}>Telunjuk Sakti Desa Akta Kematian (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KEMATIAN_(dengan%20contoh%20Formulir).pdf">Akata Kematian</a>)</ListItem>
|
||||
</List>
|
||||
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Penduduk Non-Permanent</Text>
|
||||
</Box>
|
||||
<Text pb={20} fz={"sm"} ta={"justify"}>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.</Text>
|
||||
<Divider />
|
||||
<Text pb={20} fz={{ base: "sm", md: 'h3' }} ta={"justify"}>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.</Text>
|
||||
<Divider color={colors["blue-button"]} />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
<Text fz={"sm"}>25 May 2021 . Darmasaba</Text>
|
||||
<Text fz={{ base: "sm", md: 'h3' }}>25 May 2021 . Darmasaba</Text>
|
||||
<Box>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandFacebook color={"gray"} size={"30"} />
|
||||
<IconBrandFacebook color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandInstagram color={"gray"} size={"30"} />
|
||||
<IconBrandInstagram color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandTwitter color={"gray"} size={"30"} />
|
||||
<IconBrandTwitter color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandWhatsapp color={"gray"} size={"30"} />
|
||||
<IconBrandWhatsapp color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
<Divider pb={50} />
|
||||
</Container>
|
||||
<Divider color={colors["blue-button"]} pb={50} />
|
||||
</Box>
|
||||
</Stack>
|
||||
)
|
||||
}
|
||||
245
src/app/darmasaba/(pages)/desa/layanan/page.txt
Normal file
245
src/app/darmasaba/(pages)/desa/layanan/page.txt
Normal file
@@ -0,0 +1,245 @@
|
||||
'use client'
|
||||
import colors from "@/con/colors";
|
||||
import { ActionIcon, BackgroundImage, Box, Button, Container, Divider, Flex, Group, List, ListItem, SimpleGrid, Stack, Stepper, StepperCompleted, StepperStep, Text, TextInput } from "@mantine/core";
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp, IconSearch } from "@tabler/icons-react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import BackButton from "./_com/BackButto";
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
images: "/api/img/test.png",
|
||||
name: "Surat Keterangan Domisili Organisasi",
|
||||
link: "/darmasaba/desa/layanan/domisili"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
images: "/api/img/test-3.jpeg",
|
||||
name: "Surat Keterangan Penghasilan",
|
||||
link: "/darmasaba/desa/layanan/penghasilan"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
images: "/api/img/domisili.jpeg",
|
||||
name: "Surat Keterangan Tidak Mampu",
|
||||
link: "/darmasaba/desa/layanan/tidakmampu"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
images: "/api/img/kelahiran.jpeg",
|
||||
name: "Surat Keterangan Kelahiran",
|
||||
link: "/darmasaba/desa/layanan/kelahiran"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
images: "/api/img/keterangan-usaha.jpeg",
|
||||
name: "Surat Keterangan Usaha",
|
||||
link: "/darmasaba/desa/layanan/usaha"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
images: "/api/img/kematian.jpeg",
|
||||
name: "Surat Keterangan Kematian",
|
||||
link: "/darmasaba/desa/layanan/kematian"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
images: "/api/img/tempatusaha.jpeg",
|
||||
name: "Surat Keterangan Tempat Usaha",
|
||||
link: "/darmasaba/desa/layanan/tempatusaha"
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
images: "/api/img/belumkawin.jpeg",
|
||||
name: "Surat Keterangan Belum Kawin",
|
||||
link: "/darmasaba/desa/layanan/belumkawin"
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
images: "/api/img/berkelakuan-baik.jpeg",
|
||||
name: "Surat Keterangan Kelakuan Baik",
|
||||
link: "/darmasaba/desa/layanan/skck"
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
images: "/api/img/biodata.jpeg",
|
||||
name: "Surat Keterangan Beda Biodata Diri",
|
||||
link: "/darmasaba/desa/layanan/biodata"
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
images: "/api/img/yatim.jpeg",
|
||||
name: "Surat Keterangan Yatim Piatu",
|
||||
link: "/darmasaba/desa/layanan/yatim"
|
||||
}
|
||||
|
||||
]
|
||||
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 (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"42"}>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<BackButton/>
|
||||
<Stack align="center" gap={0}>
|
||||
{/* Bagian Layanan */}
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Layanan Desa Darmasaba
|
||||
</Text>
|
||||
<Text
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
<TextInput
|
||||
py={20}
|
||||
w={{ base: "70%", md: "50%" }}
|
||||
placeholder="Cari Layanan"
|
||||
leftSection={<IconSearch size={20} />}
|
||||
|
||||
/>
|
||||
</Stack>
|
||||
{/* Bagian Pelayanan Surat Keterangan */}
|
||||
<Box py={10}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Surat Keterangan</Text>
|
||||
</Box>
|
||||
<SimpleGrid
|
||||
py={20}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 3
|
||||
}}
|
||||
>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<BackgroundImage
|
||||
key={k}
|
||||
src={v.images}
|
||||
h={250}
|
||||
radius={16}
|
||||
pos={"relative"}
|
||||
>
|
||||
<Box
|
||||
style={{
|
||||
borderRadius: 16,
|
||||
zIndex: 0
|
||||
}}
|
||||
pos={"absolute"}
|
||||
w={"100%"}
|
||||
h={"100%"}
|
||||
bg={colors.trans.dark[2]}
|
||||
/>
|
||||
<Stack justify='space-between' h={"100%"} gap={0} p={"lg"} pos={"relative"}>
|
||||
<Box p={"lg"}>
|
||||
<Text
|
||||
c={"white"}
|
||||
size={"1.5rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.name}</Text>
|
||||
</Box>
|
||||
<Group justify="center">
|
||||
<Button px={20} radius={"100"} size="md" bg={colors["blue-button"]}
|
||||
onClick={() => router.push(v.link)}>
|
||||
Detail
|
||||
</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</BackgroundImage>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
{/* Bagian Pelayanan Perizinan Berusaha */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Perizinan Berusaha Berbasis Risiko Melalui Sistem ONLINE SINGLE SUBMISSION (OSS)</Text>
|
||||
</Box>
|
||||
<Text py={10} ta={"justify"} fz={"sm"}>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.</Text>
|
||||
<Text py={10} fz={"sm"}>Proses pendaftaran NIB melalui OSS mencakup beberapa langkah umum, seperti:</Text>
|
||||
<Box p={"xl"} w={{ base: "100%", md: "100%" }} >
|
||||
<Stepper active={active} onStepClick={setActive} orientation="vertical"
|
||||
styles={{
|
||||
separator: {
|
||||
marginLeft: 25
|
||||
},
|
||||
|
||||
step: {
|
||||
padding: '12px 0'
|
||||
}
|
||||
}}>
|
||||
<StepperStep label="Langkah Pertama" description="Pendaftaran Akun">
|
||||
Pendaftaran akun pada portal OSS
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Kedua" description="Pengisian Data Perusahaan">
|
||||
Mengisi informasi perusahaan, termasuk data pemegang saham, alamat perusahaan, dan lainnya
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Ketiga" description="Pemilihan KBLI ">
|
||||
Memilih KBLI dengan jenis usaha yang akan didaftarkan
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Keempat" description="Pengunggahan Dokumen">
|
||||
Mengunggah dokumen-dokumen yang diperlukan, seperti akta pendirian perusahaan, surat izin usaha, dan dokumen lainnya sesuai dengan ketentuan yang berlaku
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Kelima" description="Verifikasi dan Persetujuan">
|
||||
Proses verifikasi dan persetujuan oleh instansi terkait
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Keenam" description="Penerimaan NIB">
|
||||
Jika proses sebelumnya berhasil, perusahaan akan menerima NIB sebagai identitas resmi usaha anda
|
||||
</StepperStep>
|
||||
<StepperCompleted>
|
||||
Selesai, anda telah mengikuti proses pendaftaran NIB melalui OSS
|
||||
</StepperCompleted>
|
||||
</Stepper>
|
||||
|
||||
<Group justify="center" mt="xl">
|
||||
<Button variant="default" onClick={prevStep}>Back</Button>
|
||||
<Button onClick={nextStep}>Next step</Button>
|
||||
</Group>
|
||||
<Text py={35} ta={"justify"} fz={"sm"}>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 <a href={"https://oss.go.id/"}>(https://oss.go.id/)</a> atau menghubungi instansi terkait di pemerintah Indonesia yang bertanggung jawab atas urusan perizinan usaha.</Text>
|
||||
</Box>
|
||||
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Telunjuk Sakti Desa</Text>
|
||||
</Box>
|
||||
<Text fz={"sm"} py={10}>Terwujudnya Layanan umum bertajuk Sistim administrasi Kependudukan Terintegrasi di Desa berbasi Elektronik, Smart dan Aman. layanan telunjuk sakti Desa meliputi :</Text>
|
||||
<List type="ordered" pb={20}>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Kelahiran (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KELAHIRAN_(dengan%20contoh%20Formulir).pdf">Akta Kelahiran</a>)</ListItem>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Perkawinan (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20PERKAWINAN_(dengan%20contoh%20Formulir).pdf">Akta Perkawinan</a>)</ListItem>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Kematian (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KEMATIAN_(dengan%20contoh%20Formulir).pdf">Akata Kematian</a>)</ListItem>
|
||||
</List>
|
||||
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Penduduk Non-Permanent</Text>
|
||||
</Box>
|
||||
<Text pb={20} fz={"sm"} ta={"justify"}>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.</Text>
|
||||
<Divider />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
<Text fz={"sm"}>25 May 2021 . Darmasaba</Text>
|
||||
<Box>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandFacebook color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandInstagram color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandTwitter color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandWhatsapp color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
<Divider pb={50} />
|
||||
</Container>
|
||||
</Stack>
|
||||
)
|
||||
}
|
||||
236
src/app/darmasaba/(pages)/desa/layanan/page2.txt
Normal file
236
src/app/darmasaba/(pages)/desa/layanan/page2.txt
Normal file
@@ -0,0 +1,236 @@
|
||||
'use client'
|
||||
import colors from "@/con/colors";
|
||||
import { ActionIcon, Box, Button, Container, Divider, Flex, Group, Image, List, ListItem, Modal, Paper, SimpleGrid, Stack, Stepper, StepperCompleted, StepperStep, Text, TextInput } from "@mantine/core";
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp, IconSearch } from "@tabler/icons-react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import BackButton from "./_com/BackButto";
|
||||
import { useDisclosure } from "@mantine/hooks";
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
name: "Surat Keterangan Domisili Organisasi",
|
||||
link: "/darmasaba/desa/layanan/domisili"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "Surat Keterangan Penghasilan",
|
||||
link: "/darmasaba/desa/layanan/penghasilan"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "Surat Keterangan Tidak Mampu",
|
||||
link: "/darmasaba/desa/layanan/tidakmampu"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: "Surat Keterangan Kelahiran",
|
||||
link: "/darmasaba/desa/layanan/kelahiran"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: "Surat Keterangan Usaha",
|
||||
link: "/darmasaba/desa/layanan/usaha"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: "Surat Keterangan Kematian",
|
||||
link: "/darmasaba/desa/layanan/kematian"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: "Surat Keterangan Tempat Usaha",
|
||||
link: "/darmasaba/desa/layanan/tempatusaha"
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
name: "Surat Keterangan Belum Kawin",
|
||||
link: "/darmasaba/desa/layanan/belumkawin"
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: "Surat Keterangan Kelakuan Baik",
|
||||
link: "/darmasaba/desa/layanan/skck"
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
name: "Surat Keterangan Beda Biodata Diri",
|
||||
link: "/darmasaba/desa/layanan/biodata"
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
name: "Surat Keterangan Yatim Piatu",
|
||||
link: "/darmasaba/desa/layanan/yatim"
|
||||
}
|
||||
|
||||
]
|
||||
export default function Page() {
|
||||
const [opened, { open, close }] = useDisclosure(false);
|
||||
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 (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"42"}>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<BackButton />
|
||||
<Stack align="center" gap={0}>
|
||||
{/* Bagian Layanan */}
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Layanan Desa Darmasaba
|
||||
</Text>
|
||||
<Text
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
<TextInput
|
||||
py={20}
|
||||
w={{ base: "70%", md: "50%" }}
|
||||
placeholder="Cari Layanan"
|
||||
leftSection={<IconSearch size={20} />}
|
||||
|
||||
/>
|
||||
</Stack>
|
||||
{/* Bagian Pelayanan Surat Keterangan */}
|
||||
<Box py={10}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Surat Keterangan</Text>
|
||||
</Box>
|
||||
<SimpleGrid
|
||||
py={20}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 1
|
||||
}}
|
||||
>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Paper
|
||||
key={k}
|
||||
|
||||
radius={16}
|
||||
pos={"relative"}
|
||||
>
|
||||
<Stack gap={0} p={"lg"} pos={"relative"}>
|
||||
<Flex justify={"space-between"} align={"center"} px={10}>
|
||||
<Box>
|
||||
<Flex p={"lg"} align={"center"} gap={"lg"}>
|
||||
<Paper p={10} bg={colors.Bg} radius={"100%"}>
|
||||
<Image src="/api/img/icondocument.png" alt="" w={30} h={30} />
|
||||
</Paper>
|
||||
<Text size={"1.5rem"}>{v.name}</Text>
|
||||
</Flex>
|
||||
</Box>
|
||||
<ActionIcon size={"lg"} variant="transparent" onClick={open}>
|
||||
<Image src="/api/img/arrowicon.png" alt="" w={30} h={30} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
{/* <Group justify="center">
|
||||
<Button px={20} radius={"100"} size="md" bg={colors["blue-button"]}
|
||||
onClick={() => router.push(v.link)}>
|
||||
Detail
|
||||
</Button>
|
||||
</Group> */}
|
||||
</Stack>
|
||||
</Paper>
|
||||
)
|
||||
})}
|
||||
<Modal opened={opened} onClose={close} size={"xl"} title="Persyaratan">
|
||||
<Text fz={"sm"}>Test</Text>
|
||||
</Modal>
|
||||
</SimpleGrid>
|
||||
{/* Bagian Pelayanan Perizinan Berusaha */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Perizinan Berusaha Berbasis Risiko Melalui Sistem ONLINE SINGLE SUBMISSION (OSS)</Text>
|
||||
</Box>
|
||||
<Text py={10} ta={"justify"} fz={"sm"}>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.</Text>
|
||||
<Text py={10} fz={"sm"}>Proses pendaftaran NIB melalui OSS mencakup beberapa langkah umum, seperti:</Text>
|
||||
<Box p={"xl"} w={{ base: "100%", md: "100%" }} >
|
||||
<Stepper active={active} onStepClick={setActive} orientation="vertical"
|
||||
styles={{
|
||||
separator: {
|
||||
marginLeft: 25
|
||||
},
|
||||
|
||||
step: {
|
||||
padding: '12px 0'
|
||||
}
|
||||
}}>
|
||||
<StepperStep label="Langkah Pertama" description="Pendaftaran Akun">
|
||||
Pendaftaran akun pada portal OSS
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Kedua" description="Pengisian Data Perusahaan">
|
||||
Mengisi informasi perusahaan, termasuk data pemegang saham, alamat perusahaan, dan lainnya
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Ketiga" description="Pemilihan KBLI ">
|
||||
Memilih KBLI dengan jenis usaha yang akan didaftarkan
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Keempat" description="Pengunggahan Dokumen">
|
||||
Mengunggah dokumen-dokumen yang diperlukan, seperti akta pendirian perusahaan, surat izin usaha, dan dokumen lainnya sesuai dengan ketentuan yang berlaku
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Kelima" description="Verifikasi dan Persetujuan">
|
||||
Proses verifikasi dan persetujuan oleh instansi terkait
|
||||
</StepperStep>
|
||||
<StepperStep label="Langkah Keenam" description="Penerimaan NIB">
|
||||
Jika proses sebelumnya berhasil, perusahaan akan menerima NIB sebagai identitas resmi usaha anda
|
||||
</StepperStep>
|
||||
<StepperCompleted>
|
||||
Selesai, anda telah mengikuti proses pendaftaran NIB melalui OSS
|
||||
</StepperCompleted>
|
||||
</Stepper>
|
||||
|
||||
<Group justify="center" mt="xl">
|
||||
<Button variant="default" onClick={prevStep}>Back</Button>
|
||||
<Button onClick={nextStep}>Next step</Button>
|
||||
</Group>
|
||||
<Text py={35} ta={"justify"} fz={"sm"}>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 <a href={"https://oss.go.id/"}>(https://oss.go.id/)</a> atau menghubungi instansi terkait di pemerintah Indonesia yang bertanggung jawab atas urusan perizinan usaha.</Text>
|
||||
</Box>
|
||||
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Telunjuk Sakti Desa</Text>
|
||||
</Box>
|
||||
<Text fz={"sm"} py={10}>Terwujudnya Layanan umum bertajuk Sistim administrasi Kependudukan Terintegrasi di Desa berbasi Elektronik, Smart dan Aman. layanan telunjuk sakti Desa meliputi :</Text>
|
||||
<List type="ordered" pb={20}>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Kelahiran (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KELAHIRAN_(dengan%20contoh%20Formulir).pdf">Akta Kelahiran</a>)</ListItem>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Perkawinan (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20PERKAWINAN_(dengan%20contoh%20Formulir).pdf">Akta Perkawinan</a>)</ListItem>
|
||||
<ListItem fz={"sm"}>Telunjuk Sakti Desa Akta Kematian (Petunjuk Pengajuan pada link berikut : Download <a href="https://darmasaba.desa.id/storage/files/PERSYARATAN%20DAN%20ALUR%20PENGAJUAN%20AKTA%20KEMATIAN_(dengan%20contoh%20Formulir).pdf">Akata Kematian</a>)</ListItem>
|
||||
</List>
|
||||
{/* Bagian Pelayanan Telunjuk Sakti Desa */}
|
||||
<Box py={15}>
|
||||
<Text fz={"h4"} fw={"bold"}>Pelayanan Penduduk Non-Permanent</Text>
|
||||
</Box>
|
||||
<Text pb={20} fz={"sm"} ta={"justify"}>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.</Text>
|
||||
<Divider />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
<Text fz={"sm"}>25 May 2021 . Darmasaba</Text>
|
||||
<Box>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandFacebook color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandInstagram color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandTwitter color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandWhatsapp color={"gray"} size={"30"} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
<Divider pb={50} />
|
||||
</Container>
|
||||
</Stack>
|
||||
)
|
||||
}
|
||||
function ModalDetail() {
|
||||
|
||||
}
|
||||
@@ -1,7 +1,32 @@
|
||||
import { Stack } from "@mantine/core";
|
||||
import colors from "@/con/colors";
|
||||
import { Container, Image, Stack, Text } from "@mantine/core";
|
||||
import BackButton from "./layanan/_com/BackButto";
|
||||
|
||||
export default function Page() {
|
||||
return <Stack>
|
||||
desa
|
||||
return <Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"42"}>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<BackButton />
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Desa Darmasaba
|
||||
</Text>
|
||||
<Text
|
||||
fw={"bold"}
|
||||
fz={"1.8rem"}
|
||||
>
|
||||
"Dharma Temaja"
|
||||
</Text>
|
||||
</Stack>
|
||||
<Image py={20} src="/api/img/darmasaba.jpeg" w={"100%"} h={"50%"} alt="" />
|
||||
<Text fz={"sm"} ta={"justify"}>
|
||||
Desa Darmasaba adalah desa yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Provinsi Bali. Desa ini merupakan wilayah paling selatan di Kecamatan Abiansemal.
|
||||
</Text>
|
||||
<Text py={20} fz={"sm"} ta={"justify"}>
|
||||
Sejarah Singkat: Nama "Darmasaba" memiliki kaitan dengan keturunan Danghyang Nirarta, seorang kawi-wiku asal Daha (Jawa Timur). Cucunya, Ida Pedanda Sakti Manuaba, tinggal di Desa Kendran, Tegalalang, Gianyar.
|
||||
</Text>
|
||||
<Text fz={"sm"} ta={"justify"}>
|
||||
Pemerintahan Desa: Perbekel (Kepala Desa) Darmasaba saat ini adalah I.B. Surya Prabhawa Manuaba, S.H.,M.H.,NL.P. Struktur pemerintahan desa terdiri dari sekretaris desa, kepala urusan, kepala seksi, dan kepala dusun yang bertugas mengelola berbagai aspek administrasi dan pelayanan masyarakat.
|
||||
</Text>
|
||||
</Container>
|
||||
</Stack>
|
||||
}
|
||||
104
src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
Normal file
104
src/app/darmasaba/(pages)/desa/pengumuman/page.tsx
Normal file
@@ -0,0 +1,104 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Container, Text, TextInput, SimpleGrid, Notification, Flex, Anchor, Paper } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../layanan/_com/BackButto';
|
||||
import { IconSearch } from '@tabler/icons-react';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos="relative" bg={colors.Bg} py="xl" gap="md">
|
||||
{/* Header */}
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container size="lg" px="md">
|
||||
<Stack align="center" gap="xs" mb="xl">
|
||||
<Text fz={{ base: "2rem", md: "3.4rem" }} c={colors["blue-button"]} fw="bold" ta="center">
|
||||
Pengumuman Desa Darmasaba
|
||||
</Text>
|
||||
<Text ta="center" px="md">
|
||||
Informasi dan pengumuman resmi terkait kegiatan dan kebijakan Desa Darmasaba
|
||||
</Text>
|
||||
<TextInput
|
||||
placeholder='Cari Pengumuman'
|
||||
radius="lg"
|
||||
leftSection={<IconSearch size={20} />}
|
||||
w={{ base: "55%", md: "70%" }}
|
||||
/>
|
||||
</Stack>
|
||||
</Container>
|
||||
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 2,
|
||||
}}
|
||||
>
|
||||
<Notification styles={{ title: { fontWeight: "bold" } }} withCloseButton={false} title="Penting">
|
||||
<Stack gap={"xs"}>
|
||||
<Text fz={"sm"} fw={"bold"} c={"black"}>PENGUMUMAN LOWONGAN KERJA TPS3R PUDAK MESARI DESA DARMASABA</Text>
|
||||
<Text ta={"justify"} fz={"sm"} c={"black"}>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. </Text>
|
||||
</Stack>
|
||||
<Flex pt={20} gap={"md"} justify={"space-between"}>
|
||||
<Text fz={"xs"} c={"black"}>1 Februari 2025</Text>
|
||||
<Text fz={"xs"} c={"black"}>09:00 WITA</Text>
|
||||
<Anchor>
|
||||
<Text fz={"xs"}>Baca Selengkapnya</Text>
|
||||
</Anchor>
|
||||
</Flex>
|
||||
</Notification>
|
||||
<Paper p={"md"}>
|
||||
<Stack gap={"xs"}>
|
||||
<Text fw={"bold"} fz={"lg"} c={colors['blue-button']}>Kategori</Text>
|
||||
<Flex justify={"space-between"}>
|
||||
<Text fz={"md"} c={"black"}>Pengumuman</Text>
|
||||
<Text fz={"md"} c={"black"}>5</Text>
|
||||
</Flex>
|
||||
<Flex justify={"space-between"}>
|
||||
<Text fz={"md"} c={"black"}>Kegiatan</Text>
|
||||
<Text fz={"md"} c={"black"}>10</Text>
|
||||
</Flex>
|
||||
<Flex justify={"space-between"}>
|
||||
<Text fz={"md"} c={"black"}>Informasi</Text>
|
||||
<Text fz={"md"} c={"black"}>12</Text>
|
||||
</Flex>
|
||||
<Flex justify={"space-between"}>
|
||||
<Text fz={"md"} c={"black"}>Layanan</Text>
|
||||
<Text fz={"md"} c={"black"}>6</Text>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
<Notification color='yellow' styles={{ title: { fontWeight: "bold" } }} withCloseButton={false} title="Informasi">
|
||||
<Stack gap={"xs"}>
|
||||
<Text fz={"sm"} fw={"bold"} c={"black"}>LELANG PEMASANGAN CCTV DESA DARMASABA</Text>
|
||||
<Text ta={"justify"} fz={"sm"} c={"black"}>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. </Text>
|
||||
</Stack>
|
||||
<Flex pt={20} gap={"md"} justify={"space-between"}>
|
||||
<Text fz={"xs"} c={"black"}>2 Februari 2025</Text>
|
||||
<Text fz={"xs"} c={"black"}>10:00 WITA</Text>
|
||||
<Anchor>
|
||||
<Text fz={"xs"}>Baca Selengkapnya</Text>
|
||||
</Anchor>
|
||||
</Flex>
|
||||
</Notification>
|
||||
<Paper p={"md"}>
|
||||
<Stack gap={"xs"}>
|
||||
<Text fw={"bold"} fz={"lg"} c={colors['blue-button']}>Pengumuman Penting</Text>
|
||||
<Flex justify={"space-between"}>
|
||||
<Text fz={"md"} c={"black"}>Jadwal Rapat</Text>
|
||||
<Text fz={"md"} c={"black"}>5</Text>
|
||||
</Flex>
|
||||
<Flex justify={"space-between"}>
|
||||
<Text fz={"md"} c={"black"}>Pendaftaran UMKM</Text>
|
||||
<Text fz={"md"} c={"black"}>10</Text>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</SimpleGrid>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,54 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Bumdes Pudak Mesari
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/ack.png" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Badan Usaha Milik Desa (BUMDes) Pudak Mesari adalah lembaga ekonomi desa yang berperan penting dalam pengembangan potensi dan kesejahteraan masyarakat Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali. BUMDes ini berfungsi sebagai motor penggerak perekonomian desa melalui berbagai unit usaha yang dikelola secara profesional.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran BUMDes Pudak Mesari:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Usaha Mikro dan Kecil:</Text>BUMDes Pudak Mesari menyediakan layanan bagi pelaku usaha mikro dan kecil di desa, seperti penyediaan konsumsi dan snack kotak untuk berbagai acara.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengelolaan Sampah Berbasis Masyarakat:</Text>Melalui kolaborasi dengan komunitas pemuda peduli lingkungan, BUMDes Pudak Mesari aktif dalam pengelolaan sampah berbasis masyarakat.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peningkatan Kapasitas dan Transparansi:</Text>Untuk memastikan pengelolaan yang akuntabel, BUMDes Pudak Mesari rutin mengadakan rapat koordinasi dan pendampingan penyusunan laporan pertanggungjawaban.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Kolaborasi Internasional:</Text>Desa Darmasaba, melalui BUMDes Pudak Mesari, menerima kunjungan dari tim Osaki Jepang untuk memperkuat pengelolaan sampah dan lingkungan.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Dengan berbagai inisiatif tersebut, BUMDes Pudak Mesari menunjukkan perannya sebagai pilar utama dalam pengembangan ekonomi dan kesejahteraan masyarakat Desa Darmasaba, sekaligus menjaga kelestarian lingkungan melalui program-program inovatif dan kolaboratif.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
71
src/app/darmasaba/(pages)/desa/potensi/(detail)/dam/page.tsx
Normal file
71
src/app/darmasaba/(pages)/desa/potensi/(detail)/dam/page.tsx
Normal file
@@ -0,0 +1,71 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Dam Tanah Putih
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/damtanahputih.jpeg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki Dam Tanah Putih sebagai salah satu potensi desa yang bernilai strategis. Selain berfungsi sebagai infrastruktur pengairan, dam ini juga memiliki potensi untuk dikembangkan sebagai destinasi wisata alam, edukasi, dan rekreasi bagi masyarakat lokal maupun wisatawan.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran Dam Tanah Putih:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Fungsi Utama Sebagai Sumber Pengairan</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dam Tanah Putih memiliki peran penting dalam sistem irigasi yang menopang sektor pertanian di Darmasaba. Air dari dam ini digunakan untuk:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Mengairi sawah dan ladang : Menjamin ketersediaan air bagi petani sepanjang tahun.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Menjaga keseimbangan ekosistem : Menjadi habitat bagi ikan air tawar dan berbagai biota air.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Menampung air hujan : Membantu mengurangi risiko banjir dan kekeringan.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Potensi Wisata Alam dan Rekreasi</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dengan pemandangan alam yang asri dan suasana yang sejuk, Dam Tanah Putih memiliki potensi besar untuk dikembangkan sebagai tempat wisata alam. Beberapa kegiatan yang bisa dikembangkan di area ini antara lain:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Trekking dan jogging di sekitar dam : Menikmati udara segar dan pemandangan indah.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Berkemah dan piknik : Cocok untuk keluarga dan komunitas yang ingin menikmati alam.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Wisata air : Seperti pemancingan atau wisata perahu kecil yang dapat menarik wisatawan.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Spot fotografi alam : Keindahan dam dan sekitarnya menjadi latar yang menarik bagi para fotografer.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Potensi Ekonomi dan UMKM Lokal</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dengan pengembangan dam sebagai destinasi wisata, masyarakat sekitar dapat memanfaatkan peluang usaha seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Warung makan dan jajanan tradisional : Menyediakan makanan khas Bali bagi wisatawan.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Jasa penyewaan alat rekreasi : Seperti pancing atau perahu kecil.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Produk kerajinan tangan dan suvenir : Oleh-oleh khas Darmasaba yang menarik bagi pengunjung.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Konservasi dan Edukasi Lingkungan</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dam Tanah Putih juga bisa menjadi tempat edukasi lingkungan dengan konsep konservasi, di mana pengunjung bisa belajar tentang:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pengelolaan sumber daya air yang berkelanjutan.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Keanekaragaman hayati di sekitar dam.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pentingnya ekosistem perairan bagi pertanian dan kehidupan masyarakat.</Text>
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Dengan berbagai fungsi dan keindahannya, Dam Tanah Putih memiliki potensi besar untuk dikembangkan sebagai destinasi wisata alam, rekreasi, serta edukasi lingkungan. Dengan pengelolaan yang baik dan dukungan dari masyarakat serta pemerintah desa, dam ini dapat menjadi aset penting bagi Darmasaba, baik dari sisi ekonomi maupun kelestarian lingkungan.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,69 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Genteng
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/genteng.jpeg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam industri genteng yang dikelola oleh Usaha Mikro, Kecil, dan Menengah (UMKM). Sebagai desa yang masih mempertahankan nilai-nilai tradisional dalam pembangunan, industri genteng di Darmasaba berperan penting dalam penyediaan bahan bangunan berkualitas bagi masyarakat lokal maupun luar daerah.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran UMKM Genteng:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Genteng Tradisional Berkualitas Tinggi</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>UMKM di Darmasaba memproduksi genteng dari bahan baku pilihan seperti tanah liat berkualitas, yang menghasilkan genteng dengan daya tahan tinggi, kuat, dan cocok untuk iklim tropis. Beberapa jenis genteng yang dihasilkan meliputi:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Genteng Tanah Liat : Kuat, tahan lama, dan memiliki estetika khas tradisional.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Genteng Beton : Cocok untuk bangunan modern dengan ketahanan lebih tinggi.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Genteng Keramik : Memberikan tampilan elegan dan daya serap air yang lebih rendah.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peluang Ekonomi dan Pemberdayaan Masyarakat:</Text>Industri genteng di Darmasaba memberikan peluang kerja bagi masyarakat setempat, terutama dalam bidang produksi, distribusi, hingga pemasaran. UMKM genteng juga mendukung keberlanjutan ekonomi desa dengan meningkatkan pendapatan warga serta mengurangi angka pengangguran.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Inovasi dan Pengembangan Teknologi</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Beberapa pengrajin genteng di Darmasaba telah mulai mengadopsi teknologi modern dalam proses produksi, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Penggunaan cetakan dan oven pembakaran efisien untuk meningkatkan kualitas dan kapasitas produksi.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Teknik pelapisan anti bocor dan anti lumut untuk membuat genteng lebih tahan lama.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Desain genteng inovatif yang lebih ringan dan mudah dipasang.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pemasaran dan Ekspansi Pasar</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dengan meningkatnya pembangunan perumahan dan proyek konstruksi di Bali, permintaan akan genteng berkualitas terus bertambah. UMKM genteng Darmasaba dapat memperluas pasarnya dengan:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Menjalin kerja sama dengan kontraktor dan pengembang properti.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Mempromosikan produk melalui media sosial dan marketplace online.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Menyediakan layanan custom sesuai kebutuhan pelanggan.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Keberlanjutan dan Ramah Lingkungan:</Text>Industri genteng di Darmasaba berpotensi dikembangkan secara lebih ramah lingkungan dengan menerapkan metode produksi yang mengurangi limbah dan emisi. Pemanfaatan energi alternatif serta daur ulang bahan limbah dapat membantu menciptakan industri yang lebih berkelanjutan.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
UMKM genteng di Desa Darmasaba memiliki potensi besar untuk terus berkembang sebagai sektor industri unggulan. Dengan inovasi, pemasaran yang lebih luas, serta dukungan dari pemerintah dan masyarakat, industri ini dapat meningkatkan kesejahteraan warga dan memperkuat perekonomian desa.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,57 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Gumuh Sari Waterpark
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/waterpark.png" alt='' w={"100%"} h={400} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Gumuh Sari Waterpark, terletak di Jl. Tegal Gumuh No. 9, Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali, adalah destinasi rekreasi yang menawarkan berbagai fasilitas untuk pengunjung dari segala usia. Taman rekreasi ini tidak hanya menyediakan wahana air yang menyenangkan, tetapi juga fasilitas olahraga dan kuliner, menjadikannya tempat ideal untuk rekreasi keluarga dan komunitas.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi Desa melalui Gumuh Sari Waterpark:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Pariwisata Lokal:</Text> Dengan adanya destinasi seperti Gumuh Sari Waterpark, Desa Darmasaba dapat menarik lebih banyak wisatawan lokal maupun mancanegara. Kehadiran pengunjung ini berpotensi meningkatkan pendapatan desa dan membuka peluang usaha baru bagi masyarakat setempat.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peningkatan Ekonomi Masyarakat:</Text>Fasilitas seperti restoran dan pusat olahraga di dalam kompleks waterpark memberikan peluang bagi warga lokal untuk terlibat dalam sektor jasa dan perdagangan. Hal ini dapat menciptakan lapangan pekerjaan dan mendukung pertumbuhan ekonomi desa.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Fasilitas Olahraga dan Kesehatan:</Text>Dengan adanya pusat futsal dan gym, Gumuh Sari Waterpark mendorong masyarakat untuk berpartisipasi dalam kegiatan olahraga, yang dapat meningkatkan kesehatan dan kesejahteraan warga.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pemberdayaan Komunitas Melalui Event dan Acara:</Text>Waterpark ini sering menjadi tuan rumah berbagai acara komunitas, seperti pesta busa dan bola, yang dapat mempererat hubungan antarwarga dan menciptakan lingkungan yang harmonis.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peningkatan Infrastruktur dan Aksesibilitas:</Text>Dengan meningkatnya jumlah pengunjung, infrastruktur desa seperti jalan, transportasi, dan layanan umum lainnya akan berkembang untuk memenuhi kebutuhan tersebut, yang pada gilirannya meningkatkan kualitas hidup masyarakat setempat.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Melalui pengelolaan dan pengembangan yang tepat, Gumuh Sari Waterpark dapat menjadi motor penggerak bagi kemajuan Desa Darmasaba, meningkatkan kesejahteraan masyarakat, dan menjadikan desa ini sebagai destinasi wisata yang dikenal luas.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
63
src/app/darmasaba/(pages)/desa/potensi/(detail)/ikm/page.tsx
Normal file
63
src/app/darmasaba/(pages)/desa/potensi/(detail)/ikm/page.tsx
Normal file
@@ -0,0 +1,63 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
IKM Berbasis Pengolahan Pangan
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.4rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/ikm.png" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam Industri Kecil dan Menengah (IKM) berbasis pengolahan pangan. Dengan sumber daya alam yang melimpah dan warisan kuliner khas Bali, Darmasaba dapat mengembangkan sektor ini untuk meningkatkan kesejahteraan masyarakat dan menciptakan lapangan kerja baru.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran IKM Berbasis Pengolahan Pangan:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Produk Unggulan Pengolahan Pangan</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Beberapa produk olahan pangan yang potensial dikembangkan di Darmasaba meliputi:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Keripik dan Snack Tradisional : Seperti keripik pisang, keripik singkong, dan rengginang.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Sambal Khas Bali : Seperti sambal matah dan sambal embe yang banyak diminati pasar lokal dan nasional.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Minuman Herbal dan Jamu : Berbasis rempah seperti kunyit asam, beras kencur, dan wedang jahe.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Olahan Makanan Berbasis Kelapa : Seperti virgin coconut oil (VCO), serundeng, dan gula aren.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Kue Tradisional Bali : Seperti jaje laklak, jaje uli, dan klepon yang dapat dikemas secara modern.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peluang Ekonomi dan Pemberdayaan UMKM:</Text>IKM berbasis pengolahan pangan dapat membuka peluang bagi masyarakat, terutama ibu rumah tangga dan pemuda desa, untuk berwirausaha. Dengan dukungan modal dan pelatihan dari pemerintah desa atau BUMDes Pudak Mesari, usaha kecil ini dapat berkembang menjadi industri yang lebih besar.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Digitalisasi dan Pemasaran Online:</Text>Darmasaba dapat mengembangkan kawasan sentra IKM sebagai pusat produksi, pelatihan, dan pemasaran produk olahan pangan. Dengan adanya fasilitas ini, para pelaku usaha dapat lebih mudah berkolaborasi, meningkatkan kualitas produk, serta mendapatkan akses ke permodalan dan distribusi yang lebih luas.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Kawasan Sentra IKM:</Text>Dengan berkembangnya sektor kuliner, banyak pelaku UMKM di Darmasaba mulai merintis usaha makanan, baik dalam bentuk warung makan, katering, hingga produksi makanan ringan seperti keripik, sambal, dan minuman tradisional. Potensi ini dapat terus dikembangkan dengan dukungan pemerintah desa dan promosi melalui media sosial.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Sinergi dengan Pariwisata dan Agrowisata:</Text>Dengan berkembangnya sektor wisata di Darmasaba, produk olahan pangan dapat dijadikan suvenir khas desa. Pengunjung dapat membeli oleh-oleh seperti sambal kemasan, jajanan khas, atau minuman herbal sebagai bagian dari pengalaman wisata mereka.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
IKM berbasis pengolahan pangan memiliki potensi besar untuk menjadi sektor unggulan di Desa Darmasaba. Dengan inovasi, dukungan teknologi, serta pemasaran yang baik, produk-produk lokal dapat bersaing di pasar yang lebih luas, meningkatkan kesejahteraan masyarakat, dan menjadikan Darmasaba sebagai pusat industri pangan kreatif di Kabupaten Badung.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,65 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/jogging.jpg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi wisata olahraga dan rekreasi melalui Jogging Track Tegeh Aban, Karang Gadon, dan Munduk Uma Desa. Jalur jogging ini tidak hanya menjadi fasilitas olahraga bagi warga, tetapi juga berpotensi dikembangkan sebagai destinasi wisata sehat berbasis alam yang menarik bagi wisatawan lokal maupun luar daerah.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Keindahan Alam dan Udara Segar:</Text>Jogging track yang membentang di Tegeh Aban, Karang Gadon, dan Munduk Uma Desa menawarkan pemandangan alam yang asri dengan udara segar khas pedesaan. Jalur ini melewati area persawahan hijau, perkebunan, serta hutan kecil yang memberikan pengalaman jogging yang lebih menyenangkan dan menenangkan.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Fasilitas Olahraga dan Rekreasi </Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Selain untuk jogging, jalur ini juga cocok digunakan untuk:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Bersepeda santai : Jalur yang nyaman untuk pecinta sepeda.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Trekking ringan : Cocok bagi wisatawan yang ingin menikmati suasana pedesaan.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Meditasi dan Yoga : Area yang tenang dan alami, ideal untuk relaksasi.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Destinasi Wisata Sehat dan Edukasi:</Text>Jogging track ini berpotensi dikembangkan sebagai wisata sehat berbasis alam, di mana pengunjung bisa menikmati udara segar sambil berolahraga. Selain itu, jalur ini dapat dijadikan sebagai rute edukasi lingkungan, mengenalkan keanekaragaman hayati, pertanian, serta kehidupan masyarakat desa.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Potensi Ekonomi bagi Masyarakat </Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dengan meningkatnya jumlah pengunjung, masyarakat sekitar dapat memanfaatkan peluang usaha seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Warung sehat dan kuliner lokal : Menyediakan makanan dan minuman sehat bagi para pengunjung.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Jasa penyewaan sepeda : Menarik bagi wisatawan yang ingin berkeliling lebih jauh.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pemandu wisata lokal : Memberikan pengalaman lebih bagi wisatawan yang ingin mengenal sejarah dan budaya desa.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Berkelanjutan:</Text>Agar semakin menarik, jogging track ini bisa dilengkapi dengan fasilitas tambahan seperti tempat istirahat, spot foto alami, papan informasi tentang flora dan fauna, serta area taman bunga untuk mempercantik jalur jogging.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Jogging Track Tegeh Aban, Karang Gadon, dan Munduk Uma Desa memiliki potensi besar sebagai destinasi wisata sehat dan olahraga berbasis alam. Dengan pengelolaan yang baik serta dukungan dari pemerintah desa dan masyarakat, jalur ini bisa menjadi ikon baru Desa Darmasaba yang menarik bagi wisatawan serta meningkatkan perekonomian warga setempat.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,62 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} px={{ base: "md", md: 0 }} gap={"22"} >
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Kawasan Kuliner
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/warungumkm.jpg" alt='' w={"100%"} h={400} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Bali, memiliki potensi besar dalam sektor kuliner. Sebagai desa yang strategis dan terus berkembang, Darmasaba mulai dikenal sebagai destinasi kuliner yang menawarkan beragam makanan khas Bali hingga makanan modern yang menarik minat wisatawan dan masyarakat lokal.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi Desa melalui Kawasan Kuliner:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Ragam Kuliner Khas Bali</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Darmasaba memiliki banyak warung dan rumah makan yang menyajikan hidangan khas Bali yang otentik, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Babi Guling : Salah satu kuliner favorit di Bali yang banyak ditemukan di Darmasaba.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Ayam Betutu : Hidangan ayam berbumbu khas yang dimasak dengan teknik khas Bali.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Lawar : Campuran daging dan sayuran berbumbu khas Bali.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Sate Lilit : Sate khas Bali yang terbuat dari daging cincang yang dibalut pada batang serai.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Wisata Kuliner Modern & Cafe Kekinian:</Text>Selain makanan tradisional, Darmasaba juga mulai berkembang dengan hadirnya cafe dan resto kekinian yang menyajikan menu modern seperti kopi spesial, burger, pizza, dan aneka dessert yang digemari anak muda. Keberadaan tempat-tempat ini menjadikan Darmasaba sebagai pilihan destinasi kuliner bagi wisatawan maupun warga sekitar.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pasar Kuliner Malam:</Text>Salah satu daya tarik Darmasaba adalah pusat kuliner malam yang menghadirkan aneka makanan kaki lima seperti nasi jinggo, tipat cantok, bakso, dan berbagai jajanan khas Bali. Suasana yang ramai dan harga yang terjangkau membuat pasar kuliner ini menjadi tempat favorit bagi masyarakat lokal.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Potensi Ekonomi & UMKM Kuliner:</Text>Dengan berkembangnya sektor kuliner, banyak pelaku UMKM di Darmasaba mulai merintis usaha makanan, baik dalam bentuk warung makan, katering, hingga produksi makanan ringan seperti keripik, sambal, dan minuman tradisional. Potensi ini dapat terus dikembangkan dengan dukungan pemerintah desa dan promosi melalui media sosial.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Kawasan Kuliner Berbasis Pariwisata:</Text>Untuk menarik lebih banyak pengunjung, Darmasaba berpotensi mengembangkan kawasan kuliner berbasis wisata yang menggabungkan pengalaman makan dengan konsep alam terbuka, pertunjukan seni, dan edukasi kuliner khas Bali. Hal ini dapat menjadi daya tarik tambahan bagi wisatawan yang ingin merasakan pengalaman kuliner yang lebih autentik.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Dengan kekayaan kuliner yang dimiliki, Desa Darmasaba berpotensi menjadi kawasan kuliner unggulan di Kabupaten Badung. Dukungan dari masyarakat, pemerintah desa, serta promosi yang lebih luas dapat menjadikan Darmasaba sebagai destinasi kuliner yang semakin dikenal dan berkembang.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,69 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Peternakan Ikan Lele
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/peternakanlele.jpg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor peternakan lele. Dengan kondisi lingkungan yang mendukung serta meningkatnya permintaan ikan lele di pasaran, budidaya ikan lele dapat menjadi salah satu sektor ekonomi unggulan yang mampu meningkatkan kesejahteraan masyarakat desa.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran Peternakan Ikan Lele:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Kondisi Lingkungan yang Mendukung</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Darmasaba memiliki sumber air yang cukup serta iklim yang cocok untuk budidaya ikan lele. Kolam-kolam budidaya dapat dibuat dengan berbagai sistem, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Kolam Terpal : Mudah dibuat dan lebih efisien dalam perawatan.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Kolam Beton : Lebih tahan lama dan cocok untuk produksi skala besar.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Sistem Bioflok : Teknologi modern yang dapat meningkatkan kepadatan ikan dan mengurangi limbah.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Permintaan Pasar yang Tinggi:</Text>Lele merupakan salah satu jenis ikan yang memiliki permintaan tinggi di Bali, baik untuk konsumsi rumah tangga, warung makan, hingga restoran. Produk olahan seperti lele goreng, pecel lele, dan abon lele semakin diminati, membuka peluang besar bagi peternak lele di Darmasaba.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Inovasi dan Pengembangan Teknologi</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Beberapa pengrajin genteng di Darmasaba telah mulai mengadopsi teknologi modern dalam proses produksi, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Penggunaan cetakan dan oven pembakaran efisien untuk meningkatkan kualitas dan kapasitas produksi.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Teknik pelapisan anti bocor dan anti lumut untuk membuat genteng lebih tahan lama.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Desain genteng inovatif yang lebih ringan dan mudah dipasang.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pemasaran dan Ekspansi Pasar</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Dengan meningkatnya pembangunan perumahan dan proyek konstruksi di Bali, permintaan akan genteng berkualitas terus bertambah. UMKM genteng Darmasaba dapat memperluas pasarnya dengan:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Menjalin kerja sama dengan kontraktor dan pengembang properti.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Mempromosikan produk melalui media sosial dan marketplace online.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Menyediakan layanan custom sesuai kebutuhan pelanggan.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Keberlanjutan dan Ramah Lingkungan:</Text>Industri genteng di Darmasaba berpotensi dikembangkan secara lebih ramah lingkungan dengan menerapkan metode produksi yang mengurangi limbah dan emisi. Pemanfaatan energi alternatif serta daur ulang bahan limbah dapat membantu menciptakan industri yang lebih berkelanjutan.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
UMKM genteng di Desa Darmasaba memiliki potensi besar untuk terus berkembang sebagai sektor industri unggulan. Dengan inovasi, pemasaran yang lebih luas, serta dukungan dari pemerintah dan masyarakat, industri ini dapat meningkatkan kesejahteraan warga dan memperkuat perekonomian desa.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,77 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Pemotongan Daging
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/potong-daging.png" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor pemotongan daging. Kegiatan ini tidak hanya berperan dalam memenuhi kebutuhan konsumsi lokal, tetapi juga mendukung sektor kuliner, usaha mikro, dan distribusi daging ke berbagai wilayah di Bali.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran Pemotongan Daging:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pemotongan Daging sebagai Sumber Ekonomi</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Usaha pemotongan daging di Darmasaba menjadi salah satu sektor ekonomi yang berkembang pesat, terutama untuk memenuhi permintaan dari:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Warung makan dan rumah tangga : Daging segar untuk kebutuhan harian masyarakat.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Restoran dan usaha kuliner : Banyak digunakan dalam masakan khas Bali, seperti babi guling, sate lilit, dan lawar.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pasar tradisional dan distributor daging : Suplai daging ke pasar di wilayah sekitar.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Jenis Daging yang Diproduksi</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Kuliner khas desa ini memiliki potensi besar untuk dikembangkan sebagai bisnis UMKM, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Daging babi : Salah satu produk utama yang digunakan untuk kuliner khas Bali seperti babi guling.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Daging sapi : Untuk kebutuhan rumah tangga, usaha kuliner, hingga upacara adat.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Daging ayam : Bahan dasar berbagai makanan seperti ayam betutu dan sate lilit.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Potensi Distribusi dan Pasar yang Luas</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Pemotongan daging di Darmasaba tidak hanya memenuhi kebutuhan desa, tetapi juga didistribusikan ke berbagai daerah di Bali, termasuk:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pasar tradisional di Badung dan Denpasar.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Rumah makan, katering, dan warung lokal.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - UMKM yang bergerak di bidang pengolahan daging seperti abon, bakso, dan dendeng.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peluang Pengolahan dan Inovasi Produk</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Untuk meningkatkan nilai jual, usaha pemotongan daging di Darmasaba dapat dikembangkan dengan inovasi pengolahan seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Daging olahan siap masak : Seperti sosis, bakso, dan abon yang lebih praktis untuk konsumen.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Produk daging asap atau dendeng : Memiliki daya tahan lebih lama dan nilai jual lebih tinggi.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Paket daging beku : Mempermudah distribusi ke restoran dan pelanggan yang membutuhkan penyimpanan lebih lama.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Dukungan dan Pengembangan Usaha</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Agar usaha pemotongan daging di Darmasaba semakin berkembang, diperlukan:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Peningkatan standar kebersihan dan keamanan pangan : Dengan penerapan Good Handling Practices (GHP).</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pemasaran digital dan kemitraan dengan UMKM : Untuk memperluas jangkauan pasar.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pengolahan limbah yang ramah lingkungan : Agar tidak mencemari lingkungan sekitar.</Text>
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Pemotongan daging di Desa Darmasaba memiliki potensi besar sebagai sektor ekonomi utama, dengan permintaan pasar yang tinggi serta peluang inovasi dalam pengolahan produk daging. Dengan pengelolaan yang baik, usaha ini dapat berkembang menjadi industri yang lebih modern, higienis, dan berkelanjutan.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,62 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Pertanian
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/pertanian.jpg" alt='' w={"100%"} h={400} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, Bali, memiliki potensi pertanian yang besar sebagai bagian dari warisan agraris yang telah diwariskan secara turun-temurun. Dengan kondisi tanah yang subur serta sistem irigasi tradisional subak, pertanian di Darmasaba memainkan peran penting dalam ekonomi dan keberlanjutan lingkungan desa.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi Desa melalui Pertanian:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Potensi dan Komoditas Unggulan</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Pertanian di Desa Darmasaba mengandalkan berbagai jenis tanaman yang memiliki nilai ekonomi tinggi, di antaranya:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Padi : Sebagai salah satu desa yang masih mempertahankan sistem subak, Darmasaba menjadi bagian dari lumbung pangan di Bali.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Sayur-mayur : Beberapa jenis sayuran seperti kangkung, bayam, cabai, dan tomat banyak dibudidayakan oleh petani lokal.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Buah-buahan tropis : Termasuk pisang, mangga, dan kelapa, yang menjadi sumber pendapatan tambahan bagi petani.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Tanaman obat dan rempah : Seperti jahe, kunyit, dan lengkuas, yang memiliki permintaan tinggi baik untuk kebutuhan rumah tangga maupun industri herbal.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Sistem Irigasi Tradisional Subak:</Text>Sebagai bagian dari warisan budaya Bali, sistem irigasi subak masih diterapkan di Darmasaba. Sistem ini memungkinkan distribusi air yang adil di antara lahan pertanian dan membantu menjaga keberlanjutan produksi pangan desa.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Pertanian Organik:</Text>Dengan meningkatnya kesadaran akan pentingnya produk sehat dan ramah lingkungan, beberapa petani di Darmasaba mulai beralih ke metode pertanian organik. Hal ini membuka peluang bagi desa untuk mengembangkan produk-produk pertanian yang memiliki nilai jual lebih tinggi.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Agrowisata sebagai Sumber Pendapatan Baru:</Text>Potensi pertanian Darmasaba juga dapat dikembangkan menjadi agrowisata, di mana wisatawan dapat merasakan pengalaman langsung dalam bertani, mengikuti workshop bercocok tanam, serta menikmati hasil pertanian segar. Hal ini dapat menarik wisatawan lokal maupun mancanegara, meningkatkan perekonomian desa.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pemberdayaan Petani dan UMKM Berbasis Pertanian:</Text>Dengan adanya BUMDes Pudak Mesari dan dukungan dari pemerintah setempat, petani di Darmasaba dapat diberikan pelatihan dan akses pasar yang lebih luas. Produk pertanian dapat diolah menjadi berbagai produk turunan seperti keripik pisang, sambal khas desa, hingga minuman herbal yang dapat dipasarkan ke luar daerah.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Dengan berbagai potensi yang dimiliki, pertanian di Desa Darmasaba dapat terus berkembang melalui inovasi dan pemanfaatan teknologi pertanian modern. Dukungan dari masyarakat, pemerintah, dan lembaga terkait sangat penting untuk menjaga keberlanjutan sektor pertanian dan meningkatkan kesejahteraan petani di desa ini.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,57 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Taman Beji Cengana
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/taman-beji.jpg" alt='' w={"100%"} h={400} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Taman Beji Cengana, terletak di Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali, adalah situs suci yang memiliki nilai spiritual dan sejarah yang tinggi. Tempat ini dikenal sebagai lokasi untuk ritual pembersihan diri (melukat) dan peribadatan oleh umat Hindu Bali. Keberadaan mata air suci (Tirta Klebutan) di Taman Beji Cengana dipercaya memberikan berkah dan penyucian bagi mereka yang datang untuk berdoa dan melakukan ritual.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi Desa melalui Taman Beji Cengana:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Pariwisata Spiritual:</Text> Taman Beji Cengana memiliki potensi besar sebagai destinasi wisata spiritual. Wisatawan yang mencari pengalaman spiritual dan ketenangan batin dapat tertarik untuk mengunjungi tempat ini, mengikuti ritual melukat, dan merasakan suasana sakral yang ditawarkan.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pelestarian Budaya dan Tradisi:</Text>Dengan mempromosikan Taman Beji Cengana sebagai pusat kegiatan budaya dan ritual tradisional, desa dapat memastikan bahwa warisan budaya dan tradisi lokal tetap lestari.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pendidikan dan Penelitian:</Text>Taman Beji Cengana dapat dijadikan sebagai pusat pendidikan dan penelitian bagi akademisi, peneliti, dan pelajar yang tertarik mempelajari budaya, agama, dan sejarah Bali.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Ekonomi Kreatif:</Text>Dengan meningkatnya jumlah pengunjung ke Taman Beji Cengana, peluang bagi pengembangan ekonomi kreatif juga terbuka lebar. Masyarakat lokal dapat mengembangkan produk kerajinan tangan, kuliner khas, dan suvenir yang mencerminkan budaya dan tradisi desa.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Konservasi Lingkungan:</Text>Sebagai situs suci dengan mata air alami, Taman Beji Cengana memiliki peran penting dalam konservasi lingkungan. Upaya menjaga kebersihan dan kelestarian mata air serta lingkungan sekitarnya dapat menjadi contoh praktik konservasi yang baik.
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Dengan memanfaatkan potensi yang dimiliki Taman Beji Cengana, Desa Darmasaba dapat mengembangkan sektor pariwisata, budaya, pendidikan, ekonomi, dan lingkungan secara berkelanjutan, yang pada gilirannya akan meningkatkan kesejahteraan masyarakat dan pelestarian warisan budaya.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
51
src/app/darmasaba/(pages)/desa/potensi/(detail)/tps/page.tsx
Normal file
51
src/app/darmasaba/(pages)/desa/potensi/(detail)/tps/page.tsx
Normal file
@@ -0,0 +1,51 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Container, Text, Image, ListItem, List } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
TPS3R Pudak Mesari
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/tps.png" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
TPS3R Pudak Mesari adalah Tempat Pengolahan Sampah dengan konsep Reduce, Reuse, dan Recycle (TPS3R) yang berlokasi di Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung, Bali. Fasilitas ini berperan penting dalam pengelolaan sampah berbasis masyarakat, dengan tujuan mengurangi volume sampah yang masuk ke Tempat Pembuangan Akhir (TPA) dan meningkatkan kesadaran warga tentang pentingnya pengelolaan sampah yang berkelanjutan.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi Desa melalui TPS3R Pudak Mesari:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Peningkatan Kesehatan Lingkungan:</Text> Dengan pengelolaan sampah yang efektif, desa dapat menjaga kebersihan lingkungan, mengurangi risiko penyakit, dan menciptakan suasana yang lebih nyaman bagi warga.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pemberdayaan Ekonomi Masyarakat:</Text> TPS3R membuka peluang usaha bagi warga melalui pemilahan dan pengolahan sampah, seperti produksi kompos dari sampah organik dan kerajinan tangan dari sampah anorganik yang dapat meningkatkan pendapatan masyarakat.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Edukasi dan Kesadaran Lingkungan:</Text> Fasilitas ini dapat menjadi pusat edukasi bagi masyarakat tentang pentingnya pengelolaan sampah, mendorong partisipasi aktif dalam menjaga kelestarian lingkungan.
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Pengembangan Pariwisata Berkelanjutan:</Text> Dengan lingkungan yang bersih dan asri, Desa Darmasaba memiliki potensi untuk menarik wisatawan yang tertarik pada ekowisata dan budaya lokal, sehingga meningkatkan perekonomian desa.
|
||||
</ListItem>
|
||||
</List>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,70 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, List, ListItem, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../../layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
UMKM
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Informasi dan Pelayanan Administrasi Digital
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/umkm.jpeg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Desa Darmasaba, yang terletak di Kecamatan Abiansemal, Kabupaten Badung, memiliki potensi besar dalam sektor Usaha Mikro, Kecil, dan Menengah (UMKM). Keberadaan UMKM di desa ini tidak hanya menjadi motor penggerak ekonomi lokal, tetapi juga mendukung pelestarian budaya dan kearifan lokal melalui berbagai produk unggulan.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Potensi dan Peran UMKM:
|
||||
</Text>
|
||||
<List py={20} type='ordered'>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Kerajinan Tangan dan Produk Lokal</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Darmasaba memiliki banyak pengrajin yang menghasilkan produk unik dengan nilai seni tinggi, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Genteng dan bahan bangunan tradisional : Genteng khas Darmasaba yang berkualitas tinggi.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Kerajinan anyaman dan ukiran : Produk berbasis rotan dan kayu yang banyak diminati pasar lokal dan internasional.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pakaian adat dan kain tradisional : Mendukung pelestarian budaya Bali.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Industri Kuliner Khas Darmasaba</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Kuliner khas desa ini memiliki potensi besar untuk dikembangkan sebagai bisnis UMKM, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Babi Guling : Salah satu kuliner favorit yang banyak diminati wisatawan.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Jajanan tradisional Bali : Seperti laklak, jaja uli, dan klepon yang masih dibuat dengan cara tradisional.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Olahan ikan lele : Seperti abon lele, lele asap, dan pecel lele yang memiliki pasar luas.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>UMKM Berbasis Pengolahan Pangan</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Beberapa UMKM di Darmasaba mengolah hasil pertanian dan peternakan menjadi produk bernilai tambah, seperti:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Keripik singkong dan pisang : Camilan sehat berbasis bahan lokal.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Olahan kelapa : Seperti minyak kelapa murni dan gula aren.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Produk herbal dan jamu : Menggunakan bahan-bahan alami dari tanaman lokal.</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
<Text fz={{ base: "sm", md: "lg" }} fw={"bold"}>Dukungan dan Pengembangan UMKM</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>Agar UMKM di Darmasaba semakin berkembang, perlu adanya:</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pelatihan dan pendampingan usaha : Untuk meningkatkan kualitas produk dan manajemen usaha.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Pemasaran digital : Menggunakan media sosial dan e-commerce untuk menjangkau pasar lebih luas.</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}> - Kerja sama dengan BUMDes Pudak Mesari : Untuk membantu akses modal dan pengelolaan bisnis yang lebih profesional.</Text>
|
||||
</ListItem>
|
||||
</List>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
UMKM di Desa Darmasaba memiliki potensi besar dalam berbagai sektor, mulai dari kerajinan tangan, kuliner, hingga wisata berbasis masyarakat. Dengan inovasi, pemasaran yang lebih luas, dan dukungan dari pemerintah desa serta masyarakat, UMKM Darmasaba dapat berkembang pesat dan menjadi tulang punggung perekonomian desa.
|
||||
</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -1,63 +1,137 @@
|
||||
'use client'
|
||||
import colors from '@/con/colors';
|
||||
import { BackgroundImage, Box, Button, Container, Group, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import { BackgroundImage, Box, Button, Flex, Group, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import BackButton from '../layanan/_com/BackButto';
|
||||
// import { useRouter } from 'next/navigation';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
const datamap = [
|
||||
{
|
||||
id: 1,
|
||||
images: "/api/img/tps.png",
|
||||
name: "TPS3R Pudak Mesari",
|
||||
deskripsi: "TPS 3R Pudak Mesari Darmasaba layak mendapat penghargaan demikian apresiasi dari Delterra Sosial Indonesia nie Semeton Darmasaba!, Hal tersebut dikarenakan walaupun baru berdiri namun TPS 3R kebanggaan Desa Darmasaba tersebut sudah berjalan dengan sangat baik. "
|
||||
kategori: "Lingkungan",
|
||||
link: "/darmasaba/desa/potensi/tps",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
images: "/api/img/ack.png",
|
||||
name: "Bumdes Pudak Mesari",
|
||||
deskripsi: "Bumdes Pudak Mesari sangat membantu warga desa Darmasaba dalam mengelola dan membangun sebuah desa yang lebih baik lagi"
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/bumdes"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
images: "/api/img/taman-beji.jpg",
|
||||
name: "Taman Beji Cengana",
|
||||
deskripsi: "Tirta Klebutan di Pura Taman Beji Cengana di Desa Adat Darmasaba, Badung, selain dipercaya nunas Taksu serta pembersihan diri. Tersemat juga asal usul cerita ditemukannya Tirta Klebutan yang tepat berada di pinggir Tukad Cengana tersebut."
|
||||
kategori: "Wisata",
|
||||
link: "/darmasaba/desa/potensi/taman"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
images: "/api/img/waterpark.png",
|
||||
name: "Gumuh Sari Water Park",
|
||||
deskripsi: "Gumuh Sari Rekreasi atau waterpark, tempat wisata yang asyik dan seru untuk kamu sekeluarga! Tempat liburan di Bali memang seakan nggak ada habisnya. Selalu ada aja destinasi wisata seru yang bisa jadi wishlist. Ada banyak banget tempat wisata yang kamu kunjungi di Bali, mulai dari wisata alam, wisata modern, sampai wisata air."
|
||||
kategori: "Wisata",
|
||||
link: "/darmasaba/desa/potensi/gumuh"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
images: "/api/img/pertanian.jpg",
|
||||
name: "Pertanian",
|
||||
deskripsi: "Dalam rangka pelaksanaan program ketahanan pangan tingkat desa, Pemerintah Desa Darmasaba telah membentuk kelompok petani dan peternak. Kelompok petani selanjutnya menggarap lahan yang sudah disiapkan untuk menanam tanaman pangan seperti cabe, tomat, timun, dan lain-lainnya sedangkan kelompok peternak akan melakukan ternak ikan lele."
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/pertanian"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
images: "/api/img/warungumkm.jpg",
|
||||
name: "Kawasan Kuliner",
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/kuliner"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
images: "/api/img/ikm.png",
|
||||
name: "IKM Berbasis Pengolahan Pangan",
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/ikm"
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
images: "/api/img/genteng.jpeg",
|
||||
name: "Genteng",
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/genteng"
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
images: "/api/img/peternakanlele.jpg",
|
||||
name: "Peternakan Ikan Lele",
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/lele"
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
images: "/api/img/jogging.jpg",
|
||||
name: "Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa",
|
||||
kategori: "Lingkungan",
|
||||
link: "/darmasaba/desa/potensi/joging"
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
images: "/api/img/damtanahputih.jpeg",
|
||||
name: "Dam Tanah Putih",
|
||||
kategori: "Wisata",
|
||||
link: "/darmasaba/desa/potensi/dam"
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
images: "/api/img/umkm.jpeg",
|
||||
name: "UMKM",
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/umkm"
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
images: "/api/img/potong-daging.png",
|
||||
name: "Pemotongan Daging",
|
||||
kategori: "Ekonomi",
|
||||
link: "/darmasaba/desa/potensi/pemotongan"
|
||||
},
|
||||
|
||||
]
|
||||
function Page() {
|
||||
// const router = useRouter()
|
||||
const router = useRouter()
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={"42"}>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"42"} >
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
<Stack align='center' gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Potensi Desa
|
||||
</Text>
|
||||
<Text ta={"justify"} py={10}>
|
||||
Potensi desa adalah segenap sumber daya alam dan sumber daya manusia yang dimiliki desa sebagai modal dasar yang perlu dikelola dan dikembangkan bagi kelangsungan dan perkembangan desa.
|
||||
</Text>
|
||||
</Stack>
|
||||
<Text ta={"justify"}>
|
||||
Adapun potensi yang dimiliki Desa Darmasaba yaitu:
|
||||
</Text>
|
||||
</Container>
|
||||
<Box px={"lg"}>
|
||||
<Box pb={30}>
|
||||
<Stack gap={0}>
|
||||
<Flex justify={"space-between"} align={"center"} px={10}>
|
||||
<Box>
|
||||
<Text fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Potensi Desa
|
||||
</Text>
|
||||
<Text ta={"justify"} py={10}>
|
||||
Temukan berbagai potensi dan keunggulan yang dimiliki Desa Darmasaba.
|
||||
</Text>
|
||||
</Box>
|
||||
<Paper radius={"md"} px={"xl"} py={5} bg={colors["blue-button"]} >
|
||||
<Flex justify={"space-evenly"} align={"center"} gap={"xl"}>
|
||||
<Box>
|
||||
<Text ta={"center"} fz={"h2"} fw={"bold"} c={"white"}>13</Text>
|
||||
<Text ta={"center"} fz={"sm"} c={"white"}>Potensi</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text ta={"center"} fz={"h2"} fw={"bold"} c={"white"}>5</Text>
|
||||
<Text ta={"center"} fz={"sm"} c={"white"}>Destinasi Wisata</Text>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Paper>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Box>
|
||||
|
||||
<SimpleGrid
|
||||
<SimpleGrid
|
||||
py={20}
|
||||
cols={{
|
||||
base: 1,
|
||||
@@ -84,17 +158,23 @@ function Page() {
|
||||
bg={colors.trans.dark[2]}
|
||||
/>
|
||||
<Stack justify='space-between' h={"100%"} gap={0} p={"lg"} pos={"relative"}>
|
||||
<Group>
|
||||
<Paper radius={"lg"} py={7} px={10}>
|
||||
<Text>{v.kategori}</Text>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Box p={"lg"}>
|
||||
<Text
|
||||
fw={"bold"}
|
||||
c={"white"}
|
||||
size={"1.5rem"}
|
||||
size={"1.8rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.name}</Text>
|
||||
</Box>
|
||||
<Group justify="center">
|
||||
<Button px={20} radius={"100"} size="md" bg={colors["blue-button"]}
|
||||
>
|
||||
onClick={() => router.push(v.link)}>
|
||||
Detail
|
||||
</Button>
|
||||
</Group>
|
||||
|
||||
14
src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
Normal file
14
src/app/darmasaba/(pages)/desa/profile/_com/BackButto.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
'use client'
|
||||
|
||||
import { ActionIcon } from "@mantine/core";
|
||||
import { IconArrowLeft } from "@tabler/icons-react";
|
||||
import { useTransitionRouter } from 'next-view-transitions';
|
||||
|
||||
export default function BackButton() {
|
||||
const router = useTransitionRouter()
|
||||
return (
|
||||
<ActionIcon variant="transparent" onClick={() => router.back()}>
|
||||
<IconArrowLeft />
|
||||
</ActionIcon>
|
||||
);
|
||||
}
|
||||
42
src/app/darmasaba/(pages)/desa/profile/page.tsx
Normal file
42
src/app/darmasaba/(pages)/desa/profile/page.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Container, Stack, Text } from '@mantine/core';
|
||||
import BackButton from './_com/BackButto';
|
||||
import ProfileDesa from './ui/profileDesa';
|
||||
import SejarahDesa from './ui/sejarahDesa';
|
||||
import VisimisiDesa from './ui/visimisiDesa';
|
||||
import LambangDesa from './ui/lambangDesa';
|
||||
import MaskotDesa from './ui/maskotDesa';
|
||||
import ProfilPerbekel from './ui/profilPerbekel';
|
||||
import LembagaDesa from './ui/lembagaDesa';
|
||||
import MotoDesa from './ui/motoDesa';
|
||||
import SemuaPerbekel from './ui/semuaPerbekel';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"42"}>
|
||||
<Box px={50}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Text fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Profile Desa
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box w={{ base: "100%", md: "100%" }} px={50}>
|
||||
<ProfileDesa />
|
||||
<SejarahDesa />
|
||||
<VisimisiDesa />
|
||||
<LambangDesa />
|
||||
<MaskotDesa />
|
||||
<ProfilPerbekel />
|
||||
<LembagaDesa />
|
||||
<MotoDesa />
|
||||
<SemuaPerbekel/>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
61
src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
Normal file
61
src/app/darmasaba/(pages)/desa/profile/ui/lambangDesa.tsx
Normal file
@@ -0,0 +1,61 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Stack, Paper, Image, Text, Center } from '@mantine/core';
|
||||
import React from 'react';
|
||||
|
||||
function LambangDesa() {
|
||||
return (
|
||||
<Box pb={70}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Box pb={30}>
|
||||
<Center>
|
||||
<Image src={"/api/img/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
|
||||
</Center>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Lambang Desa</Text>
|
||||
</Box>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"}>
|
||||
Simbul atau lambang bukanlah suatu gambar bentuk tanpa mengandung makna, namun segala yang terdapat di dalamnya mengandung makna filosofi yang mendalam dan kepribadian, setidaknya mengandung suatu pengharapan atau tujuan yang ingin dicapai oleh yang empunya lambang tersebut.
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} py={10} ta={"justify"}>
|
||||
Lambang Desa Darmasaba berbentuk persegi lima sama sisi dengan dasar warna biru yang di dalamnya terdapat bangunan Padmasana dengan rong tiga, di dasarnya terdapat bunga Padma berwarna merah muda yang dikelilingi oleh padi dan kapas serta rantai sebagai pengikatnya, terdapat pula pita berwarna putih bertuliskan “Dharma Temaja”.
|
||||
</Text>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"} fw={"bold"}>
|
||||
Bentuk Dasar Persegi Lima
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"}>
|
||||
Melambangkan Pancasila yang menjadi dasar Negara Republik Indonesia yang harus dihayati dan diamalkan oleh masyarakat Indonesia termasuk masyarakat Desa Darmaaba merupakan bagian dari Bangsa Indonesia.
|
||||
</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"} fw={"bold"}>
|
||||
Dasar Persegi Lima Yang Berwarna Biru
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"}>
|
||||
Mengandung makna wilayah Desa Darmasaba yang luas, tanahnya yg subur dan masyarakatnya memiliki berbagai macam mata pencaharian.
|
||||
</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"} fw={"bold"}>
|
||||
Bangunan Pelinggih Padmasana Rong Tiga
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"}>
|
||||
Merupakan perlambang wilayah Desa Darmasaba terdiri dari tiga Desa Adat antara lain Desa Adat Aban, Desa Adat Tegal dan Desa Adat Darmasaba yang dengan rasa persatuan dan kesatuan dilandasi semangat segalak segilik seguluk sebayantaka membangun Desa Darmasaba.
|
||||
</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"} fw={"bold"}>
|
||||
Bunga Padma Merah Muda
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"justify"}>
|
||||
Memiliki arti kemuliaan.
|
||||
</Text>
|
||||
</Box>
|
||||
</Paper>
|
||||
|
||||
</Stack>
|
||||
</Box >
|
||||
);
|
||||
}
|
||||
|
||||
export default LambangDesa;
|
||||
39
src/app/darmasaba/(pages)/desa/profile/ui/lembagaDesa.tsx
Normal file
39
src/app/darmasaba/(pages)/desa/profile/ui/lembagaDesa.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Center, Image, Paper, Stack, Text } from '@mantine/core';
|
||||
|
||||
function LembagaDesa() {
|
||||
return (
|
||||
<Box pb={70}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Box pb={30}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h1", md: "2.5rem" }}>Lembaga Desa</Text>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h4", md: "h2"}}>Badan Permusyawaratan Desa (BPD)</Text>
|
||||
</Box>
|
||||
<Paper mb={50} p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Center pb={10}>
|
||||
<Image src={"/api/img/bpddarmasaba.png"} alt='' w={{ base: 390, md: 1000 }} />
|
||||
</Center>
|
||||
</Paper>
|
||||
<Box pb={30}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h1", md: "2.5rem" }}>Lembaga pemberdayaan Masyarakat (LPM)</Text>
|
||||
</Box>
|
||||
<Paper mb={50} p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Center pb={10}>
|
||||
<Image src={"/api/img/bpddarmasaba.png"} alt='' w={{ base: 390, md: 1000 }} />
|
||||
</Center>
|
||||
</Paper>
|
||||
<Box pb={30}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h1", md: "2.5rem" }}>Perangkat Desa</Text>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h4", md: "h2"}}>Struktur Organisasi Tata Kerja Pemerintahan Desa Darmasaba</Text>
|
||||
</Box>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Center pb={10}>
|
||||
<Image src={"/api/img/pernagkatdesa.png"} alt='' w={{ base: 390, md: 1000 }} />
|
||||
</Center>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Box >
|
||||
);
|
||||
}
|
||||
|
||||
export default LembagaDesa;
|
||||
98
src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
Normal file
98
src/app/darmasaba/(pages)/desa/profile/ui/maskotDesa.tsx
Normal file
@@ -0,0 +1,98 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Center, Image, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
|
||||
function MaskotDesa() {
|
||||
return (
|
||||
<Box pb={70}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Box pb={30}>
|
||||
<Center>
|
||||
<Image src={"/api/img/pudak-icon.png"} alt="" w={{ base: 200, md: 300 }} />
|
||||
</Center>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Maskot Desa</Text>
|
||||
</Box>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
|
||||
Pudak adalah bunga dari tanaman sejenis pandan <Text span fz={{ base: "md", md: "h3" }} fs={"italic"}>(Pandanaceae)</Text>. Bentuk bunga ini tersusun dalam beberapa lapisan, terbungkus oleh kelopak warna putih <Text span fz={{ base: "md", md: "h3" }} fs={"italic"}>(semacam daun lonjong)</Text> yang ujungnya meruncing.
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} py={10} ta={"justify"}>
|
||||
Bunga Pudak berwarna kuning dan akan terlihat jika kelopak atau pelepahnya telah mekar. Kekhasan dari bunga pudak, yaitu mempunyai aroma wangi yang semerbak nan lembut <Text span fz={{ base: "md", md: "h3" }} fs={"italic"}>(tidak menyengat)</Text>, dan dapat menebar keharuman sepanjang pagi atau pun sore hari. Tanaman ini dapat tumbuh di sepanjang pantai, aliran sungai, di atas batu-batu karang, dan juga di tanah ladang.
|
||||
</Text>
|
||||
{/* Pohon dan Bunga Pudak */}
|
||||
<Box py={20}>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 2,
|
||||
}}
|
||||
>
|
||||
<Center>
|
||||
<Box>
|
||||
<Paper p={"lg"}>
|
||||
<Image src={"/api/img/pohonpudak.png"} alt="" w={{ base: 150, md: 250 }} />
|
||||
<Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Pohon Pudak</Text>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Center>
|
||||
<Center>
|
||||
<Box>
|
||||
<Paper p={"lg"}>
|
||||
<Image src={"/api/img/bungapudak.png"} alt="" w={{ base: 150, md: 250 }} />
|
||||
<Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Bunga Pudak</Text>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Center>
|
||||
</SimpleGrid>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} py={10} ta={"justify"}>
|
||||
Dalam Kamus Jawa Kuna- Indonesia kata “Pudak” berarti bunga pandan atau Pandanus Moschatus (Mardiwarsito: 1981: 442). Selain itu bunga pudak juga dapat disebut ketaka atau ketaki (Mardiwarsito, 1981: 276). Sedangkan kata “Sategal” berasal dari kata dasar “Tegal” yang berarti ladang (Mardiwarsito, 1981: 593). Jadi Pudak Sategal dapat diartikan sebagai satu ladang luas yang dipenuhi bunga pudak dan menabar keharuman.
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} py={10} ta={"justify"}>
|
||||
Pada sebuah kesempatan, Ida Pedanda Putu Pemaron menjelaskan mengenai makna dari istilah Pudak Sategal dengan sebuah analogi bahwa, sekuntum bunga pudak memiliki aroma wangi atau keharuman yang sangat kuat, apalagi jika satu ladang penuh bunga pudak, maka dapat dipastikan aroma keharumannya akan membumbung menyebar ke segala penjuru (Wawancara, 18 Mei 2019 di Geria Putra Mandara Kenderan, Tegallalang).
|
||||
“Pudak” ialah sebuah bunga yang memiliki aroma wangi atau keharuman yang semerbak, lembut, dan khas.
|
||||
</Text>
|
||||
</Box>
|
||||
{/* Tari dan Pose Klimaks Sekar Pudak */}
|
||||
<Box py={20}>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 2,
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<Center>
|
||||
<Paper p={"lg"}>
|
||||
<Image src={"/api/img/tarisekar.png"} alt="" w={{ base: 150, md: 250 }} />
|
||||
<Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Tari Sekar Pudak</Text>
|
||||
</Paper>
|
||||
</Center>
|
||||
</Box>
|
||||
<Box>
|
||||
<Center>
|
||||
<Paper p={"lg"}>
|
||||
<Image src={"/api/img/klimakstari.png"} alt="" w={{ base: 150, md: 250 }} />
|
||||
<Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Pose Klimaks Tari </Text>
|
||||
<Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Sekar Pudak </Text>
|
||||
</Paper>
|
||||
</Center>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} py={10} ta={"justify"}>
|
||||
Garapan Tari Maskot Desa Darmasaba Sekar Pudak diwujudkan ke dalam bentuk tari kreasi yang ditarikan secara berkelompok dengan jumlah lima orang penari perempuan (putri).
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} py={10} ta={"justify"}>
|
||||
Pemilihan penari perempuan dimaksudkan untuk mempresentasikan keindahan, keluwesan, dan keharuman dari bunga pudak. Sedangkan penetapan jumlah penari lima orang didasarkan atas pertimbangan kebutuhan koreografi agar dapat membentuk desain-desain komposisi lantai yang menarik dan dinamis, baik ketika ditarikan di area panggung yang luas atau pun area panggung yang kecil. Penyajian tari maskot ini dirancang dengan durasi waktu 9 menit.
|
||||
</Text>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Box >
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
export default MaskotDesa;
|
||||
78
src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
Normal file
78
src/app/darmasaba/(pages)/desa/profile/ui/motoDesa.tsx
Normal file
@@ -0,0 +1,78 @@
|
||||
import colors from '@/con/colors';
|
||||
import { ActionIcon, Box, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
|
||||
const dataText = [
|
||||
{
|
||||
id: 1,
|
||||
title: "SANTUN",
|
||||
description: "Memberikan pelayanan yang baik, penuh rasa empati, sopan, dan beretika"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "ADAPTIF",
|
||||
description: "Cepat menyesuaikan diri menghadapi perubahan dan bertindak proaktif"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "INOVATIF",
|
||||
description: "Selalu berusaha menciptakan pembaruan atau kreasi baru"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "PROFESIONAL",
|
||||
description: "Memiliki pengetahuan, terampil dan bertanggung jawab"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "GESIT",
|
||||
description: "Inisiatif dan cekatan dalam bekerja"
|
||||
},
|
||||
]
|
||||
function MotoDesa() {
|
||||
return (
|
||||
<Box pb={70}>
|
||||
<Stack align='center' gap={0} >
|
||||
<Box pb={30}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h1", md: "2.5rem" }}>Moto Desa Darmasaba</Text>
|
||||
</Box>
|
||||
<Flex gap={50} pb={50} pt={20} justify={"space-evenly"} align={"center"} >
|
||||
<ActionIcon bg={colors['blue-button']} radius={150} p={{ base: "lg", md: "xl" }}>
|
||||
<Text c={colors['white-1']} ta={"center"} fw={"bold"} fz={{ base: "h2", md: "h1" }}>S</Text>
|
||||
</ActionIcon>
|
||||
<ActionIcon bg={colors['blue-button']} radius={150} p={{ base: "lg", md: "xl" }}>
|
||||
<Text c={colors['white-1']} ta={"center"} fw={"bold"} fz={{ base: "h2", md: "h1" }}>I</Text>
|
||||
</ActionIcon>
|
||||
<ActionIcon bg={colors['blue-button']} radius={150} p={{ base: "lg", md: "xl" }}>
|
||||
<Text c={colors['white-1']} ta={"center"} fw={"bold"} fz={{ base: "h2", md: "h1" }}>G</Text>
|
||||
</ActionIcon>
|
||||
<ActionIcon bg={colors['blue-button']} radius={150} p={{ base: "lg", md: "xl" }}>
|
||||
<Text c={colors['white-1']} ta={"center"} fw={"bold"} fz={{ base: "h2", md: "h1" }}>A</Text>
|
||||
</ActionIcon>
|
||||
<ActionIcon bg={colors['blue-button']} radius={150} p={{ base: "lg", md: "xl" }}>
|
||||
<Text c={colors['white-1']} ta={"center"} fw={"bold"} fz={{ base: "h2", md: "h1" }}>P</Text>
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
<Paper mb={50} p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 2,
|
||||
}}
|
||||
>
|
||||
{dataText.map((v, k) => {
|
||||
return (
|
||||
<Box key={k}>
|
||||
<Text fw={"bold"} fz={{ base: "lg", md: "h3" }}>{v.title}</Text>
|
||||
<Text fz={{ base: "sm", md: "md" }}>{v.description}</Text>
|
||||
</Box>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Paper>
|
||||
<Text mb={40} c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h4", md: "h3" }}>"Berkomitmen memberikan pelayanan terbaik dengan prinsip SIGAP untuk masyarakat Desa Darmasaba"</Text>
|
||||
</Stack>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default MotoDesa;
|
||||
136
src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
Normal file
136
src/app/darmasaba/(pages)/desa/profile/ui/profilPerbekel.tsx
Normal file
@@ -0,0 +1,136 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Image, List, ListItem, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
|
||||
function ProfilPerbekel() {
|
||||
return (
|
||||
<Box pb={70}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Box pb={30}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Profil Perbekel</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 2,
|
||||
}}
|
||||
pb={50}
|
||||
>
|
||||
<Box>
|
||||
<Paper bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Stack gap={0}>
|
||||
<Image pt={{ base: 0, md: 120 }} px={"lg"} src={"/api/img/perbekel.png"} sizes='100%' alt='' />
|
||||
<Paper
|
||||
bg={colors['blue-button']}
|
||||
px={"lg"}
|
||||
className="glass3"
|
||||
py={{ base: 20, md: 50 }}
|
||||
|
||||
>
|
||||
<Text c={colors['white-1']} fz={{ base: "md", md: "h3" }}>Perbekel Desa Darmasaba</Text>
|
||||
<Text c={colors['white-1']} fw={"bolder"} fz={{ base: "md", md: "h2" }}>
|
||||
I.B. Surya Prabhawa Manuaba, S.H.,M.H.,NL.P.
|
||||
</Text>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={"h2"} fw={"bold"}>
|
||||
Biodata
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
|
||||
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.
|
||||
</Text>
|
||||
<Text py={10} fz={"h2"} fw={"bold"}>
|
||||
Pengalaman
|
||||
</Text>
|
||||
<List>
|
||||
<Box px={20}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>2021 - 2027: Perbekel Desa Darmasaba</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>2015 - Sekarang: Founder & Managing Director Mantra
|
||||
Legal Consultants & Advocates</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>2020 - Sekarang: Founder Ugawa Record Music Studio</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2010 - 2016: Dosen Fakultas Hukum Universitas
|
||||
Mahasaraswati Denpasar</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
<Text py={10} fz={"h2"} fw={"bold"}>
|
||||
Pengalaman Organisasi
|
||||
</Text>
|
||||
<List>
|
||||
<Box px={20}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>1996 - 1997: Ketua OSIS SMP Negeri 1 Abiansemal</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>1999 - 2000: Ketua OSIS SMA Negeri 1 Mengwi</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>2008 - 2009: Ketua BEM Universitas Mahasaraswati Denpasar</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2008 - 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2020 - Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2021 - Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2023 - 2028: Komite Tetap Advokasi - Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Paper>
|
||||
</Box>
|
||||
|
||||
</SimpleGrid>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text py={10} fz={{ base: "md", md: "h1" }} fw={"bold"} >
|
||||
Program Kerja Unggulan
|
||||
</Text>
|
||||
<Stack>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} fw={"bold"} ta={"justify"}>
|
||||
Pemberdayaan Ekonomi dan UMKM
|
||||
</Text>
|
||||
<List>
|
||||
<Box px={10}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Pelatihan dan pendampingan UMKM lokal</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Program bantuan modal usaha bagi pelaku usaha kecil</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} fw={"bold"} ta={"justify"}>
|
||||
Peningkatan Infrastruktur Desa
|
||||
</Text>
|
||||
<List>
|
||||
<Box px={10}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Pembangunan dan perbaikan jalan desa</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Penyediaan fasilitas umum dan ruang terbuka hijau</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Optimalisasi layanan publik berbasis digital</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} fw={"bold"} ta={"justify"}>
|
||||
Pendidikan dan Pengembangan SDM
|
||||
</Text>
|
||||
<List>
|
||||
<Box px={10}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Beasiswa pendidikan bagi siswa berprestasi dari keluarga kurang mampu</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Program kursus dan pelatihan kerja bagi pemuda desa</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Peningkatan kualitas pendidikan melalui kerja sama dengan perguruan tinggi</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} fw={"bold"} ta={"justify"}>
|
||||
Pelestarian Budaya dan Pariwisata
|
||||
</Text>
|
||||
<List>
|
||||
<Box px={10}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Revitalisasi pura dan tempat bersejarah di Darmasaba</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Pengembangan desa wisata berbasis budaya dan seni lokal</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Festival budaya dan seni sebagai daya tarik wisata</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default ProfilPerbekel;
|
||||
48
src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
Normal file
48
src/app/darmasaba/(pages)/desa/profile/ui/profileDesa.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Center, Paper, SimpleGrid, Box, Text } from '@mantine/core';
|
||||
import React from 'react';
|
||||
|
||||
function ProfileDesa() {
|
||||
return (
|
||||
<Box pb={90}>
|
||||
<Center>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Center>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15780.3751228292!2d115.19559210934409!3d-8.586981700000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23eb932812c81%3A0x5b5ac2759cc5fe4b!2sKantor%20Perbekel%20Darmasaba!5e0!3m2!1sid!2sid!4v1741922475983!5m2!1sid!2sid" width="600" height="450" style={{ border: 2, width: "100%" }} loading="lazy" />
|
||||
</Center>
|
||||
</Paper>
|
||||
</Center>
|
||||
<Center>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 3
|
||||
}}
|
||||
>
|
||||
<Box>
|
||||
<Paper p={"sm"} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={50} c={colors['blue-button']} ta={"center"} fw={"bold"}>8</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"center"}>Tempat Wisata</Text>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box>
|
||||
<Paper p={"sm"} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={50} c={colors['blue-button']} ta={"center"} fw={"bold"}>8</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"center"}>Tempat Wisata</Text>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box>
|
||||
<Paper p={"sm"} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={50} c={colors['blue-button']} ta={"center"} fw={"bold"}>8</Text>
|
||||
<Text fz={{ base: "md", md: "h3"}} ta={"center"}>Tempat Wisata</Text>
|
||||
</Paper>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
</Paper>
|
||||
</Center>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default ProfileDesa;
|
||||
33
src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
Normal file
33
src/app/darmasaba/(pages)/desa/profile/ui/sejarahDesa.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Center, Image, Paper, Stack, Text } from '@mantine/core';
|
||||
|
||||
function SejarahDesa() {
|
||||
return (
|
||||
<>
|
||||
<Box pb={70}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Box pb={30}>
|
||||
<Center>
|
||||
<Image src={"/api/img/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
|
||||
</Center>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Sejarah Desa</Text>
|
||||
</Box>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
|
||||
Asal –usul nama Darmasaba tertuang dalam lontar Usada Bali. Seperti di tulis dalam monografi Desa Darmasaba tahun 1980 silam, nama Darmasaba berkaitan dengan keturunan Danghyang Nirarta diceritakan, Sang kawi-wiku asal Daha (Jawa Timur) itu memiliki cucu bernama Ida Pedanda Sakti Manuaba yang tigggal di Desa Kendran Tegalalang Gianyar.
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} py={10} ta={"justify"}>
|
||||
Merasa tidak disenangi sang ayah, Ida Pedanda Sakti Manuaba pergi mengembara bersama dua orang pengiringnya. Pengembaraan sang pendeta sampai di pura Sarin Buana di Jimbaran. Saat mengadakan semedi di tempat ini sang pendeta melihat sinar api. Yang sangat jauh di utara. Timbul keinginan Ida Pedanda Manuaba untuk mengunjungi tempat itu.
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
|
||||
Sampailah sang Pedanda di pura Batan Bila Peguyangan. Disini Ida Pedanda Manuaba singgah menghadap Ida Pedanda Budha yang tinggal disana. Selanjutnya, kedua pendeta bersama-sama menuju arah utara dan singgah di Taman Cang Ana, sebuah taman milik Arya Lanang Blusung. Di tempat ini kedua pendeta bersama-sama melaksanakan semedi dan menetap untuk sementara waktu.
|
||||
</Text>
|
||||
</Paper>
|
||||
|
||||
</Stack>
|
||||
</Box >
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default SejarahDesa;
|
||||
111
src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
Normal file
111
src/app/darmasaba/(pages)/desa/profile/ui/semuaPerbekel.tsx
Normal file
@@ -0,0 +1,111 @@
|
||||
'use client'
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Center, Image, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
nama: "SI GEDE KANIA",
|
||||
wilayah: "PERBEKEL TEGAL",
|
||||
periode: "Tahun 1943 - 1946",
|
||||
foto: "/api/img/perbekel-1.png"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
nama: "SI GEDE GANDEM",
|
||||
wilayah: "PERBEKEL TEGAL",
|
||||
periode: "Tahun 1946 - 1950",
|
||||
foto: "/api/img/perbekel-2.png"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
nama: "I WAYAN SAMA",
|
||||
wilayah: "PERBEKEL TEGAL",
|
||||
periode: "Tahun 1950 - 1953",
|
||||
foto: "/api/img/perbekel-3.png"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
nama: "I WAYAN NAMBREG",
|
||||
wilayah: "PERBEKEL DARMASABA",
|
||||
periode: "Tahun 1950 - 1960",
|
||||
foto: "/api/img/perbekel-4.png"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
nama: "IDA BAGUS PUTU OKA",
|
||||
wilayah: "PERBEKEL TEGAL/DARMASABA",
|
||||
periode: "Tahun 1953 - 1974",
|
||||
foto: "/api/img/perbekel-5.png"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
nama: "I NYOMAN PATRA",
|
||||
wilayah: "PERBEKEL DARMASABA",
|
||||
periode: "Tahun 1974 - 1991",
|
||||
foto: "/api/img/perbekel-6.png"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
nama: "I MADE RUDJA",
|
||||
wilayah: "PERBEKEL DARMASABA",
|
||||
periode: "Tahun 1991 - 2007",
|
||||
foto: "/api/img/perbekel-7.png"
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
nama: "I WAYAN KALER, SH.MH.",
|
||||
wilayah: "PERBEKEL DARMASABA",
|
||||
periode: "Tahun 2007 - 2013",
|
||||
foto: "/api/img/perbekel-8.png"
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
nama: "I MADE TARAM, SH.",
|
||||
wilayah: "PERBEKEL DARMASABA",
|
||||
periode: "Tahun 2013 - 2019",
|
||||
foto: "/api/img/perbekel-9.png"
|
||||
},
|
||||
]
|
||||
function SemuaPerbekel() {
|
||||
|
||||
return (
|
||||
<Box pb={50}>
|
||||
<Stack align='center'>
|
||||
<Box pb={30}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h1", md: "2.5rem" }}>Perbekel Dari Masa Ke Masa</Text>
|
||||
</Box>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 3,
|
||||
}}
|
||||
>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box key={k}>
|
||||
<Paper mb={50} radius={26} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Box>
|
||||
<Center>
|
||||
<Image src={v.foto} alt='' />
|
||||
</Center>
|
||||
</Box>
|
||||
<Box>
|
||||
<Stack gap={"sm"} py={10}>
|
||||
<Text ta={"center"} fw={"bold"} fz={{ base: "h3", md: "h3" }}>{v.nama}</Text>
|
||||
<Text ta={"center"} fz={{ base: "h5", md: "h4" }}>{v.wilayah}</Text>
|
||||
<Text ta={"center"} fz={{ base: "h5", md: "h4" }}>{v.periode}</Text>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Box>
|
||||
)
|
||||
})
|
||||
}
|
||||
</SimpleGrid>
|
||||
</Stack>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
export default SemuaPerbekel;
|
||||
41
src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
Normal file
41
src/app/darmasaba/(pages)/desa/profile/ui/visimisiDesa.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Stack, Paper, Image, Text, ListItem, List } from '@mantine/core';
|
||||
import React from 'react';
|
||||
|
||||
function VisimisiDesa() {
|
||||
return (
|
||||
<>
|
||||
<Box pb={30}>
|
||||
<Stack align='center' gap={0}>
|
||||
<Box pb={30}>
|
||||
<Image src={"/api/img/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
|
||||
</Box>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"lighter"} fz={"2.5rem"}>Visi Desa</Text>
|
||||
<Text fz={"1.5rem"} ta={"center"} fw={"bold"}>
|
||||
“Mewujudkan Desa Darmasaba yang sejahtera, unggul, religius, berbudaya, dan aman dengan berlandaskan Tri Hita Karana”
|
||||
</Text>
|
||||
</Paper>
|
||||
<Paper my={20} p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"lighter"} fz={"2.5rem"}>Misi Desa</Text>
|
||||
<Box >
|
||||
<List type='ordered'>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Memperkokoh kerukunan hidup masyarakat dalam jalinan adat, budaya, olahraga, dan agama.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Meningkatkan kualitas pelayanan publik dengan menerapkan teknologi informasi dan komunikasi terintegrasi.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Meningkatkan tata kelola pemerintah desa dengan menerapkan prinsip good governance dan good clean goverment.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Meningkatkan kualitas pendidikan, kesehatan, Keluarga Berencana serta pengelolaan kependudukan.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Memperkuat usaha mikro kecil dan menengah (UMKM) dan BUMDesa sebagai pilar ekonomi masyarakat.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Mewujudkan tatanan kehidupan bermasyarakat yang menjunjung tinggi penegakan hukum dan HAM. </ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Meningkatkan perlindungan dan pengelolaan terhadap sumber daya alam dan lingkungan hidup.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa. </ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3"}} ta={"justify"}>Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata.</ListItem>
|
||||
</List>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Box >
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default VisimisiDesa;
|
||||
87
src/app/darmasaba/(pages)/ppid/daftar/page.tsx
Normal file
87
src/app/darmasaba/(pages)/ppid/daftar/page.tsx
Normal file
@@ -0,0 +1,87 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Text, Center, Image, TextInput, TableTd, TableTr, TableTbody, TableTh, TableThead, Table, ActionIcon } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
import { IconDownload, IconSearch } from '@tabler/icons-react';
|
||||
|
||||
const dataTable = [
|
||||
{
|
||||
id: 1,
|
||||
nomer: '1',
|
||||
jenis: "Peraturan Desa",
|
||||
deskripsi: "Dokumen yang berisi kebijakan dan regulasi desa",
|
||||
tanggal: "15 Januari 2024",
|
||||
unduh: <IconDownload size={20} />
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
nomer: '2',
|
||||
jenis: "Laporan Keuangan",
|
||||
deskripsi: "Laporan Kegunaan anggaran desa secara transparan",
|
||||
tanggal: "20 Januari 2024",
|
||||
unduh: <IconDownload size={20} />
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
nomer: '3',
|
||||
jenis: "Program & Kegiatan",
|
||||
deskripsi: "Informasi mengenai program pembangunan & kegiatan desa",
|
||||
tanggal: "30 Januari 2024",
|
||||
unduh: <IconDownload size={20} />
|
||||
},
|
||||
|
||||
]
|
||||
function Page() {
|
||||
const rows = dataTable.map((element) => (
|
||||
<TableTr key={element.jenis}>
|
||||
<TableTd ta={'center'}>{element.nomer}</TableTd>
|
||||
<TableTd >{element.jenis}</TableTd>
|
||||
<TableTd>{element.deskripsi}</TableTd>
|
||||
<TableTd>{element.tanggal}</TableTd>
|
||||
<TableTd ta={'center'}>
|
||||
<ActionIcon c={colors['blue-button']} variant='transparent'>
|
||||
{element.unduh}
|
||||
</ActionIcon>
|
||||
</TableTd>
|
||||
</TableTr>
|
||||
))
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Center>
|
||||
<Image src={"/api/img/darmasaba-icon.png"} w={{ base: 70, md: 100 }} alt='' />
|
||||
</Center>
|
||||
<Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Daftar Informasi Publik Desa Darmasaba
|
||||
</Text>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={'lmd'}>
|
||||
<Text fz={{ base: 'h3', md: 'h2' }} fw={"bold"}>Tentang Informasi Publik</Text>
|
||||
<Text fz={{ base: 'md', md: 'h3' }}>Daftar Informasi Publik Desa Darmasaba berupa kumpulan data yang dapat diakses oleh masyarakat sesuai dengan peraturan yang berlaku.</Text>
|
||||
<TextInput
|
||||
placeholder='Cari Informasi...'
|
||||
leftSection={<IconSearch size={20} />}
|
||||
/>
|
||||
<Table withRowBorders withColumnBorders withTableBorder>
|
||||
<TableThead bg={colors['blue-button']}>
|
||||
<TableTr c={colors['white-1']}>
|
||||
<TableTh ta={'center'}>No</TableTh>
|
||||
<TableTh ta={'center'}>Jenis Informasi</TableTh>
|
||||
<TableTh ta={'center'}>Deskripsi</TableTh>
|
||||
<TableTh ta={'center'}>Tanggal Publikasi</TableTh>
|
||||
<TableTh ta={'center'}>Unduh</TableTh>
|
||||
</TableTr>
|
||||
</TableThead>
|
||||
<TableTbody bg={colors['white-1']}>{rows}</TableTbody>
|
||||
</Table>
|
||||
</Stack>
|
||||
<Text pt={20} fz={'h4'} fw={"bold"}>Kontak PPID</Text>
|
||||
<Text fz={'sm'}>Email: ppid@desadarmasaba.id | WhatsApp: 081-xxx-xxx-xxx</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
104
src/app/darmasaba/(pages)/ppid/dasarhukum/page.tsx
Normal file
104
src/app/darmasaba/(pages)/ppid/dasarhukum/page.tsx
Normal file
@@ -0,0 +1,104 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Box, List, ListItem, Paper, Stack, Text } from '@mantine/core';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Dasar Hukum
|
||||
</Text>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Box pb={30}>
|
||||
<Text ta={"center"} fw={"bold"} fz={{ base: 'h4', md: 'h3' }}>DASAR HUKUM PEMBENTUKAN PPID</Text>
|
||||
<Text ta={"center"} fw={"bold"} fz={{ base: 'h4', md: 'h3' }}>DESA DARMASABA</Text>
|
||||
</Box>
|
||||
<List>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
UU Nomor 14 Tahun 2008
|
||||
</Text>
|
||||
{" "}tentang Keterbukaan Informasi Publik
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
PP Nomor 61 Tahun 2010
|
||||
</Text>
|
||||
{" "}tentang Pelaksanaan UU 14 Tahun 2008 tentang Keterbukaan Informasi Publik
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Permendagri Nomor 3 Tahun 2017
|
||||
</Text>
|
||||
{" "}tentang Pedoman Pengelolaan Pelayanan Informasi dan Dokumentasi di Lingkungan Kemendagri
|
||||
dan Pemerintah Daerah
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Peraturan Komisi Informasi Nomor 1 Tahun 2010
|
||||
</Text>
|
||||
{" "} tentang Standar Layanan Informasi Publik
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Peraturan Komisi Informasi Nomor 1 Tahun 2010
|
||||
</Text>
|
||||
{" "} tentang Standar Layanan Informasi Publik
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Peraturan Bupati Badung No. 42 Tahun 2017
|
||||
</Text>
|
||||
{" "}Tentang Pedoman Pengelolaan Pelayanan Informasi Publik dan Dokumentasi
|
||||
di Lingkungan Pemerintah Kabupaten Badung
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Keputusan Bupati Badung Nomor 99/049/HK/2019
|
||||
</Text>
|
||||
{" "} Tentang Pengelola Layanan Informasi dan Dokumentasi Kabupaten Badung
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Keputusan Perbekel Darmasaba Nomor 101 Tahun 2019
|
||||
</Text>
|
||||
{" "}tentang Penetapan Pelaksana Teknis/Administrasi Pengelola Layanan Informasi
|
||||
Dan Dokumentasi Di Desa Punggul
|
||||
</Text>
|
||||
</ListItem>
|
||||
<ListItem fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>
|
||||
<Text fw={"bold"} span>
|
||||
Peraturan Perbekel Darmasaba Nomor 12 Tahun 2019
|
||||
</Text>
|
||||
{" "}tentang Pedoman Pengelolaan Pelayanan Informasi Publik Dan Dokumentasi
|
||||
Di Lingkungan Pemerintah Desa Darmasaba
|
||||
</Text>
|
||||
</ListItem>
|
||||
</List>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
167
src/app/darmasaba/(pages)/ppid/ikm/page.tsx
Normal file
167
src/app/darmasaba/(pages)/ppid/ikm/page.tsx
Normal file
@@ -0,0 +1,167 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Paper, Text, Center, Flex, ColorSwatch, } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
import { BarChart, DonutChart } from '@mantine/charts';
|
||||
|
||||
const dataBar = [
|
||||
{ pelayanan: 'Persyaratan', kepuasan: 90 },
|
||||
{ pelayanan: 'Prosedur', kepuasan: 98 },
|
||||
{ pelayanan: 'Kecepatan', kepuasan: 92 },
|
||||
{ pelayanan: 'Biaya / Tarif', kepuasan: 85 },
|
||||
{ pelayanan: 'Produk Layanan', kepuasan: 89 },
|
||||
{ pelayanan: 'Kompetensi Pelaksana', kepuasan: 91 },
|
||||
{ pelayanan: 'Perilaku Pelaksana', kepuasan: 90 },
|
||||
{ pelayanan: 'Penanganan Pengaduan', kepuasan: 93 },
|
||||
{ pelayanan: 'Sarana dan Prasarana', kepuasan: 91 },
|
||||
]
|
||||
const dataJenisKelamin = [
|
||||
{ name: 'Perempuan', value: 90, color: '#3291CB' },
|
||||
{ name: 'Laki - Laki', value: 10, color: colors['blue-button'] },
|
||||
]
|
||||
const dataResponden = [
|
||||
{ name: 'Sangat Baik', value: 60, color: 'green' },
|
||||
{ name: 'Baik', value: 20, color: 'blue' },
|
||||
{ name: 'Kurang Baik', value: 10, color: 'orange' },
|
||||
{ name: 'Tidak Baik', value: 10, color: 'red' },
|
||||
|
||||
]
|
||||
const dataUmur = [
|
||||
{ name: '17 - 25 tahun', value: 60, color: 'green' },
|
||||
{ name: '26 - 45 tahun', value: 20, color: 'blue' },
|
||||
{ name: '46 - 60 tahun', value: 10, color: 'orange' },
|
||||
{ name: 'di atas 60 tahun', value: 10, color: 'red' },
|
||||
|
||||
]
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Box>
|
||||
<Text ta={"center"} fz={{ base: "h2", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Indeks Kepuasan Masyarakat (IKM)
|
||||
</Text>
|
||||
<Text ta={"center"} fz={{ base: "h2", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Desa Darmasaba
|
||||
</Text>
|
||||
</Box>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Text fw={"bold"} fz={{ base: 'h4', md: 'h3' }} ta={"center"}>
|
||||
Grafik Hasil Kepuasan Masyarakat Terhadap Pelayanan Publik
|
||||
</Text>
|
||||
<BarChart
|
||||
py={30}
|
||||
h={500}
|
||||
data={dataBar}
|
||||
dataKey='pelayanan'
|
||||
orientation='vertical'
|
||||
yAxisProps={{ width: 80 }}
|
||||
barProps={{ radius: 10 }}
|
||||
series={[{ name: 'kepuasan', color: colors['blue-button'] }]}
|
||||
/>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Text fw={"bold"} fz={{ base: 'h4', md: 'h3' }} ta={"center"}>
|
||||
Grafik Berdasarkan Jenis Kelamin Responden
|
||||
</Text>
|
||||
<Center>
|
||||
<DonutChart size={250} thickness={30} withLabelsLine labelsType="percent" withLabels data={dataJenisKelamin} />
|
||||
</Center>
|
||||
<Flex gap={"md"} justify={"center"} align={"center"}>
|
||||
<Box>
|
||||
<Flex gap={10} align={"center"}>
|
||||
<Text>Perempuan</Text>
|
||||
<ColorSwatch color='#3291CB' />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={10} align={"center"}>
|
||||
<Text>Laki - Laki</Text>
|
||||
<ColorSwatch color={colors['blue-button']} />
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Text fw={"bold"} fz={{ base: 'h4', md: 'h3' }} ta={"center"}>
|
||||
Grafik Berdasarkan Pilihan Responden
|
||||
</Text>
|
||||
<Center>
|
||||
<DonutChart size={250} thickness={30} withLabelsLine labelsType="percent" withLabels data={dataResponden} />
|
||||
</Center>
|
||||
<Flex gap={"md"} justify={"center"} align={"center"}>
|
||||
<Box>
|
||||
<Flex gap={{ base: 5, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>Sangat Baik</Text>
|
||||
<ColorSwatch color='#40BE57' />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={{ base: 5, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>Baik</Text>
|
||||
<ColorSwatch color={'#228AE7'} />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={{ base: 5, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>Kurang Baik</Text>
|
||||
<ColorSwatch color={'#FD7F12'} />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={{ base: 5, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>Tidak Baik</Text>
|
||||
<ColorSwatch color={'#F85253'} />
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Text fw={"bold"} fz={{ base: 'h4', md: 'h3' }} ta={"center"}>
|
||||
Grafik Berdasarkan Umur Responden
|
||||
</Text>
|
||||
<Center>
|
||||
<DonutChart size={250} thickness={30} withLabelsLine labelsType="percent" withLabels data={dataUmur} />
|
||||
</Center>
|
||||
<Flex gap={"md"} justify={"center"} align={"center"}>
|
||||
<Box>
|
||||
<Flex gap={{ base: 0, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>17 – 25 tahun</Text>
|
||||
<ColorSwatch color='#40BE57' />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={{ base: 0, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>26 – 45 tahun</Text>
|
||||
<ColorSwatch color={'#228AE7'} />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={{ base: 0, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>46 – 60 tahun</Text>
|
||||
<ColorSwatch color={'#FD7F12'} />
|
||||
</Flex>
|
||||
</Box>
|
||||
<Box>
|
||||
<Flex gap={{ base: 0, md: 10 }} align={"center"}>
|
||||
<Text fz={{ base: 'xs', md: 'lg' }}>di atas 60 tahun</Text>
|
||||
<ColorSwatch color={'#F85253'} />
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
85
src/app/darmasaba/(pages)/ppid/informasi/page.tsx
Normal file
85
src/app/darmasaba/(pages)/ppid/informasi/page.tsx
Normal file
@@ -0,0 +1,85 @@
|
||||
import colors from '@/con/colors';
|
||||
import { ActionIcon, Box, Button, Center, Image, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
import { IconDownload } from '@tabler/icons-react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
number: '1',
|
||||
title: "Langkah 1",
|
||||
desc: "Pemohon informasi publik mengajukan permohonan informasi kepada badan publik baik langsung maupun melalui surat elektronik",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
number: '2',
|
||||
title: "Langkah 2",
|
||||
desc: "Isi formulir permohonan informasi dengan data diri (nama, alamat, telepon), jenis, format, dan cara penyampaian informasi, serta lampiran fotokopi kartu identitas.",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
number: '3',
|
||||
title: "Langkah 3",
|
||||
desc: "PPID akan memproses permohonan sesuai dengan ketentuan",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
number: '4',
|
||||
title: "Langkah 4",
|
||||
desc: "Petugas PPID menyampaikan informasi sesuai permohonan kepada pemohon informasi.",
|
||||
},
|
||||
]
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Permohonan Informasi Publik
|
||||
</Text>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={'lg'}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Text pb={30} ta={'center'} fw={"bold"} fz={{ base: 'h3', md: 'h2' }}>Tata Cara Permohonan</Text>
|
||||
<SimpleGrid
|
||||
pb={30}
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 4,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Paper key={k} p={"xl"} bg={colors['blue-button']}>
|
||||
<Stack justify='space-between'>
|
||||
<Center>
|
||||
<ActionIcon bg={colors['white-1']} radius={150} size={50}>
|
||||
<Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={{ base: "h3", md: "h2" }}>{v.number}</Text>
|
||||
</ActionIcon>
|
||||
</Center>
|
||||
<Text ta={"center"} c={colors['white-1']} fw={"bold"} fz={"h3"}>
|
||||
{v.title}
|
||||
</Text>
|
||||
<Text ta={"center"} c={colors['white-1']} fz={'h4'}>
|
||||
{v.desc}
|
||||
</Text>
|
||||
</Stack>
|
||||
</Paper>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
<Center pb={30}>
|
||||
<Button fz={"h5"} bg={colors['blue-button']} leftSection={<IconDownload size={20} color={colors['white-1']} />}>
|
||||
Unduh Dokumen
|
||||
</Button>
|
||||
</Center>
|
||||
<Image src={'/api/img/formulirpermohonan.png'} alt=''/>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
117
src/app/darmasaba/(pages)/ppid/keberatan/page.tsx
Normal file
117
src/app/darmasaba/(pages)/ppid/keberatan/page.tsx
Normal file
@@ -0,0 +1,117 @@
|
||||
'use client'
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Center, Group, Paper, SimpleGrid, Stack, Text, Textarea, TextInput } from '@mantine/core';
|
||||
import { IconFileCheck, IconForms, IconHourglassOff, IconPhoneRinging } from '@tabler/icons-react';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
icon: <IconForms size={50} color={colors['white-1']} />,
|
||||
title: "Formulir Online",
|
||||
desc: "Isi formulir keberatan secara online.",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
icon: <IconFileCheck size={50} color={colors['white-1']} />,
|
||||
title: "Verifikasi",
|
||||
desc: "Tim PPID akan memverifikasi permohonan Anda.",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
icon: <IconHourglassOff size={50} color={colors['white-1']} />,
|
||||
title: "Proses Keberatan",
|
||||
desc: "Proses penyelesaian keberatan dalam waktu 30 hari kerja.",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
icon: <IconPhoneRinging size={50} color={colors['white-1']} />,
|
||||
title: "Hasil",
|
||||
desc: "Hasil keberatan akan dikirim via email atau SMS.",
|
||||
},
|
||||
]
|
||||
function Page() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Permohonan Keberatan Informasi Publik
|
||||
</Text>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={'lg'}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Box pb={30}>
|
||||
<Text fw={"bold"} fz={{ base: 'h4', md: 'h3' }}>Tentang Permohonan Keberatan</Text>
|
||||
<Text ta={"justify"} fz={{ base: 'md', md: 'h4' }}>Jika Anda merasa permohonan informasi yang diajukan tidak mendapatkan tanggapan yang memadai atau ditolak, anda berhak mengajukan
|
||||
keberatan melalui formulir di bawah ini.</Text>
|
||||
</Box>
|
||||
<Text pb={20} ta={"center"} fw={"bold"} fz={{ base: 'h3', md: 'h2' }}>Bagaimana Mengajukan Keberatan?</Text>
|
||||
<SimpleGrid
|
||||
pb={30}
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 4,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Paper key={k} p={"xl"} bg={colors['blue-button']}>
|
||||
<Stack justify='space-between'>
|
||||
<Center>
|
||||
{v.icon}
|
||||
</Center>
|
||||
<Text ta={"center"} c={colors['white-1']} fw={"bold"} fz={"h3"}>
|
||||
{v.title}
|
||||
</Text>
|
||||
<Text ta={"center"} c={colors['white-1']} fz={'h4'}>
|
||||
{v.desc}
|
||||
</Text>
|
||||
</Stack>
|
||||
</Paper>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
<Group justify='center'>
|
||||
<Paper p={'xl'} bg={colors['white-1']}>
|
||||
<Text fw={"bold"} fz={{ base: 'h4', md: 'h3' }} ta={"center"}>Formulir Permohonan Keberatan</Text>
|
||||
<TextInput
|
||||
label='Nama'
|
||||
styles={{ input: { padding: 20 } }}
|
||||
py={10}
|
||||
placeholder='Masukkan nama lengkap'
|
||||
/>
|
||||
<TextInput
|
||||
label='Email'
|
||||
styles={{ input: { padding: 20 } }}
|
||||
placeholder='Masukkan email'
|
||||
/>
|
||||
<TextInput
|
||||
label='Nomor Telepon'
|
||||
styles={{ input: { padding: 20 } }}
|
||||
py={10}
|
||||
placeholder='Masukkan nomor telepon'
|
||||
/>
|
||||
<Textarea
|
||||
pb={20}
|
||||
label='Alasan Keberatan'
|
||||
styles={{ input: { padding: 20 } }}
|
||||
placeholder="Alasan keberatan"
|
||||
/>
|
||||
<Button onClick={() => router.push('/darmasaba/permohonan/berhasil')} bg={"green"} fullWidth>
|
||||
Kirim Permohonan
|
||||
</Button>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Text pt={20} ta={"center"} fz={'h3'} fw={"bold"}>Kontak PPID</Text>
|
||||
<Text ta={"center"} fz={"sm"}>Email: desadarmasaba@badungkab.go.id | WhatsApp: 081-xxx-xxx-xxx</Text>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
112
src/app/darmasaba/(pages)/ppid/profile/page.tsx
Normal file
112
src/app/darmasaba/(pages)/ppid/profile/page.tsx
Normal file
@@ -0,0 +1,112 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Text, Paper, Flex, Image, Divider, Center, SimpleGrid, List, ListItem } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Profil Singkat PPID Desa Darmasaba
|
||||
</Text>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Flex align={"center"} gap={50}>
|
||||
<Image src={"/api/img/darmasaba-icon.png"} h={{ base: 100, md: 150 }} alt='' />
|
||||
<Text fz={{ base: "h3", md: "2.5rem" }} fw={'bold'}>PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA </Text>
|
||||
</Flex>
|
||||
</Box>
|
||||
<Divider my={"md"} />
|
||||
{/* biodata perbekel */}
|
||||
<Box px={50} pb={30}>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 2,
|
||||
}}
|
||||
>
|
||||
<Box px={{ base: 0, md: 80 }}>
|
||||
<Paper bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
|
||||
<Stack gap={0}>
|
||||
<Center>
|
||||
<Image pt={{ base: 0, md: 30 }} src={"/api/img/perbekel.png"} w={{ base: 250, md: 326 }} alt='' />
|
||||
</Center>
|
||||
<Paper
|
||||
bg={colors['blue-button']}
|
||||
py={30}
|
||||
className="glass3"
|
||||
px={{ base: 20, md: 20 }}
|
||||
|
||||
>
|
||||
<Text ta={"center"} c={colors['white-1']} fw={"bolder"} fz={{ base: "md", md: "h3" }}>
|
||||
I.B. Surya Prabhawa Manuaba,
|
||||
</Text>
|
||||
<Text ta={"center"} c={colors['white-1']} fw={"bolder"} fz={{ base: "md", md: "h3" }}>
|
||||
S.H.,M.H.,NL.P.
|
||||
</Text>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "h3", md: "h2" }} fw={'bold'}>Biodata</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>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.</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar, serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.</Text>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "h3", md: "h2" }} fw={'bold'}>Riwayat Karir</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} >2021 - 2027: Perbekel Desa Darmasaba</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} >2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} >2020 - Sekarang: Founder Ugawa Record Music Studio</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} >2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</Text>
|
||||
</Box>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
</Box>
|
||||
<Box pb={30}>
|
||||
<Text fz={{ base: "h3", md: "h2" }} fw={'bold'}>Pengalaman Organisasi</Text>
|
||||
<List>
|
||||
<Box px={20}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>1996 - 1997: Ketua OSIS SMP Negeri 1 Abiansemal</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>1999 - 2000: Ketua OSIS SMA Negeri 1 Mengwi</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>2008 - 2009: Ketua BEM Universitas Mahasaraswati Denpasar</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2008 - 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2020 - Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2021 - Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >2023 - 2028: Komite Tetap Advokasi - Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
<Box pb={20}>
|
||||
<Text pb={20} fz={{ base: "h3", md: "h2" }} fw={'bold'}>Program Kerja Unggulan</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} fw={'bold'}>Pemberdayaan Ekonmi dan UMKM</Text>
|
||||
<List>
|
||||
<Box px={20}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Pelatihan dan pendampingan UMKM lokal</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Program bantuan modal usaha bagi pelaku usaha kecil</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
<Box>
|
||||
<Text fz={{ base: "md", md: "h3" }} fw={'bold'}>Peningkatan Infrastruktur Desa</Text>
|
||||
<List>
|
||||
<Box px={20}>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Pembangunan dan perbaikan jalan desa</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Penyediaan fasilitas umum dan ruang terbuka hijau</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Optimalisasi layanan publik berbasis digital</ListItem>
|
||||
</Box>
|
||||
</List>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
24
src/app/darmasaba/(pages)/ppid/struktur/page.tsx
Normal file
24
src/app/darmasaba/(pages)/ppid/struktur/page.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Paper, Text, Image } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Text ta={"center"} fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
|
||||
Struktur PPID Desa Darmasaba
|
||||
</Text>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Image src={"/api/img/struktur-ppid.png"} alt='' />
|
||||
</Paper>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
56
src/app/darmasaba/(pages)/ppid/visimisi/page.tsx
Normal file
56
src/app/darmasaba/(pages)/ppid/visimisi/page.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Box, Paper, Text, Image, Center, ListItem, List } from '@mantine/core';
|
||||
import React from 'react';
|
||||
import BackButton from '../../desa/layanan/_com/BackButto';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Stack gap={'lg'}>
|
||||
<Paper p={"xl"} bg={colors['white-trans-1']}>
|
||||
<Box pb={30}>
|
||||
<Center>
|
||||
<Image src={"/api/img/darmasaba-icon.png"} w={{ base: 100, md: 150 }} alt='' />
|
||||
</Center>
|
||||
<Text ta={"center"} fz={{ base: "h2", md: "2.5rem" }} fw={"bold"}>
|
||||
MOTO PPID DESA DARMASABA
|
||||
</Text>
|
||||
<Text ta={"center"} fz={{ base: "h4", md: "h3" }} >
|
||||
MEMBERIKAN INFORMASI YANG CEPAT, MUDAH, TEPAT DAN TRANSPARAN
|
||||
</Text>
|
||||
</Box>
|
||||
<Box px={{ base: 20, md: 50 }} pb={30}>
|
||||
<Text ta={"center"} fz={{ base: "h3", md: "h2" }} fw={"bold"}>
|
||||
VISI PPID
|
||||
</Text>
|
||||
<Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
|
||||
Memberikan pelayanan informasi yanng transparan dan akuntabel untuk memenuhi hak pemohon informasi
|
||||
sesuai dengan ketentuan peraturan perundang-undangan yang berlaku.
|
||||
</Text>
|
||||
</Box>
|
||||
<Box px={{ base: 20, md: 50 }}>
|
||||
<Text ta={"center"} fz={{ base: "h3", md: "h2" }} fw={"bold"}>
|
||||
MISI PPID
|
||||
</Text>
|
||||
<Box px={20} >
|
||||
<List type='ordered'>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Meningkatkan pengelolaan dan pelayanan informasi yang berkualitas, benar dan bertanggung jawab</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Membangun dan mengembangkan sistem penyediaan dan layanan informasi.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} ta={"justify"}>Meningkatkan dan mengembangkan kompetensi dan kualitas SDM dalam bidang pelayanan informasi.</ListItem>
|
||||
<ListItem fz={{ base: "md", md: "h3" }} >Mewujudkan keterbukaan informasi Pemerintah Desa Punggul dengan proses yang cepat, tepat, mudah
|
||||
dan sederhana.</ListItem>
|
||||
</List>
|
||||
</Box>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
120
src/app/darmasaba/(tambahan)/apbdesa/page.tsx
Normal file
120
src/app/darmasaba/(tambahan)/apbdesa/page.tsx
Normal file
@@ -0,0 +1,120 @@
|
||||
import colors from '@/con/colors';
|
||||
import { ActionIcon, BackgroundImage, Box, Container, Flex, Group, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconDownload } from '@tabler/icons-react';
|
||||
import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
title: "Pendapatan",
|
||||
image: "/api/img/pendapatan.jpeg",
|
||||
value: "Rp 495M"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Belanja",
|
||||
image: "/api/img/belanja.jpeg",
|
||||
value: "Rp 395M"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Pembiayaan",
|
||||
image: "/api/img/pembiayaan.jpeg",
|
||||
value: "Rp 295M"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "APBDesa 2025",
|
||||
image: "/api/img/apb-des.jpg",
|
||||
value: "Rp 500M"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "APBDesa 2024",
|
||||
image: "/api/img/apb-des.jpg",
|
||||
value: "Rp 450M"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "APBDesa 2023",
|
||||
image: "/api/img/apb-des.jpg",
|
||||
value: "Rp 400M"
|
||||
},
|
||||
]
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
APBDes
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Transparansi APBDes Darmasaba adalah langkah nyata menuju tata kelola pemerintahan desa yang bersih dan bertanggung jawab. Adapun APBDes sebagai berikut:
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 3,
|
||||
}}
|
||||
>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<BackgroundImage
|
||||
key={k}
|
||||
src={v.image}
|
||||
h={350}
|
||||
radius={16}
|
||||
pos={"relative"}
|
||||
>
|
||||
<Box
|
||||
style={{
|
||||
borderRadius: 16,
|
||||
zIndex: 0
|
||||
}}
|
||||
pos={"absolute"}
|
||||
w={"100%"}
|
||||
h={"100%"}
|
||||
bg={colors.trans.dark[2]}
|
||||
/>
|
||||
<Stack justify='space-between' h={"100%"} gap={0} p={"lg"} pos={"relative"}>
|
||||
<Box p={"lg"}>
|
||||
<Text
|
||||
c={"white"}
|
||||
size={"1.5rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.title}</Text>
|
||||
</Box>
|
||||
<Text
|
||||
fw={"bold"}
|
||||
c={"white"}
|
||||
size={"3.5rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.value}</Text>
|
||||
<Group justify="center">
|
||||
<ActionIcon px={70} py={20} radius={"xl"} size="md" bg={colors["blue-button"]}>
|
||||
<Flex gap={"md"}>
|
||||
<IconDownload size={20} />
|
||||
<Text fz={"sm"} c={"white"}>Download</Text>
|
||||
</Flex>
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
</Stack>
|
||||
</BackgroundImage>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,73 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Container, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconClipboardText } from '@tabler/icons-react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "5.1 ADANYA BUDAYA LOKAL/HUKUM ADAT YANG MENDORONG UPAYA PENCEGAHAN TINDAK PIDANA KORUPSI",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "5.2 ADANYA TOKOH MASYARAKAT, TOKOH AGAMA, TOKOH ADAT, TOKOH PEMUDA, DAN KAUM PEREMPUAN YANG MENDORONG UPAYA PENCEGAHAN TINDAK PIDANA KORUPSI",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
|
||||
function Lokal() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"} ta={"center"}>
|
||||
Kearifan Lokal
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Sebagai bagian dari Program Desa Anti Korupsi, Desa Darmasaba menerapkan kearifan lokal sebagai strategi dalam menciptakan pemerintahan desa yang bersih, transparan, dan berintegritas. Kearifan lokal ini menjadi landasan moral dan budaya yang memperkuat nilai-nilai kejujuran, gotong royong, serta kepedulian sosial dalam kehidupan masyarakat. Adapun beberapa Kearifan Lokal :
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Stack h="100%">
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex direction={{ base: "column", md: "row" }} align="center" justify="center" style={{ flex: 1 }}>
|
||||
<Box mb={{ base: 10, md: 0 }}>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Stack px={{ base: 0, md: 20 }} gap={10} style={{ flex: 1 }}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Button bg={colors["blue-button"]} radius={"lg"} w="fit-content">Download</Button>
|
||||
</Stack>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
})}
|
||||
</SimpleGrid >
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
export default Lokal;
|
||||
|
||||
|
||||
@@ -0,0 +1,75 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Container, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconClipboardText } from '@tabler/icons-react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "4.1 ADANYA PARTISIPASI DAN KETERLIBATAN MASYARAKAT DALAM PENYUSUNAN RKP DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "4.2 ADANYA KESADARAN MASYARAKAT DALAM MENCEGAH TERJADINYA PRAKTIK GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "4.3 ADANYA KETERLIBATAN LEMBAGA KEMASYARAKATAN DALAM PELAKSANAAN PEMBANGUNAN DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
]
|
||||
function Partisipasi() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"} ta={"center"}>
|
||||
Penguatan Tata Laksana
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Sebagai bagian dari Program Desa Anti Korupsi, Desa Darmasaba menekankan penguatan partisipasi masyarakat agar warga dapat ikut serta dalam pengawasan, pengambilan keputusan, dan pelaksanaan pembangunan desa yang transparan dan akuntabel. Adapun beberapa Penguatan Partisipasi Masyarakat :
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Stack h="100%">
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex direction={{ base: "column", md: "row" }} align="center" justify="center" style={{ flex: 1 }}>
|
||||
<Box mb={{ base: 10, md: 0 }}>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Stack px={{ base: 0, md: 20 }} gap={10} style={{ flex: 1 }}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Button bg={colors["blue-button"]} radius={"lg"} w="fit-content">Download</Button>
|
||||
</Stack>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
})}
|
||||
</SimpleGrid >
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
export default Partisipasi;
|
||||
|
||||
|
||||
@@ -0,0 +1,88 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Container, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconClipboardText } from '@tabler/icons-react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "3.1 ADANYA LAYANAN PENGADUAN BAGI MASYARAKAT",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "3.2 ADANYA SURVEY KEPUASAN MASYARAKAT (SKM) TERHADAP LAYANAN PEMERINTAH DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "3.3 ADANYA KETERBUKAAN AKSES MASYARAKAT TERHADAP INFORMASI LAYANAN PEMERINTAH DESA (KESEHATAN, PENDIDIKAN, SOSIAL, LINGKUNGAN, TRANTIBUMLINMAS, PEKERJAAN UMUM) PEMBANGUNAN, KEPENDUDUKAN, KEUANGAN, DAN PELAYANAN LAINNYA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "3.4 ADANYA MEDIA INFORMASI TENTANG APBDES DI BALAI DESA DAN/ATAU TEMPAT LAIN YANG MUDAH DIAKSES OLEH MASYARAKAT",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "3.5 ADANYA MAKLUMAT PELAYANAN",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
|
||||
function Pelayanan() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"} ta={"center"}>
|
||||
Penguatan Kualitas Pelayanan Publik
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Sebagai bagian dari Program Desa Anti Korupsi, Desa Darmasaba berkomitmen untuk meningkatkan kualitas pelayanan publik agar lebih transparan, cepat, dan bebas dari pungutan liar. Penguatan ini bertujuan untuk memastikan masyarakat mendapatkan pelayanan yang profesional, akuntabel, dan sesuai dengan standar yang telah ditetapkan. Adapun beberapa Penguatan Kualitas Pelayanan Publik :
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} h="100%">
|
||||
<Stack h="100%">
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex direction={{ base: "column", md: "row" }} align="center" justify="center" style={{ flex: 1 }}>
|
||||
<Box mb={{ base: 10, md: 0 }}>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Stack px={{ base: 0, md: 20 }} gap={10} style={{ flex: 1 }}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Button bg={colors["blue-button"]} radius={"lg"} w="fit-content">Download</Button>
|
||||
</Stack>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
})}
|
||||
</SimpleGrid >
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
export default Pelayanan;
|
||||
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Container, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconClipboardText } from '@tabler/icons-react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "2.1 ADANYA KEGIATAN PENGAWASAN DAN EVALUASI KINERJA PERANGKAT DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "2.2 ADANYA TINDAK LANJUT HASIL PEMBINAAN, PETUNJUK, ARAH, PENGAWASAN, DAN PEMERIKSAAN DARI PEMERINTAH PUSAT/DAERAH",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
deskripsi: "2.3 TIDAK ADANYA APARATUR DESA DALAM 3(TIGA) TAHUN TERAKHIR YANG TERJERAT TINDAKAN PIDANA KORUPSI",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
|
||||
function Pengawasan() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"} ta={"center"}>
|
||||
Penguatan Pengawasan
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Sebagai bagian dari Program Desa Anti Korupsi, Desa Darmasaba menerapkan penguatan pengawasan untuk memastikan transparansi dan akuntabilitas dalam pengelolaan pemerintahan desa. Sistem pengawasan ini melibatkan berbagai pihak, termasuk aparat desa, masyarakat, dan lembaga terkait, agar tidak ada celah bagi praktik korupsi. Adapun beberapa Penguatan Pengawasan :
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Stack h="100%">
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex direction={{ base: "column", md: "row" }} align="center" justify="center" style={{ flex: 1 }}>
|
||||
<Box mb={{ base: 10, md: 0 }}>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Stack px={{ base: 0, md: 20 }} gap={10} style={{ flex: 1 }}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Button bg={colors["blue-button"]} radius={"lg"} w="fit-content">Download</Button>
|
||||
</Stack>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
})}
|
||||
</SimpleGrid >
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
export default Pengawasan;
|
||||
|
||||
|
||||
@@ -0,0 +1,90 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Container, Flex, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconClipboardText } from '@tabler/icons-react';
|
||||
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.2 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP MENGENAI MEKANISME EVALUASI KINERJA PERANGKAT DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.3 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PENGENDALIAN GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.4 PERJANJIAN KERJA SAMA ANTARA PELAKSANA KEGIATAN ANGGARAN DENGAN PIHAK PENYEDIA, DAN TELAH MELALUI PROSES PENGADAAN BARANG/JASA DI DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.5 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PAKTA INTEGRITAS DAN SEJENISNYA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.6 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
]
|
||||
function Tatalaksana() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"} ta={"center"}>
|
||||
Penguatan Tata Laksana
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Sebagai bagian dari Program Desa Anti Korupsi, Desa Darmasaba menerapkan penguatan tata laksana untuk memastikan transparansi, akuntabilitas, dan efisiensi dalam pemerintahan desa. Adapun beberapa Penguatan Tata Laksana :
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Stack h="100%">
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex direction={{ base: "column", md: "row" }} align="center" justify="center" style={{ flex: 1 }}>
|
||||
<Box mb={{ base: 10, md: 0 }}>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Stack px={{ base: 0, md: 20 }} gap={10} style={{ flex: 1 }}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Button bg={colors["blue-button"]} radius={"lg"} w="fit-content">Download</Button>
|
||||
</Stack>
|
||||
</Flex>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
);
|
||||
})}
|
||||
</SimpleGrid >
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
export default Tatalaksana;
|
||||
|
||||
|
||||
84
src/app/darmasaba/(tambahan)/desaantikorupsi/page.tsx
Normal file
84
src/app/darmasaba/(tambahan)/desaantikorupsi/page.tsx
Normal file
@@ -0,0 +1,84 @@
|
||||
'use client'
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Container, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconClipboardText } from '@tabler/icons-react';
|
||||
import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
link: "/darmasaba/desaantikorupsi/tatalaksana"
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PENGAWASAN",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
link: "/darmasaba/desaantikorupsi/pengawasan"
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN KUALITAS PELAYANAN PUBLIK",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
link: "/darmasaba/desaantikorupsi/pelayanan"
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN PARTISIPASI MASYARAKAT",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
link: "/darmasaba/desaantikorupsi/partisipasi"
|
||||
},
|
||||
{
|
||||
judul: "KEARIFAN LOKAL",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
link: "/darmasaba/desaantikorupsi/lokal"
|
||||
}
|
||||
]
|
||||
function Page() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Desa Anti Korupsi
|
||||
</Text>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola terbuka dengan melibatkan warga mengawasi anggaran, sehingga digunakan tepat sasaran sesuai kebutuhan. Adapun beberapa tata penguatan :
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Box >
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Stack justify={"space-between"} align={"center"}>
|
||||
<Box>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Button fz={"h4"} color={colors["blue-button"]} onClick={() => router.push(v.link)}>Detail</Button>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Paper>
|
||||
</Box>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -1,14 +1,16 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Text, Image, ActionIcon, Box, Divider, Flex } from '@mantine/core';
|
||||
import { Stack, Container, Text, Image, ActionIcon, Box, Divider, Flex, Group } from '@mantine/core';
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react';
|
||||
import React from 'react';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={42}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={32}>
|
||||
<Group px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Group>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<BackButton/>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Juara 2
|
||||
@@ -20,47 +22,49 @@ function Page() {
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Image py={20} src={"/api/img/penghargaan-2.png"} alt='' />
|
||||
<Text
|
||||
py={20}
|
||||
ta={"justify"}
|
||||
fw={"bold"}
|
||||
>
|
||||
Desa Dramasaba Raih Juara 2 dalam Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa Dramasaba kembali menunjukkan eksistensinya dalam memajukan potensi desa dengan meraih Juara 2 dalam ajang Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024. Prestasi ini menjadi bukti nyata bahwa Desa Dramasaba memiliki daya tarik serta peluang investasi yang menjanjikan bagi para investor maupun masyarakat yang ingin berkontribusi dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dalam video pendek yang diikutsertakan dalam lomba ini, Desa Dramasaba menampilkan berbagai potensi unggulan yang dimiliki, mulai dari sektor pertanian, pariwisata berbasis budaya, hingga ekonomi kreatif yang sedang berkembang pesat. Dengan pengemasan yang menarik dan penyampaian informasi yang jelas, video tersebut berhasil memikat perhatian dewan juri serta menjadi inspirasi bagi desa-desa lain dalam mengembangkan potensi wilayahnya masing-masing.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Keberhasilan ini tidak lepas dari kerja keras seluruh tim kreatif, pemerintah desa, serta masyarakat yang turut berpartisipasi dalam produksi video. Kepala Desa Dramasaba, [Nama Kepala Desa], mengungkapkan rasa syukur dan bangganya atas pencapaian ini. Menurutnya, kemenangan ini bukan sekadar penghargaan, tetapi juga menjadi motivasi untuk terus mengembangkan desa agar semakin dikenal luas dan menarik lebih banyak peluang investasi.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024 merupakan ajang yang diadakan oleh pemerintah daerah dengan tujuan untuk mendorong desa-desa dalam mengenalkan dan mempromosikan potensi investasi mereka. Dengan mengikuti lomba ini, Desa Dramasaba tidak hanya memperoleh apresiasi, tetapi juga membuka peluang lebih besar untuk berkolaborasi dengan investor maupun pihak lain yang tertarik dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Ke depan, Desa Dramasaba berkomitmen untuk terus meningkatkan daya saingnya, baik dalam sektor ekonomi, budaya, maupun infrastruktur, sehingga mampu memberikan manfaat yang lebih besar bagi masyarakat serta menarik perhatian lebih banyak pihak untuk berinvestasi dan berkontribusi dalam pembangunan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dengan prestasi ini, diharapkan Desa Dramasaba dapat menjadi contoh bagi desa-desa lain dalam memanfaatkan media digital sebagai sarana promosi dan pengembangan potensi lokal.
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text
|
||||
pb={20}
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
>
|
||||
Desa Dramasaba Raih Juara 2 dalam Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa Dramasaba kembali menunjukkan eksistensinya dalam memajukan potensi desa dengan meraih Juara 2 dalam ajang Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024. Prestasi ini menjadi bukti nyata bahwa Desa Dramasaba memiliki daya tarik serta peluang investasi yang menjanjikan bagi para investor maupun masyarakat yang ingin berkontribusi dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dalam video pendek yang diikutsertakan dalam lomba ini, Desa Dramasaba menampilkan berbagai potensi unggulan yang dimiliki, mulai dari sektor pertanian, pariwisata berbasis budaya, hingga ekonomi kreatif yang sedang berkembang pesat. Dengan pengemasan yang menarik dan penyampaian informasi yang jelas, video tersebut berhasil memikat perhatian dewan juri serta menjadi inspirasi bagi desa-desa lain dalam mengembangkan potensi wilayahnya masing-masing.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Keberhasilan ini tidak lepas dari kerja keras seluruh tim kreatif, pemerintah desa, serta masyarakat yang turut berpartisipasi dalam produksi video. Kepala Desa Dramasaba, [Nama Kepala Desa], mengungkapkan rasa syukur dan bangganya atas pencapaian ini. Menurutnya, kemenangan ini bukan sekadar penghargaan, tetapi juga menjadi motivasi untuk terus mengembangkan desa agar semakin dikenal luas dan menarik lebih banyak peluang investasi.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024 merupakan ajang yang diadakan oleh pemerintah daerah dengan tujuan untuk mendorong desa-desa dalam mengenalkan dan mempromosikan potensi investasi mereka. Dengan mengikuti lomba ini, Desa Dramasaba tidak hanya memperoleh apresiasi, tetapi juga membuka peluang lebih besar untuk berkolaborasi dengan investor maupun pihak lain yang tertarik dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Ke depan, Desa Dramasaba berkomitmen untuk terus meningkatkan daya saingnya, baik dalam sektor ekonomi, budaya, maupun infrastruktur, sehingga mampu memberikan manfaat yang lebih besar bagi masyarakat serta menarik perhatian lebih banyak pihak untuk berinvestasi dan berkontribusi dalam pembangunan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dengan prestasi ini, diharapkan Desa Dramasaba dapat menjadi contoh bagi desa-desa lain dalam memanfaatkan media digital sebagai sarana promosi dan pengembangan potensi lokal.
|
||||
</Text>
|
||||
<Box py={20}>
|
||||
<Divider />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
@@ -84,8 +88,9 @@ function Page() {
|
||||
</Flex>
|
||||
<Divider pb={50} />
|
||||
</Box>
|
||||
</Container>
|
||||
</Stack>
|
||||
</Box>
|
||||
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -1,14 +1,16 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Text, Image, ActionIcon, Box, Divider, Flex } from '@mantine/core';
|
||||
import { Stack, Container, Text, Image, ActionIcon, Box, Divider, Flex, Group } from '@mantine/core';
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react';
|
||||
import React from 'react';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={42}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={32}>
|
||||
<Group px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Group>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<BackButton/>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Juara 2
|
||||
@@ -20,47 +22,49 @@ function Page() {
|
||||
Duta Invenstasi Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Image py={20} src={"/api/img/penghargaan-3.png"} alt='' />
|
||||
<Text
|
||||
py={20}
|
||||
ta={"justify"}
|
||||
fw={"bold"}
|
||||
>
|
||||
Desa Dramasaba Raih Juara 2 dalam Duta Invenstasi Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa Dramasaba kembali menunjukkan eksistensinya dalam memajukan potensi desa dengan meraih Juara 2 dalam ajang Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024. Prestasi ini menjadi bukti nyata bahwa Desa Dramasaba memiliki daya tarik serta peluang investasi yang menjanjikan bagi para investor maupun masyarakat yang ingin berkontribusi dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dalam video pendek yang diikutsertakan dalam lomba ini, Desa Dramasaba menampilkan berbagai potensi unggulan yang dimiliki, mulai dari sektor pertanian, pariwisata berbasis budaya, hingga ekonomi kreatif yang sedang berkembang pesat. Dengan pengemasan yang menarik dan penyampaian informasi yang jelas, video tersebut berhasil memikat perhatian dewan juri serta menjadi inspirasi bagi desa-desa lain dalam mengembangkan potensi wilayahnya masing-masing.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Keberhasilan ini tidak lepas dari kerja keras seluruh tim kreatif, pemerintah desa, serta masyarakat yang turut berpartisipasi dalam produksi video. Kepala Desa Dramasaba, [Nama Kepala Desa], mengungkapkan rasa syukur dan bangganya atas pencapaian ini. Menurutnya, kemenangan ini bukan sekadar penghargaan, tetapi juga menjadi motivasi untuk terus mengembangkan desa agar semakin dikenal luas dan menarik lebih banyak peluang investasi.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024 merupakan ajang yang diadakan oleh pemerintah daerah dengan tujuan untuk mendorong desa-desa dalam mengenalkan dan mempromosikan potensi investasi mereka. Dengan mengikuti lomba ini, Desa Dramasaba tidak hanya memperoleh apresiasi, tetapi juga membuka peluang lebih besar untuk berkolaborasi dengan investor maupun pihak lain yang tertarik dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Ke depan, Desa Dramasaba berkomitmen untuk terus meningkatkan daya saingnya, baik dalam sektor ekonomi, budaya, maupun infrastruktur, sehingga mampu memberikan manfaat yang lebih besar bagi masyarakat serta menarik perhatian lebih banyak pihak untuk berinvestasi dan berkontribusi dalam pembangunan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dengan prestasi ini, diharapkan Desa Dramasaba dapat menjadi contoh bagi desa-desa lain dalam memanfaatkan media digital sebagai sarana promosi dan pengembangan potensi lokal.
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text
|
||||
pb={20}
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
>
|
||||
Desa Dramasaba Raih Juara 2 dalam Duta Invenstasi Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa Dramasaba kembali menunjukkan eksistensinya dalam memajukan potensi desa dengan meraih Juara 2 dalam ajang Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024. Prestasi ini menjadi bukti nyata bahwa Desa Dramasaba memiliki daya tarik serta peluang investasi yang menjanjikan bagi para investor maupun masyarakat yang ingin berkontribusi dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dalam video pendek yang diikutsertakan dalam lomba ini, Desa Dramasaba menampilkan berbagai potensi unggulan yang dimiliki, mulai dari sektor pertanian, pariwisata berbasis budaya, hingga ekonomi kreatif yang sedang berkembang pesat. Dengan pengemasan yang menarik dan penyampaian informasi yang jelas, video tersebut berhasil memikat perhatian dewan juri serta menjadi inspirasi bagi desa-desa lain dalam mengembangkan potensi wilayahnya masing-masing.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Keberhasilan ini tidak lepas dari kerja keras seluruh tim kreatif, pemerintah desa, serta masyarakat yang turut berpartisipasi dalam produksi video. Kepala Desa Dramasaba, [Nama Kepala Desa], mengungkapkan rasa syukur dan bangganya atas pencapaian ini. Menurutnya, kemenangan ini bukan sekadar penghargaan, tetapi juga menjadi motivasi untuk terus mengembangkan desa agar semakin dikenal luas dan menarik lebih banyak peluang investasi.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024 merupakan ajang yang diadakan oleh pemerintah daerah dengan tujuan untuk mendorong desa-desa dalam mengenalkan dan mempromosikan potensi investasi mereka. Dengan mengikuti lomba ini, Desa Dramasaba tidak hanya memperoleh apresiasi, tetapi juga membuka peluang lebih besar untuk berkolaborasi dengan investor maupun pihak lain yang tertarik dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Ke depan, Desa Dramasaba berkomitmen untuk terus meningkatkan daya saingnya, baik dalam sektor ekonomi, budaya, maupun infrastruktur, sehingga mampu memberikan manfaat yang lebih besar bagi masyarakat serta menarik perhatian lebih banyak pihak untuk berinvestasi dan berkontribusi dalam pembangunan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dengan prestasi ini, diharapkan Desa Dramasaba dapat menjadi contoh bagi desa-desa lain dalam memanfaatkan media digital sebagai sarana promosi dan pengembangan potensi lokal.
|
||||
</Text>
|
||||
<Box py={20}>
|
||||
<Divider />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
@@ -84,7 +88,7 @@ function Page() {
|
||||
</Flex>
|
||||
<Divider pb={50} />
|
||||
</Box>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -6,9 +6,11 @@ import React from 'react';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={42}>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={32}>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Juara Favorit
|
||||
@@ -20,47 +22,50 @@ function Page() {
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Image py={20} src={"/api/img/penghargaan-1.png"} alt='' />
|
||||
<Text
|
||||
py={20}
|
||||
ta={"justify"}
|
||||
fw={"bold"}
|
||||
>
|
||||
Desa Dramasaba Raih Juara Favorit dalam Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa Dramasaba kembali menunjukkan eksistensinya dalam memajukan potensi desa dengan meraih Juara 2 dalam ajang Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024. Prestasi ini menjadi bukti nyata bahwa Desa Dramasaba memiliki daya tarik serta peluang investasi yang menjanjikan bagi para investor maupun masyarakat yang ingin berkontribusi dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dalam video pendek yang diikutsertakan dalam lomba ini, Desa Dramasaba menampilkan berbagai potensi unggulan yang dimiliki, mulai dari sektor pertanian, pariwisata berbasis budaya, hingga ekonomi kreatif yang sedang berkembang pesat. Dengan pengemasan yang menarik dan penyampaian informasi yang jelas, video tersebut berhasil memikat perhatian dewan juri serta menjadi inspirasi bagi desa-desa lain dalam mengembangkan potensi wilayahnya masing-masing.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Keberhasilan ini tidak lepas dari kerja keras seluruh tim kreatif, pemerintah desa, serta masyarakat yang turut berpartisipasi dalam produksi video. Kepala Desa Dramasaba, [Nama Kepala Desa], mengungkapkan rasa syukur dan bangganya atas pencapaian ini. Menurutnya, kemenangan ini bukan sekadar penghargaan, tetapi juga menjadi motivasi untuk terus mengembangkan desa agar semakin dikenal luas dan menarik lebih banyak peluang investasi.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024 merupakan ajang yang diadakan oleh pemerintah daerah dengan tujuan untuk mendorong desa-desa dalam mengenalkan dan mempromosikan potensi investasi mereka. Dengan mengikuti lomba ini, Desa Dramasaba tidak hanya memperoleh apresiasi, tetapi juga membuka peluang lebih besar untuk berkolaborasi dengan investor maupun pihak lain yang tertarik dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Ke depan, Desa Dramasaba berkomitmen untuk terus meningkatkan daya saingnya, baik dalam sektor ekonomi, budaya, maupun infrastruktur, sehingga mampu memberikan manfaat yang lebih besar bagi masyarakat serta menarik perhatian lebih banyak pihak untuk berinvestasi dan berkontribusi dalam pembangunan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dengan prestasi ini, diharapkan Desa Dramasaba dapat menjadi contoh bagi desa-desa lain dalam memanfaatkan media digital sebagai sarana promosi dan pengembangan potensi lokal.
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text
|
||||
pb={20}
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
>
|
||||
Desa Dramasaba Raih Juara Favorit dalam Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Desa Dramasaba kembali menunjukkan eksistensinya dalam memajukan potensi desa dengan meraih Juara 2 dalam ajang Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024. Prestasi ini menjadi bukti nyata bahwa Desa Dramasaba memiliki daya tarik serta peluang investasi yang menjanjikan bagi para investor maupun masyarakat yang ingin berkontribusi dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dalam video pendek yang diikutsertakan dalam lomba ini, Desa Dramasaba menampilkan berbagai potensi unggulan yang dimiliki, mulai dari sektor pertanian, pariwisata berbasis budaya, hingga ekonomi kreatif yang sedang berkembang pesat. Dengan pengemasan yang menarik dan penyampaian informasi yang jelas, video tersebut berhasil memikat perhatian dewan juri serta menjadi inspirasi bagi desa-desa lain dalam mengembangkan potensi wilayahnya masing-masing.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Keberhasilan ini tidak lepas dari kerja keras seluruh tim kreatif, pemerintah desa, serta masyarakat yang turut berpartisipasi dalam produksi video. Kepala Desa Dramasaba, [Nama Kepala Desa], mengungkapkan rasa syukur dan bangganya atas pencapaian ini. Menurutnya, kemenangan ini bukan sekadar penghargaan, tetapi juga menjadi motivasi untuk terus mengembangkan desa agar semakin dikenal luas dan menarik lebih banyak peluang investasi.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Lomba Video Pendek Potensi dan Peluang Investasi di Desa Kabupaten Badung 2024 merupakan ajang yang diadakan oleh pemerintah daerah dengan tujuan untuk mendorong desa-desa dalam mengenalkan dan mempromosikan potensi investasi mereka. Dengan mengikuti lomba ini, Desa Dramasaba tidak hanya memperoleh apresiasi, tetapi juga membuka peluang lebih besar untuk berkolaborasi dengan investor maupun pihak lain yang tertarik dalam pengembangan desa.
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
>
|
||||
Ke depan, Desa Dramasaba berkomitmen untuk terus meningkatkan daya saingnya, baik dalam sektor ekonomi, budaya, maupun infrastruktur, sehingga mampu memberikan manfaat yang lebih besar bagi masyarakat serta menarik perhatian lebih banyak pihak untuk berinvestasi dan berkontribusi dalam pembangunan desa.
|
||||
</Text>
|
||||
<Text
|
||||
py={5}
|
||||
ta={"justify"}
|
||||
>
|
||||
Dengan prestasi ini, diharapkan Desa Dramasaba dapat menjadi contoh bagi desa-desa lain dalam memanfaatkan media digital sebagai sarana promosi dan pengembangan potensi lokal.
|
||||
</Text>
|
||||
|
||||
<Box py={20}>
|
||||
<Divider />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
@@ -84,7 +89,7 @@ function Page() {
|
||||
</Flex>
|
||||
<Divider pb={50} />
|
||||
</Box>
|
||||
</Container>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -56,8 +56,10 @@ const data = [
|
||||
export default function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.grey[1]} py={"xl"} gap={42}>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<BackButton />
|
||||
</Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<BackButton/>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
Penghargaan
|
||||
|
||||
38
src/app/darmasaba/(tambahan)/permohonan/berhasil/page.tsx
Normal file
38
src/app/darmasaba/(tambahan)/permohonan/berhasil/page.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
'use client'
|
||||
import colors from '@/con/colors';
|
||||
import { Box, Button, Group, Paper, Stack, Text } from '@mantine/core';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
function Page() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
|
||||
<Box px={{ base: 'md', md: 100 }}>
|
||||
<Stack h={'80vh'} justify='center'>
|
||||
<Box>
|
||||
<Paper p={"lg"} bg={'#DEF0D8'}>
|
||||
<Text fw={"bold"} ta={"center"} fz={'h2'} c={'#3C7745'}>Permohonan Berhasil Dikirim</Text>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box>
|
||||
<Paper px={{ base: 'md', md: 100 }} p={"lg"} bg={colors['white-trans-1']}>
|
||||
<Stack justify='space-between'>
|
||||
<Text fw={"bold"} ta={"center"} fz={'h2'} >Terima Kasih!</Text>
|
||||
<Text ta={"center"} fz={"h4"}>Permohonan keberatan Anda telah berhasil dikirim. Tim PPID Desa akan meninjau
|
||||
permohonan Anda dan memberikan tanggapan dalam waktu yang
|
||||
ditentukan.</Text>
|
||||
<Text ta={"center"} fz={"h4"}>Jika Anda memiliki pertanyaan lebih lanjut, silakan hubungi kami melalui kontak
|
||||
yang tersedia.</Text>
|
||||
<Group justify='center'>
|
||||
<Button onClick={() => router.push('/darmasaba')} p={'sm'} bg={colors['blue-button']} >Kembali ke Beranda</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Box>
|
||||
</Stack>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
11
src/app/darmasaba/(tambahan)/permohonan/gagal/page.tsx
Normal file
11
src/app/darmasaba/(tambahan)/permohonan/gagal/page.tsx
Normal file
@@ -0,0 +1,11 @@
|
||||
import React from 'react';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<div>
|
||||
Page
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,64 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, Text, Image, ActionIcon, Divider, Flex } from '@mantine/core';
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react';
|
||||
import React from 'react';
|
||||
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Hukum dan Kesadaran Masyarakat
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/prestasilombahukum.png" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Dengan bangga, KADARKUM Desa Darmasaba berhasil meraih Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024.
|
||||
Prestasi ini tidak lepas dari dukungan penuh dan semangat tinggi dari Ida Bagus Surya Prabhawa Manuaba, S.H., M.H., NL.P. selaku Perbekel Darmasaba yang selalu mendampingi dari proses pelatihan hingga perlombaan, serta turut hadir perwakilan Kecamatan Abiansemal, Ketua BPD Desa Darmasaba, Ketua TP PKK Desa Darmasaba, Perangkat & Staf Desa Darmasaba, Karang Taruna Paramartha Dharma Desa Darmasaba dan seluruh Tim Sukses KADARKUM Desa Darmasaba.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Acara yang berlangsung pada 14 November 2024 di Kertha Gosana Lt. 3 Pusat Pemerintahan Kabupaten Badung ini menjadi bukti nyata bahwa kerja keras dan kolaborasi adalah kunci keberhasilan.
|
||||
</Text>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Bersama, kita terus wujudkan Desa Darmasaba yang sadar hukum dan berprestasi!
|
||||
</Text>
|
||||
<Divider color={colors["blue-button"]} />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
<Text fz={'md'}>25 May 2021 . Darmasaba</Text>
|
||||
<Box>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandFacebook color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandInstagram color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandTwitter color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandWhatsapp color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
<Divider color={colors["blue-button"]} pb={50} />
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -0,0 +1,64 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, Text, Image, ActionIcon, Divider, Flex } from '@mantine/core';
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react';
|
||||
import React from 'react';
|
||||
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Peringkat 5 Dalam Ajang Bergengsi Mangupura Award
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Tata Kelola dan Inovasi Desa
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/prestasi-peringkat-5.jpeg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Pada hari Senin, 18 November 2024, Desa Darmasaba kembali mencetak prestasi gemilang dengan meraih peringkat V dalam ajang bergengsi Mangupura Award. Penganugerahan ini berlangsung dalam rangkaian acara HUT Kota Mangupura ke-15 yang dihadiri oleh Drs. I Ketut Suiasa, S.H., Plt Bupati Badung, serta para tokoh penting lainnya.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Penghargaan ini bukan hanya sebuah pengakuan, tetapi juga menjadi motivasi bagi Desa Darmasaba untuk terus meningkatkan inovasi, pelayanan, pembangunan serta transformasi digital.
|
||||
Mari bersama kita lanjutkan semangat kolaborasi dan inovasi untuk menjadikan Darmasaba sebagai desa yang semakin unggul dan inspiratif!
|
||||
</Text>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Bersama, kita terus wujudkan Desa Darmasaba yang sadar hukum dan berprestasi!
|
||||
</Text>
|
||||
<Divider color={colors["blue-button"]} />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
<Text fz={'md'}>25 May 2021 . Darmasaba</Text>
|
||||
<Box>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandFacebook color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandInstagram color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandTwitter color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandWhatsapp color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
<Divider color={colors["blue-button"]} pb={50} />
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
62
src/app/darmasaba/(tambahan)/prestasi/(detail)/voli/page.tsx
Normal file
62
src/app/darmasaba/(tambahan)/prestasi/(detail)/voli/page.tsx
Normal file
@@ -0,0 +1,62 @@
|
||||
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
|
||||
import colors from '@/con/colors';
|
||||
import { Stack, Container, Box, Text, Image, ActionIcon, Divider, Flex } from '@mantine/core';
|
||||
import { IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react';
|
||||
import React from 'react';
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} px={{ base: "md", md: 0 }}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }} >
|
||||
<Box pb={20}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Juara 3 Turnamen Bola Voli Mangupura Cup 2024
|
||||
</Text>
|
||||
<Text
|
||||
ta={"center"}
|
||||
fw={"bold"}
|
||||
fz={"1.5rem"}
|
||||
>
|
||||
Olahraga dan Kepemudaan
|
||||
</Text>
|
||||
</Box>
|
||||
<Image src="/api/img/prestasi-voli.jpeg" alt='' w={"100%"} />
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Selamat kepada Tim Bola Voli Putri Dharma Temaja yang berhasil meraih juara 3 dalam Turnamen Bola Voli Mangupura Cup 2024 kategori Putri Se-Bali.
|
||||
Perjuangan luar biasa yang ditunjukkan oleh tim ini merupakan bukti nyata kerja keras, kekompakan, dan semangat pantang menyerah. Dalam kompetisi yang diikuti oleh tim-tim terbaik dari seluruh Bali, Tim Dharma Temaja berhasil menunjukkan performa yang menginspirasi dan mengharumkan nama desa.
|
||||
</Text>
|
||||
<Text fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Terima kasih kepada seluruh pemain, pelatih, serta pendukung yang selalu memberikan dukungan penuh di setiap pertandingan. Kemenangan ini adalah awal dari perjalanan yang lebih besar, dan semoga prestasi ini dapat terus memotivasi kita untuk mencapai hasil yang lebih gemilang di masa depan.
|
||||
</Text>
|
||||
<Text py={20} fz={{ base: "sm", md: "lg" }} ta={"justify"}>
|
||||
Mari kita terus dukung Tim Bola Voli Putri Dharma Temaja agar semakin bersinar di ajang-ajang berikutnya
|
||||
</Text>
|
||||
<Divider color={colors["blue-button"]} />
|
||||
<Flex justify={"space-between"} py={20}>
|
||||
<Text fz={'md'}>25 May 2021 . Darmasaba</Text>
|
||||
<Box>
|
||||
<Flex gap={"lg"}>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandFacebook color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandInstagram color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandTwitter color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
<ActionIcon variant='transparent'>
|
||||
<IconBrandWhatsapp color={colors["blue-button"]} size={"30"} />
|
||||
</ActionIcon>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
<Divider color={colors["blue-button"]} pb={50} />
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
100
src/app/darmasaba/(tambahan)/prestasi/page.tsx
Normal file
100
src/app/darmasaba/(tambahan)/prestasi/page.tsx
Normal file
@@ -0,0 +1,100 @@
|
||||
'use client'
|
||||
import colors from '@/con/colors';
|
||||
import { BackgroundImage, Box, Button, Container, Group, Paper, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
|
||||
import { useRouter } from 'next/navigation';
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
title: "Olahraga dan Kepemudaan",
|
||||
description: "Tim Bola Voli Putri Dharma Temaja meraih juara 3 dalam Turnamen Bola Voli Mangupura Cup 2024 kategori Putri Se-Bali ",
|
||||
image: "/api/img/prestasi-voli.jpeg",
|
||||
link: "/darmasaba/prestasi/voli"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Hukum dan Kesadaran Masyarakat",
|
||||
description: "Prestasi Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024",
|
||||
image: "/api/img/prestasilombahukum.png",
|
||||
link: "/darmasaba/prestasi/hukum"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Tata Kelola dan Inovasi Desa",
|
||||
description: "Peringkat 5 Dalam Ajang Bergengsi Mangupura Award",
|
||||
image: "/api/img/prestasi-peringkat-5.jpeg",
|
||||
link: "/darmasaba/desa/prestasi/mangupura"
|
||||
}
|
||||
]
|
||||
function Page() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"} >
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Text ta={"center"} fz={"3.4rem"} c={colors["blue-button"]} fw={"bold"}>
|
||||
Prestasi Desa
|
||||
</Text>
|
||||
<Text ta={"center"} py={10}>
|
||||
Temukan berbagai prestasi dan keunggulan yang dimiliki Desa Darmasaba.
|
||||
</Text>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
px={{ base: "md", md: 100 }}
|
||||
pb={20}
|
||||
cols={{
|
||||
base: 1,
|
||||
md: 3,
|
||||
}}
|
||||
>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<BackgroundImage
|
||||
key={k}
|
||||
src={v.image}
|
||||
h={350}
|
||||
radius={16}
|
||||
pos={"relative"}
|
||||
>
|
||||
<Box
|
||||
style={{
|
||||
borderRadius: 16,
|
||||
zIndex: 0
|
||||
}}
|
||||
pos={"absolute"}
|
||||
w={"100%"}
|
||||
h={"100%"}
|
||||
bg={colors.trans.dark[2]}
|
||||
/>
|
||||
<Stack justify='space-between' h={"100%"} gap={0} p={"lg"} pos={"relative"}>
|
||||
<Group>
|
||||
<Paper radius={"lg"} py={7} px={10}>
|
||||
<Text>{v.title}</Text>
|
||||
</Paper>
|
||||
</Group>
|
||||
<Box p={"lg"}>
|
||||
<Text
|
||||
fw={"bold"}
|
||||
c={"white"}
|
||||
size={"1.8rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.description}</Text>
|
||||
</Box>
|
||||
<Group justify="center">
|
||||
<Button px={20} radius={"100"} size="md" bg={colors["blue-button"]}
|
||||
onClick={() => router.push(v.link)}>
|
||||
Detail
|
||||
</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</BackgroundImage>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
42
src/app/darmasaba/(tambahan)/sdgsdesa/page.tsx
Normal file
42
src/app/darmasaba/(tambahan)/sdgsdesa/page.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
import { Box, Center, Container, Image, Stack, Text } from '@mantine/core';
|
||||
import BackButton from '../../(pages)/desa/layanan/_com/BackButto';
|
||||
|
||||
|
||||
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<Stack pos={"relative"} py={"xl"} gap={22}>
|
||||
<Box px={{ base: "md", md: 100 }}><BackButton /></Box>
|
||||
<Container w={{ base: "100%", md: "50%" }}>
|
||||
<Stack align="center" gap={0}>
|
||||
<Text fz={"3.4rem"} fw={"bold"}>
|
||||
SDGs Desa
|
||||
</Text>
|
||||
</Stack>
|
||||
</Container>
|
||||
<Box px={{ base: "md", md: 100 }}>
|
||||
<Text
|
||||
py={10}
|
||||
ta={"justify"}
|
||||
>
|
||||
SDGs Desa adalah upaya terpadu pemerintah dalam percepatan pencapaian tujuan pembangunan berkelanjutan di tingkat desa. Ini merupakan terjemahan dari SDGs global dalam konteks pembangunan desa di Indonesia. SDGs Desa bertujuan untuk menciptakan desa yang lebih inklusif, berkelanjutan, dan tangguh menghadapi tantangan masa depan. Adapun
|
||||
</Text>
|
||||
<Text
|
||||
ta={"justify"}
|
||||
pb={20}
|
||||
>
|
||||
SDGs Desa sebagaimana dijabarkan dalam Permendesa Nomor 21 tahun 2020 terdiri dari 18 tujuan yang harus dicapai pada tahun 2030. Tujuan-tujuan tersebut mencakup berbagai aspek kehidupan masyarakat desa, mulai dari pengentasan kemiskinan, peningkatan kesehatan dan pendidikan, kesetaraan gender, pertumbuhan ekonomi, infrastruktur, hingga kelestarian lingkungan. Adapun SDGs Desa terdiri dari tujuan-tujuan sebagai berikut:
|
||||
</Text>
|
||||
<Center>
|
||||
<Image src={"/api/img/sdgsdesa-18-removebg.png"} alt='' w={800} />
|
||||
</Center>
|
||||
</Box >
|
||||
<Box py={20}>
|
||||
|
||||
</Box>
|
||||
</Stack >
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -1,5 +1,7 @@
|
||||
import colors from '@/con/colors';
|
||||
import { BackgroundImage, Box, Button, Group, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { ActionIcon, BackgroundImage, Box, Button, Flex, Group, SimpleGrid, Stack, Text } from '@mantine/core';
|
||||
import { IconDownload } from '@tabler/icons-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const data = [
|
||||
{
|
||||
@@ -29,7 +31,7 @@ function Apbdes() {
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Stack p={"sm"} gap={"4rem"} >
|
||||
<Stack p={"sm"} gap={"4rem"} bg={colors.Bg}>
|
||||
<Box
|
||||
w={{
|
||||
base: '100%',
|
||||
@@ -79,23 +81,29 @@ function Apbdes() {
|
||||
textAlign: "center",
|
||||
}}>{v.title}</Text>
|
||||
</Box>
|
||||
<Text
|
||||
fw={"bold"}
|
||||
c={"white"}
|
||||
size={"3.5rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.value}</Text>
|
||||
<Text
|
||||
fw={"bold"}
|
||||
c={"white"}
|
||||
size={"3.5rem"}
|
||||
style={{
|
||||
textAlign: "center",
|
||||
}}>{v.value}</Text>
|
||||
<Group justify="center">
|
||||
<Button px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
|
||||
Detail
|
||||
</Button>
|
||||
</Group>
|
||||
<ActionIcon px={70} py={20} radius={"xl"} size="md" bg={colors["blue-button"]}>
|
||||
<Flex gap={"md"}>
|
||||
<IconDownload size={20} />
|
||||
<Text fz={"sm"} c={"white"}>Download</Text>
|
||||
</Flex>
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
</Stack>
|
||||
</BackgroundImage>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
<Group pb={80} justify='center'>
|
||||
<Button component={Link} href="/darmasaba/apbdesa" radius={"lg"} bg={colors["blue-button"]} fz={"h4"}>Lihat Semua</Button>
|
||||
</Group>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -1,44 +1,44 @@
|
||||
"use client";
|
||||
'use client'
|
||||
import colors from "@/con/colors";
|
||||
import { Box, Button, Center, Container, Flex, Paper, SimpleGrid, Stack, Text, useMantineTheme } from "@mantine/core";
|
||||
import { useMediaQuery } from "@mantine/hooks";
|
||||
import { IconClipboardText } from "@tabler/icons-react";
|
||||
import { motion } from "motion/react";
|
||||
import Link from "next/link";
|
||||
|
||||
function DesaAntiKorupsi() {
|
||||
const data = [
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={180} color={colors["blue-button"]} />,
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={180} color={colors["blue-button"]} />,
|
||||
deskripsi: "1.2 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP MENGENAI MEKANISME EVALUASI KINERJA PERANGKAT DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={180} color={colors["blue-button"]} />,
|
||||
deskripsi: "1.3 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PENGENDALIAN GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={180} color={colors["blue-button"]} />,
|
||||
deskripsi: "1.4 PERJANJIAN KERJA SAMA ANTARA PELAKSANA KEGIATAN ANGGARAN DENGAN PIHAK PENYEDIA, DAN TELAH MELALUI PROSES PENGADAAN BARANG/JASA DI DESA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={180} color={colors["blue-button"]} />,
|
||||
deskripsi: "1.5 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PAKTA INTEGRITAS DAN SEJENISNYA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
{
|
||||
judul: "PENGUATAN TATA LAKSANA",
|
||||
deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={180} color={colors["blue-button"]} />,
|
||||
deskripsi: "1.6 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
|
||||
icon: <IconClipboardText size={100} color={colors["blue-button"]} />,
|
||||
},
|
||||
]
|
||||
const theme = useMantineTheme();
|
||||
const theme = useMantineTheme();
|
||||
const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`);
|
||||
return (
|
||||
<Stack gap={"0"} bg={colors.Bg} p={"sm"} h={mobile ? 2000 : 1150}>
|
||||
@@ -47,41 +47,40 @@ const theme = useMantineTheme();
|
||||
<Text fz={"3.4rem"}>Desa Anti Korupsi</Text>
|
||||
</Center>
|
||||
<Text ta={"center"} fz={"1.4rem"}>Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola terbuka dengan melibatkan warga mengawasi anggaran, sehingga digunakan tepat sasaran sesuai kebutuhan.</Text>
|
||||
<Center py={20}>
|
||||
<Button radius={"lg"} fz={"h4"} bg={colors["blue-button"]} component={Link} href={"/darmasaba/desaantikorupsi"}>Selengkapnya</Button>
|
||||
</Center>
|
||||
</Container>
|
||||
<SimpleGrid
|
||||
pt={50}
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 1,
|
||||
sm: 2,
|
||||
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<motion.div
|
||||
key={k}
|
||||
|
||||
whileTap={{ scale: 0.8 }}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Flex gap={"lg"} justify={"center"} align={"center"}>
|
||||
<Box >
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex gap={"lg"} justify={"center"} align={"center"}>
|
||||
}}>
|
||||
{data.map((v, k) => {
|
||||
return (
|
||||
<Box
|
||||
key={k}
|
||||
>
|
||||
<Paper p={"lg"} >
|
||||
<Flex gap={"lg"} justify={"center"} align={"center"}>
|
||||
<Box >
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex justify={"center"} align={"center"}>
|
||||
<Box>
|
||||
{v.icon}
|
||||
<Box>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Box pt={10}>
|
||||
<Button bg={colors["blue-button"]} radius={"lg"}>Download</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Paper>
|
||||
</motion.div>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Box>
|
||||
<Box px={20}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Paper>
|
||||
</Box>
|
||||
)
|
||||
})}
|
||||
</SimpleGrid>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -93,7 +93,7 @@ function LandingPage() {
|
||||
bg={"white"}
|
||||
>
|
||||
<Image
|
||||
src={"/assets/images/pudak-icon.png"}
|
||||
src={"/api/img/pudak-icon.png"}
|
||||
alt="icon"
|
||||
sizes={"100%"}
|
||||
fit="contain"
|
||||
|
||||
@@ -16,6 +16,7 @@ import {
|
||||
} from "@mantine/core";
|
||||
import _ from "lodash";
|
||||
import { motion } from "motion/react";
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/navigation";
|
||||
import useSWR from "swr";
|
||||
|
||||
@@ -24,25 +25,29 @@ const datamap = [
|
||||
id: 1,
|
||||
images: "/api/img/tps.png",
|
||||
name: "TPS3R Pudak Mesari",
|
||||
deskripsi: "TPS 3R Pudak Mesari Darmasaba layak mendapat penghargaan demikian apresiasi dari Delterra Sosial Indonesia nie Semeton Darmasaba!, Hal tersebut dikarenakan walaupun baru berdiri namun TPS 3R kebanggaan Desa Darmasaba tersebut sudah berjalan dengan sangat baik. "
|
||||
deskripsi: "TPS 3R Pudak Mesari Darmasaba layak mendapat penghargaan demikian apresiasi dari Delterra Sosial Indonesia nie Semeton Darmasaba!, Hal tersebut dikarenakan walaupun baru berdiri namun TPS 3R kebanggaan Desa Darmasaba tersebut sudah berjalan dengan sangat baik. ",
|
||||
link: "/darmasaba/desa/potensi/tps"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
images: "/api/img/ack.png",
|
||||
name: "Bumdes Pudak Mesari",
|
||||
deskripsi: "Bumdes Pudak Mesari sangat membantu warga desa Darmasaba dalam mengelola dan membangun sebuah desa yang lebih baik lagi"
|
||||
deskripsi: "Bumdes Pudak Mesari sangat membantu warga desa Darmasaba dalam mengelola dan membangun sebuah desa yang lebih baik lagi",
|
||||
link: "/darmasaba/desa/potensi/bumdes"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
images: "/api/img/taman-beji.jpg",
|
||||
name: "Taman Beji Cengana",
|
||||
deskripsi: "Tirta Klebutan di Pura Taman Beji Cengana di Desa Adat Darmasaba, Badung, selain dipercaya nunas Taksu serta pembersihan diri. Tersemat juga asal usul cerita ditemukannya Tirta Klebutan yang tepat berada di pinggir Tukad Cengana tersebut."
|
||||
deskripsi: "Tirta Klebutan di Pura Taman Beji Cengana di Desa Adat Darmasaba, Badung, selain dipercaya nunas Taksu serta pembersihan diri. Tersemat juga asal usul cerita ditemukannya Tirta Klebutan yang tepat berada di pinggir Tukad Cengana tersebut.",
|
||||
link: "/darmasaba/desa/potensi/taman"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
images: "/api/img/waterpark.png",
|
||||
name: "Gumuh Sari Water Park",
|
||||
deskripsi: "Gumuh Sari Rekreasi atau waterpark, tempat wisata yang asyik dan seru untuk kamu sekeluarga! Tempat liburan di Bali memang seakan nggak ada habisnya. Selalu ada aja destinasi wisata seru yang bisa jadi wishlist. Ada banyak banget tempat wisata yang kamu kunjungi di Bali, mulai dari wisata alam, wisata modern, sampai wisata air."
|
||||
deskripsi: "Gumuh Sari Rekreasi atau waterpark, tempat wisata yang asyik dan seru untuk kamu sekeluarga! Tempat liburan di Bali memang seakan nggak ada habisnya. Selalu ada aja destinasi wisata seru yang bisa jadi wishlist. Ada banyak banget tempat wisata yang kamu kunjungi di Bali, mulai dari wisata alam, wisata modern, sampai wisata air.",
|
||||
link: "/darmasaba/desa/potensi/gumuh"
|
||||
},
|
||||
]
|
||||
|
||||
@@ -81,6 +86,7 @@ function Potensi() {
|
||||
key={k}
|
||||
whileHover={{ scale: 1.01 }}
|
||||
whileTap={{ scale: 0.8 }}
|
||||
onClick={() => router.push(datamap[k].link)}
|
||||
>
|
||||
<BackgroundImage
|
||||
src={datamap[k].images}
|
||||
@@ -128,7 +134,7 @@ function Potensi() {
|
||||
</SimpleGrid>
|
||||
<Stack align="center">
|
||||
<Group>
|
||||
<Button onClick={() => router.push("/darmasaba/desa/potensi")} color={colors["blue-button"]} variant="outline" radius={100} size="md">
|
||||
<Button component={Link} href={"/darmasaba/desa/potensi"} color={colors["blue-button"]} variant="outline" radius={100} size="md">
|
||||
Selengkapnya
|
||||
</Button>
|
||||
</Group>
|
||||
|
||||
@@ -1,35 +1,40 @@
|
||||
import colors from "@/con/colors";
|
||||
import { BackgroundImage, Box, Button, Center, Container, Group, SimpleGrid, Stack, Text } from "@mantine/core";
|
||||
import Link from "next/link";
|
||||
|
||||
const data = [
|
||||
{
|
||||
id: 1,
|
||||
title: "Tata Kelola Pemerintahan",
|
||||
image: "/api/img/lombadesa.jpg",
|
||||
deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]"
|
||||
},
|
||||
{
|
||||
title: "Olahraga dan Kepemudaan",
|
||||
deskripsi: "Tim Bola Voli Putri Dharma Temaja meraih juara 3 dalam Turnamen Bola Voli Mangupura Cup 2024 kategori Putri Se-Bali ",
|
||||
image: "/api/img/prestasi-voli.jpeg",
|
||||
link: "/darmasaba/prestasi/voli"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Tata Kelola Pemerintahan",
|
||||
image: "/api/img/lombadesa.jpg",
|
||||
deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]"
|
||||
},
|
||||
{
|
||||
title: "Hukum dan Kesadaran Masyarakat",
|
||||
deskripsi: "Prestasi Juara 3 dalam Lomba Keluarga Sadar Hukum Kabupaten Badung Tahun 2024",
|
||||
image: "/api/img/prestasilombahukum.png",
|
||||
link: "/darmasaba/prestasi/hukum"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Tata Kelola Pemerintahan",
|
||||
image: "/api/img/lombadesa.jpg",
|
||||
deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]"
|
||||
},
|
||||
title: "Tata Kelola dan Inovasi Desa",
|
||||
deskripsi: "Peringkat 5 Dalam Ajang Bergengsi Mangupura Award",
|
||||
image: "/api/img/prestasi-peringkat-5.jpeg",
|
||||
link: "/darmasaba/prestasi/mangupura"
|
||||
}
|
||||
]
|
||||
function Prestasi() {
|
||||
return (
|
||||
<>
|
||||
<Stack p={"sm"}>
|
||||
<Container w={{ base: "100%", md: "80%" }} p={"xl"}>
|
||||
<Center>
|
||||
<Text fz={"3.4rem"}>Prestasi Desa</Text>
|
||||
</Center>
|
||||
<Text ta={"center"} fz={"3.4rem"}>Prestasi Desa</Text>
|
||||
<Text fz={"1.4rem"} ta={"center"}>Kami bangga dengan apa yang telah dicapai desa kita hingga saat ini. Semoga prestasi ini menjadi inspirasi untuk terus berkarya dan berinovasi demi kemajuan bersama.</Text>
|
||||
<Center pt={20}>
|
||||
<Button radius={"lg"} fz={"h4"} color={colors["blue-button"]} component={Link} href="/darmasaba/prestasi">Selengkapnya</Button>
|
||||
</Center>
|
||||
</Container>
|
||||
<Box py={50}>
|
||||
<SimpleGrid
|
||||
@@ -76,7 +81,7 @@ function Prestasi() {
|
||||
{v.deskripsi}
|
||||
</Text>
|
||||
<Group justify="center">
|
||||
<Button px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
|
||||
<Button component={Link} href={v.link} px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
|
||||
Lihat Detail
|
||||
</Button>
|
||||
</Group>
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
'use client'
|
||||
import colors from "@/con/colors";
|
||||
import { Box, Center, Container, Image, Paper, SimpleGrid, Stack, Text, useMantineTheme } from "@mantine/core";
|
||||
import { Box, Button, Center, Container, Image, Paper, SimpleGrid, Stack, Text, useMantineTheme } from "@mantine/core";
|
||||
import { useMediaQuery } from "@mantine/hooks";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function SDGS() {
|
||||
const theme = useMantineTheme();
|
||||
@@ -32,6 +33,9 @@ export default function SDGS() {
|
||||
</Center>
|
||||
</SimpleGrid>
|
||||
</Paper>
|
||||
<Center>
|
||||
<Button component={Link} href={"/darmasaba/sdgsdesa"} radius={"lg"} fz={"1.2rem"} mt={20} bg={colors["blue-button"]}>Selengkapnya</Button>
|
||||
</Center>
|
||||
</Box>
|
||||
</Container>
|
||||
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
const colors = {
|
||||
"orange": "#FCAE00",
|
||||
"blue-button": "#0A4E78",
|
||||
"blue-button-trans": "#628EC6",
|
||||
"white-1": "#FBFBFC",
|
||||
"white-trans-1": "rgba(255, 255, 255, 0.5)",
|
||||
"white-trans-2": "rgba(255, 255, 255, 0.7)",
|
||||
@@ -18,6 +19,7 @@ const colors = {
|
||||
"2": "#CBCACD"
|
||||
},
|
||||
"Bg": "#D1d9e8",
|
||||
"BG-trans": "#B1C5F2",
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -1,41 +1,90 @@
|
||||
const navbarListMenu = [
|
||||
{
|
||||
id: "1",
|
||||
name: "PPID",
|
||||
href: "/darmasaba/ppid",
|
||||
children: [
|
||||
{
|
||||
id: "1.1",
|
||||
name: "Profile PPID",
|
||||
href: "/darmasaba/ppid/profile"
|
||||
},
|
||||
{
|
||||
id: "1.2",
|
||||
name: "Struktur PPID",
|
||||
href: "/darmasaba/ppid/struktur"
|
||||
},
|
||||
{
|
||||
id: "1.3",
|
||||
name: "Visi Misi PPID",
|
||||
href: "/darmasaba/ppid/visimisi"
|
||||
},
|
||||
{
|
||||
id: "1.4",
|
||||
name: "Dasar Hukum",
|
||||
href: "/darmasaba/ppid/dasarhukum"
|
||||
},
|
||||
{
|
||||
id: "1.5",
|
||||
name: "Permohonan Informasi Publik",
|
||||
href: "/darmasaba/ppid/informasi"
|
||||
},
|
||||
{
|
||||
id: "1.6",
|
||||
name: "Permohonan Keberatan Informasi Publik",
|
||||
href: "/darmasaba/ppid/keberatan"
|
||||
},
|
||||
{
|
||||
id: "1.7",
|
||||
name: "Daftar Informasi Publik Desa Darmasaba",
|
||||
href: "/darmasaba/ppid/daftar"
|
||||
},
|
||||
{
|
||||
id: "1.8",
|
||||
name: "IKM Desa Darmasaba",
|
||||
href: "/darmasaba/ppid/ikm"
|
||||
},
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
id: "2",
|
||||
name: "Desa",
|
||||
href: "/darmasaba/desa",
|
||||
children: [
|
||||
{
|
||||
id: "1.1",
|
||||
id: "2.1",
|
||||
name: "Profile",
|
||||
href: "/darmasaba/desa/profile"
|
||||
},
|
||||
{
|
||||
id: "1.2",
|
||||
id: "2.2",
|
||||
name: "Potensi",
|
||||
href: "/darmasaba/desa/potensi"
|
||||
},
|
||||
{
|
||||
id: "1.3",
|
||||
id: "2.3",
|
||||
name: "Berita",
|
||||
href: "/darmasaba/desa/berita"
|
||||
},
|
||||
{
|
||||
id: "1.4",
|
||||
id: "2.4",
|
||||
name: "Pengumuman",
|
||||
href: "/darmasaba/desa/pengumuman"
|
||||
},
|
||||
{
|
||||
id: "1.5",
|
||||
id: "2.5",
|
||||
name: "Gallery",
|
||||
href: "/darmasaba/desa/galery"
|
||||
},
|
||||
{
|
||||
id: "1.6",
|
||||
id: "2.6",
|
||||
name: "Layanan",
|
||||
href: "/darmasaba/desa/layanan"
|
||||
},
|
||||
{
|
||||
id: "1.7",
|
||||
id: "2.7",
|
||||
name: "Penghargaan",
|
||||
href: "/darmasaba/penghargaan"
|
||||
}
|
||||
@@ -43,240 +92,240 @@ const navbarListMenu = [
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
id: "3",
|
||||
name: "Kesehatan",
|
||||
href: "/darmasaba/kesehatan",
|
||||
children: [
|
||||
{
|
||||
id: "2.1",
|
||||
id: "3.1",
|
||||
name: "Posyandu",
|
||||
href: "/darmasaba/kesehatan/posyandu"
|
||||
},
|
||||
{
|
||||
id: "2.2",
|
||||
id: "3.2",
|
||||
name: "Data Kesehatan Warga",
|
||||
href: "/darmasaba/kesehatan/data-kesehatan-warga"
|
||||
},
|
||||
{
|
||||
id: "2.3",
|
||||
id: "3.3",
|
||||
name: "Puskesmas",
|
||||
href: "/darmasaba/kesehatan/puskesmas"
|
||||
},
|
||||
{
|
||||
id: "2.4",
|
||||
id: "3.4",
|
||||
name: "Program Kesehatan",
|
||||
href: "/darmasaba/kesehatan/program-kesehatan"
|
||||
},
|
||||
{
|
||||
id: "2.5",
|
||||
id: "3.5",
|
||||
name: "Penanganan Darurat",
|
||||
href: "/darmasaba/kesehatan/penanganan-darurat"
|
||||
},
|
||||
{
|
||||
id: "2.6",
|
||||
id: "3.6",
|
||||
name: "Kontak Darurat",
|
||||
href: "/darmasaba/kesehatan/kontak-darurat"
|
||||
},
|
||||
{
|
||||
id: "2.7",
|
||||
id: "3.7",
|
||||
name: "Info Wabah/Penyakit",
|
||||
href: "/darmasaba/kesehatan/info-wabah-penyakit"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
id: "4",
|
||||
name: "Keamanan",
|
||||
href: "/darmasaba/keamanan",
|
||||
children: [
|
||||
{
|
||||
id: "3.1",
|
||||
id: "4.1",
|
||||
name: "Keamanan Lingkungan (Pecalang/Patwal)",
|
||||
href: "/darmasaba/keamanan/keamanan-lingkungan"
|
||||
},
|
||||
{
|
||||
id: "3.2",
|
||||
id: "4.2",
|
||||
name: "Polsek Terdekat",
|
||||
href: "/darmasaba/keamanan/polsek-terdekat"
|
||||
},
|
||||
{
|
||||
id: "3.3",
|
||||
id: "4.3",
|
||||
name: "Kontak Darurat",
|
||||
href: "/darmasaba/keamanan/kontak-darurat"
|
||||
},
|
||||
{
|
||||
id: "3.4",
|
||||
id: "4.4",
|
||||
name: "Pencegahan Kriminalitas",
|
||||
href: "/darmasaba/keamanan/pencegahan-kriminalitas"
|
||||
},
|
||||
{
|
||||
id: "3.5",
|
||||
id: "4.5",
|
||||
name: "Laporan Publik",
|
||||
href: "/darmasaba/keamanan/laporan-publik"
|
||||
},
|
||||
{
|
||||
id: "3.6",
|
||||
id: "4.6",
|
||||
name: "Tips Keamanan",
|
||||
href: "/darmasaba/keamanan/tips-keamanan"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
id: "5",
|
||||
name: "Ekonomi",
|
||||
href: "/darmasaba/ekonomi",
|
||||
children: [
|
||||
{
|
||||
id: "4.1",
|
||||
id: "5.1",
|
||||
name: "Pasar Desa",
|
||||
href: "/darmasaba/ekonomi/pasar-desa"
|
||||
},
|
||||
{
|
||||
id: "4.2",
|
||||
id: "5.2",
|
||||
name: "Koperasi",
|
||||
href: "/darmasaba/ekonomi/koperasi"
|
||||
},
|
||||
{
|
||||
id: "4.3",
|
||||
id: "5.3",
|
||||
name: "UMKM",
|
||||
href: "/darmasaba/ekonomi/umkm"
|
||||
},
|
||||
{
|
||||
id: "4.4",
|
||||
id: "5.4",
|
||||
name: "Data Ekonomi Desa",
|
||||
href: "/darmasaba/ekonomi/data-ekonomi-desa"
|
||||
},
|
||||
{
|
||||
id: "4.5",
|
||||
id: "5.5",
|
||||
name: "Pelatihan Wirausaha",
|
||||
href: "/darmasaba/ekonomi/pelatihan-wirausaha"
|
||||
},
|
||||
{
|
||||
id: "4.6",
|
||||
id: "5.6",
|
||||
name: "Bantuan & Pendanaan",
|
||||
href: "/darmasaba/ekonomi/bantuan-pendanaan"
|
||||
},
|
||||
{
|
||||
id: "4.7",
|
||||
id: "5.7",
|
||||
name: "Investasi Desa",
|
||||
href: "/darmasaba/ekonomi/investasi-desa"
|
||||
},
|
||||
{
|
||||
id: "4.8",
|
||||
id: "5.8",
|
||||
name: "Produk Unggulan",
|
||||
href: "/darmasaba/ekonomi/produk-unggulan"
|
||||
},
|
||||
{
|
||||
id: "4.9",
|
||||
id: "5.9",
|
||||
name: "Lowongan Kerja Lokal",
|
||||
href: "/darmasaba/ekonomi/lowongan-kerja-lokal"
|
||||
}
|
||||
]
|
||||
}, {
|
||||
id: "5",
|
||||
id: "6",
|
||||
name: "Inovasi",
|
||||
href: "/darmasaba/inovasi",
|
||||
children: [
|
||||
{
|
||||
id: "5.1",
|
||||
id: "6.1",
|
||||
name: "Desa Digital/Smart Village",
|
||||
href: "/darmasaba/inovasi/desa-digital-smart-village"
|
||||
},
|
||||
{
|
||||
id: "5.2",
|
||||
id: "6.2",
|
||||
name: "Layanan Online Desa",
|
||||
href: "/darmasaba/inovasi/layanan-online-desa"
|
||||
},
|
||||
{
|
||||
id: "5.3",
|
||||
id: "6.3",
|
||||
name: "Program Kreatif Desa",
|
||||
href: "/darmasaba/inovasi/program-kreatif-desa"
|
||||
},
|
||||
{
|
||||
id: "5.4",
|
||||
id: "6.4",
|
||||
name: "Kolaborasi Inovasi",
|
||||
href: "/darmasaba/inovasi/kolaborasi-inovasi"
|
||||
},
|
||||
{
|
||||
id: "5.5",
|
||||
id: "6.5",
|
||||
name: "Info Teknologi Tepat Guna",
|
||||
href: "/darmasaba/inovasi/info-teknologi-tepat-guna"
|
||||
},
|
||||
{
|
||||
id: "5.6",
|
||||
id: "6.6",
|
||||
name: "Ajukan Ide Inovatif",
|
||||
href: "/darmasaba/inovasi/ajukan-ide-inovatif"
|
||||
}
|
||||
|
||||
]
|
||||
}, {
|
||||
id: "6",
|
||||
id: "7",
|
||||
name: "Lingkungan",
|
||||
href: "/darmasaba/lingkungan",
|
||||
children: [
|
||||
{
|
||||
id: "6.1",
|
||||
id: "7.1",
|
||||
name: "Pengelolaan Sampah (Bank Sampah)",
|
||||
href: "/darmasaba/lingkungan/pengelolaan-sampah-bank-sampah"
|
||||
},
|
||||
{
|
||||
id: "6.2",
|
||||
id: "7.2",
|
||||
name: "Program Penghijauan",
|
||||
href: "/darmasaba/lingkungan/program-penghijauan"
|
||||
},
|
||||
{
|
||||
id: "6.3",
|
||||
id: "7.3",
|
||||
name: "Data Lingkungan Desa",
|
||||
href: "/darmasaba/lingkungan/data-lingkungan-desa"
|
||||
},
|
||||
{
|
||||
id: "6.4",
|
||||
id: "7.4",
|
||||
name: "Gotong Royong",
|
||||
href: "/darmasaba/lingkungan/gotong-royong"
|
||||
},
|
||||
{
|
||||
id: "6.5",
|
||||
id: "7.5",
|
||||
name: "Edukasi Lingkungan",
|
||||
href: "/darmasaba/lingkungan/edukasi-lingkungan"
|
||||
},
|
||||
{
|
||||
id: "6.6",
|
||||
id: "7.6",
|
||||
name: "Konservasi Adat Bali",
|
||||
href: "/darmasaba/lingkungan/konservasi-adat-bali"
|
||||
}
|
||||
]
|
||||
}, {
|
||||
id: "7",
|
||||
id: "8",
|
||||
name: "Pendidikan",
|
||||
href: "/darmasaba/pendidikan",
|
||||
children: [
|
||||
{
|
||||
id: "7.1",
|
||||
id: "8.1",
|
||||
name: "Info Sekolah & PAUD",
|
||||
href: "/darmasaba/pendidikan/info-sekolah-paud"
|
||||
},
|
||||
{
|
||||
id: "7.2",
|
||||
id: "8.2",
|
||||
name: "Beasiswa Desa",
|
||||
href: "/darmasaba/pendidikan/beasiswa-desa"
|
||||
},
|
||||
{
|
||||
id: "7.3",
|
||||
id: "8.3",
|
||||
name: "Program Pendidikan Anak",
|
||||
href: "/darmasaba/pendidikan/program-pendidikan-anak"
|
||||
},
|
||||
{
|
||||
id: "7.4",
|
||||
id: "8.4",
|
||||
name: "Bimbingan Belajar Desa",
|
||||
href: "/darmasaba/pendidikan/bimbingan-belajar-desa"
|
||||
},
|
||||
{
|
||||
id: "7.5",
|
||||
id: "8.5",
|
||||
name: "Pendidikan Non Formal",
|
||||
href: "/darmasaba/pendidikan/pendidikan-non-formal"
|
||||
},
|
||||
{
|
||||
id: "7.6",
|
||||
id: "8.6",
|
||||
name: "Perpustakaan Desa",
|
||||
href: "/darmasaba/pendidikan/perpustakaan-desa"
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 195 KiB |
Reference in New Issue
Block a user