UI Layanan & Sub Desa Layanan

src/app/darmasaba/_com/Footer.tsx

@@ -102,7 +102,9 @@ function Footer() {
                           position: 'relative'
                         }}
                       >
-                        <Image src="/api/img/chatbot-removebg-preview.png" alt="Logo Desa" width={80} height={80} />
+                        <ActionIcon size={80} radius={"xl"} variant='transparent'>
+                          <Image src="/api/img/chatbot-removebg-preview.png" alt="Logo Desa" width={80} height={80} />
+                        </ActionIcon>
                       </Box>
                     </Group>
                   </Stack>
@@ -195,7 +197,7 @@ function Footer() {
           </Box>
           <Divider py={15} />
           <Text ta={"center"} c={"white"} p={20}>
-          © 2024 Desa Darmasaba. Hak Cipta Dilindungi.
+            © 2024 Desa Darmasaba. Hak Cipta Dilindungi.
           </Text>
         </Box>
       </Stack>

src/app/darmasaba/_com/Navbar.tsx

@@ -2,13 +2,13 @@
 import colors from "@/con/colors";
 import navbarListMenu from "@/con/navbar-list-menu";
 import stateNav from "@/state/state-nav";
-import { ActionIcon, Box, Burger, Group, Stack, Text } from "@mantine/core";
-import { IconHome, IconSquareArrowRight } from "@tabler/icons-react";
+import { ActionIcon, Box, Burger, Group, Image, Stack, Text } from "@mantine/core";
+import { IconSquareArrowRight } from "@tabler/icons-react";
 import { motion } from 'framer-motion';
+import { useRouter } from 'next/navigation';
 import { useSnapshot } from "valtio";
 import { MenuItem } from "../../../../types/menu-item";
 import { NavbarMainMenu } from "./NavbarMainMenu";
-import { useRouter } from 'next/navigation'
 
 export function Navbar() {
   const { item, isSearch, mobileOpen } = useSnapshot(stateNav);
@@ -31,8 +31,10 @@ export function Navbar() {
             <ActionIcon variant="transparent" onClick={() => {
               router.push("/darmasaba")
               stateNav.mobileOpen = false
-            }}>
-              <IconHome />
+            }}
+              size={80} radius={"xl"}
+            >
+              <Image src="/api/img/darmasaba-icon.png" alt="Logo Desa" width={50} height={50} />
             </ActionIcon>
             <Burger onClick={() => stateNav.mobileOpen = !stateNav.mobileOpen} color={colors["blue-button"]} opened={mobileOpen} />
           </Group>

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

@@ -18,6 +18,7 @@ import { useMediaQuery } from "@mantine/hooks";
 import Autoplay from "embla-carousel-autoplay";
 import _ from "lodash";
 import { useTransitionRouter } from "next-view-transitions";
+import Link from "next/link";
 import { useRef } from "react";
 import useSWR from "swr";
 
@@ -84,9 +85,7 @@ function Layanan() {
             {textHeading.des}
           </Text>
           <Box p={"md"}>
-            <Button onClick={() => {
-              router.push("/layanan")
-            }} variant="filled" bg={colors["blue-button"]} radius={100}>
+            <Button component={Link} href={"/darmasaba/desa/layanan"} variant="filled" bg={colors["blue-button"]} radius={100}>
               Detail
             </Button>
           </Box>