UI Detail Layanan & Detail Penghargaan

src/app/darmasaba/_com/main-page/layanan/index.tsx

@@ -26,33 +26,69 @@ const data = [
   {
     id: 1,
     images: "/api/img/test.png",
-    name: "Surat Keterangan Domisili Organisasi"
+    name: "Surat Keterangan Domisili Organisasi",
+    link: "/darmasaba/desa/layanan/domisili"
   },
   {
     id: 2,
     images: "/api/img/test-3.jpeg",
-    name: "Surat Keterangan Penghasilan"
+    name: "Surat Keterangan Penghasilan",
+    link: "/darmasaba/desa/layanan/penghasilan"
   },
   {
     id: 3,
     images: "/api/img/domisili.jpeg",
-    name: "Surat Keterangan Tidak Mampu"
+    name: "Surat Keterangan Tidak Mampu",
+    link: "/darmasaba/desa/layanan/tidakmampu"
   },
   {
     id: 4,
     images: "/api/img/kelahiran.jpeg",
-    name: "Surat Keterangan Kelahiran"
+    name: "Surat Keterangan Kelahiran",
+    link: "/darmasaba/desa/layanan/kelahiran"
   },
   {
     id: 5,
     images: "/api/img/keterangan-usaha.jpeg",
-    name: "Surat Keterangan Usaha"
+    name: "Surat Keterangan Usaha",
+    link: "/darmasaba/desa/layanan/usaha"
   },
   {
     id: 6,
     images: "/api/img/kematian.jpeg",
-    name: "Surat Keterangan Kematian"
+    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"
+  }
 
 ]
 const textHeading = {
@@ -125,7 +161,7 @@ function Slider() {
         <Stack justify="space-between" h={"100%"} gap={0} p={"lg"} pos={"relative"} >
           <Box p={"lg"}>
             <Text
-              
+
               fw={"bold"}
               c={"white"}
               size={"3.5rem"}
@@ -137,9 +173,7 @@ function Slider() {
             </Text>
           </Box>
           <Group justify="center">
-            <Button onClick={() => {
-              router.push(`/layanan/${item.id}`)
-            }} px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
+            <Button component={Link} href={item.link} px={46} radius={"100"} size="md" bg={colors["blue-button"]}>
               Detail
             </Button>
           </Group>

src/app/darmasaba/_com/main-page/penghargaan/index.tsx

@@ -55,7 +55,7 @@ function Penghargaan() {
                 Juara Favorit Lomba Video Pendek
               </Text>
             </Stack>
-            <Button color={colors["blue-button"]} onClick={() => router.push("/penghargaan")} variant="white" radius={100}>
+            <Button color={colors["blue-button"]} onClick={() => router.push("/darmasaba/penghargaan")} variant="white" radius={100}>
               Selanjutnya
             </Button>
           </Stack>

src/app/darmasaba/_com/main-page/potensi/index.tsx

@@ -16,12 +16,13 @@ import {
 } from "@mantine/core";
 import _ from "lodash";
 import { motion } from "motion/react";
+import { useRouter } from "next/navigation";
 import useSWR from "swr";
 
 const datamap = [
   {
     id: 1,
-    images: "/api/img/tps-3-r-pudak-mesari-olah-sampah-organik-300-kilogra-800-2023-01-12-091459-0.jpg",
+    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. "
   },
@@ -33,7 +34,7 @@ const datamap = [
   },
   {
     id: 3,
-    images: "/api/img/tamanbeji.png",
+    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."
   },
@@ -53,6 +54,7 @@ const textHeading = {
 };
 
 function Potensi() {
+  const router = useRouter()
   const { data, isLoading } = useSWR("/", (url) =>
     ApiFetch.api.potensi.get().then(({ data }) => data?.data)
   );
@@ -126,7 +128,7 @@ function Potensi() {
       </SimpleGrid>
       <Stack align="center">
         <Group>
-          <Button color={colors["blue-button"]} variant="outline" radius={100} size="md">
+          <Button onClick={() => router.push("/darmasaba/desa/potensi")} color={colors["blue-button"]} variant="outline" radius={100} size="md">
             Selengkapnya
           </Button>
         </Group>