diff --git a/src/app/loading.tsx b/src/app/loading.tsx
new file mode 100644
index 0000000..1123e45
--- /dev/null
+++ b/src/app/loading.tsx
@@ -0,0 +1,5 @@
+import { LoadingPage } from "@/module/_global";
+
+export default function Loading() {
+   return <LoadingPage />
+}
\ No newline at end of file
diff --git a/src/module/_global/index.ts b/src/module/_global/index.ts
index 7c77fb9..20d98f3 100644
--- a/src/module/_global/index.ts
+++ b/src/module/_global/index.ts
@@ -1,7 +1,9 @@
 import { WARNA } from "./fun/WARNA";
+import LoadingPage from "./layout/layout_loading_page";
 import LayoutLogin from "./layout/layout_login";
 import LayoutNavbarHome from "./layout/layout_navbar_home";
 
 export { WARNA }
 export { LayoutLogin }
-export {LayoutNavbarHome}
\ No newline at end of file
+export { LayoutNavbarHome }
+export { LoadingPage }
\ No newline at end of file
diff --git a/src/module/_global/layout/layout_loading_page.tsx b/src/module/_global/layout/layout_loading_page.tsx
new file mode 100644
index 0000000..b392422
--- /dev/null
+++ b/src/module/_global/layout/layout_loading_page.tsx
@@ -0,0 +1,29 @@
+import { Box, Group, Skeleton } from "@mantine/core";
+
+export default function LoadingPage() {
+   return (
+      <>
+         <Box p={20}>
+            <Skeleton width={"100%"} height={180} radius={"md"} />
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={50} radius={"md"} />
+               <Skeleton height={50} radius={"md"} />
+               <Skeleton height={50} radius={"md"} />
+            </Group>
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={100} radius={"md"} />
+               <Skeleton height={100} radius={"md"} />
+            </Group>
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={100} radius={"md"} />
+               <Skeleton height={100} radius={"md"} />
+            </Group>
+            <Group my={20} justify="space-between" grow>
+               <Skeleton height={100} radius={"md"} />
+               <Skeleton height={100} radius={"md"} />
+            </Group>
+         </Box>
+      </>
+
+   )
+}
\ No newline at end of file