diff --git a/bun.lockb b/bun.lockb index 4a17cd88..de3bd5cf 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index d6976f97..738db418 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "@elysiajs/stream": "^1.1.0", "@elysiajs/swagger": "^1.2.0", "@mantine/carousel": "^7.16.2", + "@mantine/charts": "^7.17.1", "@mantine/core": "^7.16.2", "@mantine/dropzone": "^7.17.0", "@mantine/hooks": "^7.16.2", @@ -45,6 +46,7 @@ "react-dom": "^19.0.0", "react-simple-toasts": "^6.1.0", "readdirp": "^4.1.1", + "recharts": "2", "swr": "^2.3.2", "valtio": "^2.1.3" }, diff --git a/prisma/schema.prisma b/prisma/schema.prisma index b3991450..d3529afa 100644 --- a/prisma/schema.prisma +++ b/prisma/schema.prisma @@ -16,3 +16,4 @@ model Potensi { id String @id @default(cuid()) name String @unique } + diff --git a/src/app/darmasaba/_com/Footer.tsx b/src/app/darmasaba/_com/Footer.tsx index 9f498093..dbcb3a4e 100644 --- a/src/app/darmasaba/_com/Footer.tsx +++ b/src/app/darmasaba/_com/Footer.tsx @@ -1,15 +1,206 @@ - -import colors from "@/con/colors"; -import { Stack, Container, Center, Text } from "@mantine/core"; +'use client' +import colors from '@/con/colors'; +import { ActionIcon, Anchor, Box, Center, Container, Divider, Flex, Group, Image, Paper, SimpleGrid, Stack, Text, TextInput, Title, useMantineTheme } from '@mantine/core'; +import { useMediaQuery } from '@mantine/hooks'; +import { IconAt, IconBrandFacebook, IconBrandInstagram, IconBrandTwitter, IconBrandWhatsapp } from '@tabler/icons-react'; function Footer() { - return - -
- Footer -
- - + const theme = useMantineTheme(); + const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`); + return ( + <> + + +
+ + + + + + Komitmen Dalam Pelayanan + + + 1. Transparansi: + + Kami berkomitmen untuk mengelola dana desa secara terbuka, sehingga masyarakat dapat + mengetahui penggunaan anggaran secara jelas dan bertanggung jawab. + + + + + 2. Profesionalisme: + + + Setiap layanan desa akan dilakukan dengan profesional, cepat, dan tanpa diskriminasi, + demi memastikan kepuasan masyarakat. + + + + + 3. Partisipatif: + + Kami percaya bahwa partisipasi aktif masyarakat adalah kunci keberhasilan pembangunan desa. + Oleh karena itu, kami akan terus melibatkan warga dalam setiap proses pengambilan keputusan. + + + + + 4. Inovasi: + + Kami berkomitmen untuk terus berinovasi dalam memberikan solusi bagi permasalahan desa, + termasuk melalui pemanfaatan teknologi untuk mempermudah akses layanan. + + + + + 5. Berkeadilan: + + Setiap kebijakan dan program desa akan dirancang untuk memberikan manfaat yang merata + bagi seluruh lapisan masyarakat, tanpa memandang status sosial atau ekonomi. + + + + + 6. Pemberdayaan: + + Kami berkomitmen untuk memberdayakan masyarakat melalui pelatihan, pendampingan, + dan dukungan terhadap usaha-usaha lokal agar desa semakin mandiri. + + + + + 7. Ramah Lingkungan: + + Seluruh kegiatan pembangunan dan pelayanan desa akan memperhatikan keberlanjutan lingkungan, + demi menjaga keseimbangan alam dan kenyamanan hidup warga. + + + + + + + + + Tujuan Akhir + + Dengan visi, misi dan komitmen ini, kami bertekad untuk menjadikan desa sebagai tempat tinggal + yang nyaman, aman dan sejahtera bagi seluruh warganya. + + + Kami percaya bahwa kemajuan desa dimulai dari kerjasama antara pemerintah desa dan masyarakat, + serta didukung oleh tata kelola yang baik dan berorientasi pada kepentingan bersama. Jika ada + masukan untuk lembaga desa, silahkan hubungi pada nomor pengaduan di bawah, terima kasih. + + + + + {"Desa Kuat, Masyarakat Sejahtera!"} + + Logo Desa + + + + + + +
+ + + + + Tentang Darmasaba + Desa Darmasaba adalah desa + budaya yang kaya akan tradisi dan + nilai-nilai luhur masyarakat Bali. + + + + + + + + + + + + + + + + + + + + + Layanan + + Administrasi Kependudukan + + + Pelayanan Sosial + + + Pengaduan Masyarakat + + + Informasi Publik + + + + + + Tautan Penting + + Portal Badung + + + E-Government + + + Transparansi + + + Unduhan + + + + + + Newsletter + Dapatkan informasi terbaru + tentang kegiatan dan program + desa + } + /> + + + + + + + © 2024 Desa Darmasaba. Hak Cipta Dilindungi. + + + + + ); } -export default Footer; \ No newline at end of file +export default Footer; diff --git a/src/app/darmasaba/_com/main-page/apbdes/index.tsx b/src/app/darmasaba/_com/main-page/apbdes/index.tsx new file mode 100644 index 00000000..19fc5641 --- /dev/null +++ b/src/app/darmasaba/_com/main-page/apbdes/index.tsx @@ -0,0 +1,104 @@ +import colors from '@/con/colors'; +import { BackgroundImage, Box, Button, Group, SimpleGrid, Stack, Text } from '@mantine/core'; + +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" + }, + +] +function Apbdes() { + const textHeading = { + title: "APBDes", + des: "Transparansi APBDes Darmasaba adalah langkah nyata menuju tata kelola pemerintahan desa yang bersih dan bertanggung jawab" + } + return ( + <> + + + + + {textHeading.title} + + + {textHeading.des} + + + + + {data.map((v, k) => { + return ( + + + + + {v.title} + + {v.value} + + + + + + ) + })} + + + + ); +} + +export default Apbdes; diff --git a/src/app/darmasaba/_com/main-page/content-5/index.tsx b/src/app/darmasaba/_com/main-page/content-5/index.tsx deleted file mode 100644 index 9f619f8e..00000000 --- a/src/app/darmasaba/_com/main-page/content-5/index.tsx +++ /dev/null @@ -1,16 +0,0 @@ -"use client"; -import { Center, Container, Stack, Text } from "@mantine/core"; - -function Content5() { - return ( - - -
- Berkolaborasi membangun desa -
- - - ); -} - -export default Content5; diff --git a/src/app/darmasaba/_com/main-page/content-6/index.tsx b/src/app/darmasaba/_com/main-page/content-6/index.tsx deleted file mode 100644 index 21bd3049..00000000 --- a/src/app/darmasaba/_com/main-page/content-6/index.tsx +++ /dev/null @@ -1,18 +0,0 @@ -"use client"; -import { Stack, Container, Center, Text } from "@mantine/core"; - - -function Content6() { - return ( - - -
- Indeks Kepuasan Masyarakat -
- - - - ); -} - -export default Content6; diff --git a/src/app/darmasaba/_com/main-page/content-7/index.tsx b/src/app/darmasaba/_com/main-page/content-7/index.tsx deleted file mode 100644 index 019f2342..00000000 --- a/src/app/darmasaba/_com/main-page/content-7/index.tsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Stack, Container, Center, Text } from "@mantine/core"; - -export default function Content7() { - return ( - - -
- APBDES Darmasaba -
- - - ); -} \ No newline at end of file diff --git a/src/app/darmasaba/_com/main-page/content-5/FlipScroll.tsx b/src/app/darmasaba/_com/main-page/desaantikorupsi/FlipScroll.tsx similarity index 100% rename from src/app/darmasaba/_com/main-page/content-5/FlipScroll.tsx rename to src/app/darmasaba/_com/main-page/desaantikorupsi/FlipScroll.tsx diff --git a/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx b/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx new file mode 100644 index 00000000..924044ba --- /dev/null +++ b/src/app/darmasaba/_com/main-page/desaantikorupsi/index.tsx @@ -0,0 +1,89 @@ +"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"; + +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: , + }, + { + judul: "PENGUATAN TATA LAKSANA", + deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA", + icon: , + }, + { + judul: "PENGUATAN TATA LAKSANA", + deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA", + icon: , + }, + { + judul: "PENGUATAN TATA LAKSANA", + deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA", + icon: , + }, + { + judul: "PENGUATAN TATA LAKSANA", + deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA", + icon: , + }, + { + judul: "PENGUATAN TATA LAKSANA", + deskripsi: "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA", + icon: , + }, + ] +const theme = useMantineTheme(); + const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`); + return ( + + +
+ Desa Anti Korupsi +
+ Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola terbuka dengan melibatkan warga mengawasi anggaran, sehingga digunakan tepat sasaran sesuai kebutuhan. + + + {data.map((v, k) => { + return ( + + + + + {v.judul} + + {v.icon} + + {v.deskripsi} + + + + + + + + + + ) + })} + + + ); +} + +export default DesaAntiKorupsi; diff --git a/src/app/darmasaba/_com/main-page/kepuasan/index.tsx b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx new file mode 100644 index 00000000..b0535c38 --- /dev/null +++ b/src/app/darmasaba/_com/main-page/kepuasan/index.tsx @@ -0,0 +1,173 @@ +"use client"; +import { Stack, Container, Center, Text, Paper, Flex, Box, SimpleGrid } from "@mantine/core"; +import { BarChart, PieChart } from '@mantine/charts'; +import colors from "@/con/colors"; + +const dataBarChart = [ + { + bulan: "Januari", + responden: "480" + }, + { + bulan: "Februari", + responden: "730" + }, + { + bulan: "Maret", + responden: "740" + }, + { + bulan: "April", + responden: "80" + }, + { + bulan: "Mei", + responden: "250" + }, + { + bulan: "Juni", + responden: "900" + }, + { + bulan: "Juli", + responden: "230" + }, + { + bulan: "Agustus", + responden: "255" + }, + { + bulan: "September", + responden: "650" + }, + { + bulan: "Oktober", + responden: "730" + }, + { + bulan: "November", + responden: "800" + }, + { + bulan: "Desember", + responden: "1000" + }, + +] + +const dataPieChart = [ + { name: "Laki-laki", value: 70, color: colors["blue-button"] }, + { name: "Perempuan", value: 30, color: colors.orange }, +] + +const dataPieChart2 = [ + { name: "Sangat Baik", value: 75, color: colors["blue-button"] }, + { name: "Buruk", value: 25, color: colors.orange }, +] + +const dataPieChart3 = [ + { name: "Umur 18-44", value: 65, color: colors["blue-button"] }, + { name: "Umur 44-60+", value: 35, color: colors.orange }, +] + +function Kepuasan() { + return ( + + +
+ Indeks Kepuasan Masyarakat +
+ Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik! + + + + + + Pelayanan Terhadap Publik Desa Darmasaba + + 95.00 + Sangat Baik + Total 2500 responden + + + + + + + + + Jenis Kelamin + + + + + + + + Pilihan + + + + + + + + Umur + + + + + + + + + + + + ); +} + +export default Kepuasan; diff --git a/src/app/darmasaba/_com/main-page/layanan/index.tsx b/src/app/darmasaba/_com/main-page/layanan/index.tsx index 00aca28d..4c488eb1 100644 --- a/src/app/darmasaba/_com/main-page/layanan/index.tsx +++ b/src/app/darmasaba/_com/main-page/layanan/index.tsx @@ -24,32 +24,32 @@ import useSWR from "swr"; const data = [ { id: 1, - images: "/assets/images/layanan/test.png", + images: "/api/img/test.png", name: "Surat Keterangan Domisili Organisasi" }, { id: 2, - images: "/assets/images/layanan/test3.jpeg", + images: "/api/img/test-3.jpeg", name: "Surat Keterangan Penghasilan" }, { id: 3, - images: "/assets/images/layanan/test2.jpeg", + images: "/api/img/domisili.jpeg", name: "Surat Keterangan Tidak Mampu" }, { id: 4, - images: "/assets/images/layanan/kelahiran.jpeg", + images: "/api/img/kelahiran.jpeg", name: "Surat Keterangan Kelahiran" }, { id: 5, - images: "/assets/images/layanan/test.png", + images: "/api/img/keterangan-usaha.jpeg", name: "Surat Keterangan Usaha" }, { id: 6, - images: "/assets/images/layanan/test2.jpeg", + images: "/api/img/kematian.jpeg", name: "Surat Keterangan Kematian" }, @@ -83,13 +83,13 @@ function Layanan() { > {textHeading.des} - {/* + - */} + @@ -126,6 +126,7 @@ function Slider() { diff --git a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx index f6979cab..99b074f7 100644 --- a/src/app/darmasaba/_com/main-page/penghargaan/index.tsx +++ b/src/app/darmasaba/_com/main-page/penghargaan/index.tsx @@ -1,4 +1,5 @@ 'use client'; +import colors from "@/con/colors"; import { Stack, Box, Container, Button, Text } from "@mantine/core"; import { useTransitionRouter } from 'next-view-transitions' @@ -54,7 +55,7 @@ function Penghargaan() { Juara Favorit Lomba Video Pendek - diff --git a/src/app/darmasaba/_com/main-page/content-4/index.tsx b/src/app/darmasaba/_com/main-page/potensi/index.tsx similarity index 52% rename from src/app/darmasaba/_com/main-page/content-4/index.tsx rename to src/app/darmasaba/_com/main-page/potensi/index.tsx index e208996c..a2ac5f1f 100644 --- a/src/app/darmasaba/_com/main-page/content-4/index.tsx +++ b/src/app/darmasaba/_com/main-page/potensi/index.tsx @@ -18,17 +18,41 @@ import _ from "lodash"; import { motion } from "motion/react"; import useSWR from "swr"; -type DataPotensi = { - id: string; - name: string; -}; +const datamap = [ + { + id: 1, + images: "/api/img/tps-3-r-pudak-mesari-olah-sampah-organik-300-kilogra-800-2023-01-12-091459-0.jpg", + 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. " + }, + { + 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" + }, + { + id: 3, + images: "/api/img/tamanbeji.png", + 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." + }, + { + 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." + }, +] + + const textHeading = { title: "Potensi", - des: "segenap sumber daya alam dan sumber daya manusia yang dimiliki desa sebagai modal dasar yang perlu dikelola dan dikembangkan bagi kelangsungan dan perkembangan desa", + des: "Tidak hanya untuk warga desa, fitur ini juga dapat digunakan oleh pemerintah desa untuk merencanakan program pengembangan berbasis potensi lokal", }; -function Content4() { +function Potensi() { const { data, isLoading } = useSWR("/", (url) => ApiFetch.api.potensi.get().then(({ data }) => data?.data) ); @@ -57,7 +81,7 @@ function Content4() { whileTap={{ scale: 0.8 }} > - {v.name} + {datamap[k].name} - Tambahkan Text Indikasi Keberhasilan + {datamap[k].deskripsi} @@ -101,20 +126,8 @@ function Content4() { - - Text Lanjutan Mengarahkan - - deskripsi singkat sebelum tombol dibawah setelah ini - - - - - @@ -123,4 +136,4 @@ function Content4() { ); } -export default Content4; +export default Potensi; diff --git a/src/app/darmasaba/_com/main-page/prestasi/index.tsx b/src/app/darmasaba/_com/main-page/prestasi/index.tsx new file mode 100644 index 00000000..676f7009 --- /dev/null +++ b/src/app/darmasaba/_com/main-page/prestasi/index.tsx @@ -0,0 +1,93 @@ +import colors from "@/con/colors"; +import { BackgroundImage, Box, Button, Center, Container, Group, SimpleGrid, Stack, Text } from "@mantine/core"; + +const data = [ + { + id: 1, + title: "Tata Kelola Pemerintahan", + image: "/api/img/lombadesa.jpg", + deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]" + }, + { + id: 2, + title: "Tata Kelola Pemerintahan", + image: "/api/img/lombadesa.jpg", + deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]" + }, + { + id: 3, + title: "Tata Kelola Pemerintahan", + image: "/api/img/lombadesa.jpg", + deskripsi: "Juara 1 Lomba Desa Tingkat Kabupaten/Kota Tahun [XXXX]" + }, +] +function Prestasi() { + return ( + <> + + +
+ Prestasi Desa +
+ 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. + + + + {data.map((v, k) => { + return ( + + + + + + {v.title} + + + + {v.deskripsi} + + + + + + + ) + })} + + + + + ) +} +export default Prestasi; \ No newline at end of file diff --git a/src/app/darmasaba/_com/main-page/sdgs/index.tsx b/src/app/darmasaba/_com/main-page/sdgs/index.tsx new file mode 100644 index 00000000..165cf532 --- /dev/null +++ b/src/app/darmasaba/_com/main-page/sdgs/index.tsx @@ -0,0 +1,40 @@ +'use client' +import colors from "@/con/colors"; +import { Box, Center, Container, Image, Paper, SimpleGrid, Stack, Text, useMantineTheme } from "@mantine/core"; +import { useMediaQuery } from "@mantine/hooks"; + +export default function SDGS() { + const theme = useMantineTheme(); + const mobile = useMediaQuery(`(max-width: ${theme.breakpoints.sm})`); + return ( + + +
+ SDGs Desa +
+ SDGs Desa adalah upaya menerapkan 17 Tujuan Pembangunan Berkelanjutan di tingkat desa. + Dengan fokus pada pengentasan kemiskinan, pendidikan, kesehatan, kesetaraan gender, dan pelestarian lingkungan, kami berkomitmen untuk menciptakan desa yang lebih baik bagi semua + + + +
+ +
+
+ +
+
+ +
+ + + + + + + ); +} \ No newline at end of file diff --git a/src/app/darmasaba/layout.tsx b/src/app/darmasaba/layout.tsx index b1a5dcb4..fae83208 100644 --- a/src/app/darmasaba/layout.tsx +++ b/src/app/darmasaba/layout.tsx @@ -1,7 +1,10 @@ import colors from "@/con/colors"; import { Box, Space, Stack } from "@mantine/core"; -import Footer from "@/app/darmasaba/_com/Footer"; + import { Navbar } from "@/app/darmasaba/_com/Navbar"; +import Footer from "./_com/Footer"; + + export default function Layout({ children }: { children: React.ReactNode }) { return ( diff --git a/src/app/darmasaba/page.tsx b/src/app/darmasaba/page.tsx index 00e784ed..092b49cb 100644 --- a/src/app/darmasaba/page.tsx +++ b/src/app/darmasaba/page.tsx @@ -1,24 +1,30 @@ +import DesaAntiKorupsi from "@/app/darmasaba/_com/main-page/desaantikorupsi"; +import Kepuasan from "@/app/darmasaba/_com/main-page/kepuasan"; import LandingPage from "@/app/darmasaba/_com/main-page/landing-page"; +import Layanan from "@/app/darmasaba/_com/main-page/layanan"; import Penghargaan from "@/app/darmasaba/_com/main-page/penghargaan"; -import Content3 from "@/app/darmasaba/_com/main-page/layanan"; -import Content4 from "@/app/darmasaba/_com/main-page/content-4"; -import Content5 from "@/app/darmasaba/_com/main-page/content-5"; -import Content6 from "@/app/darmasaba/_com/main-page/content-6"; +import Potensi from "@/app/darmasaba/_com/main-page/potensi"; import colors from "@/con/colors"; +import SDGS from "./_com/main-page/sdgs"; // import ApiFetch from "@/lib/api-fetch"; + import { Stack } from "@mantine/core"; -import Content7 from "@/app/darmasaba/_com/main-page/content-7"; +import Apbdes from "./_com/main-page/apbdes"; +import Prestasi from "./_com/main-page/prestasi"; + export default function Page() { return ( - - - - - + + + + + + + ); } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 6f8c441d..1415c629 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,6 +7,7 @@ import "animate.css"; import 'react-simple-toasts/dist/style.css'; import 'react-simple-toasts/dist/theme/dark.css'; import "./globals.css"; +import '@mantine/charts/styles.css'; diff --git a/src/con/colors.ts b/src/con/colors.ts index 65ddde55..f4eaaf4c 100644 --- a/src/con/colors.ts +++ b/src/con/colors.ts @@ -1,4 +1,5 @@ const colors = { + "orange": "#FCAE00", "blue-button": "#0A4E78", "white-1": "#FBFBFC", "white-trans-1": "rgba(255, 255, 255, 0.5)",