tambahan menu mobile

src/app/(tambahan)/layanan/[sub]/page.tsx

@@ -0,0 +1,10 @@
+import { Stack } from "@mantine/core";
+
+export default async function Page({ params }: { params: Promise<{ sub: string }> }) {
+    const { sub } = await params
+    return (
+        <Stack>
+            {sub}
+        </Stack>
+    )
+}

src/app/(tambahan)/layanan/_com/BackButto.tsx

@@ -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>
+    );
+}

src/app/(tambahan)/layanan/page.tsx

@@ -0,0 +1,7 @@
+import { Stack } from "@mantine/core";
+
+export default function Page() {
+    return <Stack>
+        layanan
+    </Stack>
+}

src/app/page.tsx

@@ -7,6 +7,7 @@ import Content6 from "@/com/main-page/content-6";
 import colors from "@/con/colors";
 // import ApiFetch from "@/lib/api-fetch";
 import { Stack } from "@mantine/core";
+import Content7 from "@/com/main-page/content-7";
 
 export default function Page() {
   return (
@@ -17,6 +18,7 @@ export default function Page() {
       <Content4 />
       <Content5 />
       <Content6 />
+      <Content7 />
     </Stack>
   );
 }