diff --git a/.gitignore b/.gitignore
index fd3dbb5..f3e886e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,6 +28,9 @@ yarn-error.log*
 # local env files
 .env*.local
 
+# env
+.env
+
 # vercel
 .vercel
 
diff --git a/src/app/(application)/profile/edit/page.tsx b/src/app/(application)/profile/edit/page.tsx
new file mode 100644
index 0000000..6ca9661
--- /dev/null
+++ b/src/app/(application)/profile/edit/page.tsx
@@ -0,0 +1,9 @@
+import { ViewEditProfile } from "@/module/user"
+
+function Page() {
+   return (
+      <ViewEditProfile />
+   )
+}
+
+export default Page
\ No newline at end of file
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
diff --git a/src/module/user/index.ts b/src/module/user/index.ts
index 0cd1556..5e7ed69 100644
--- a/src/module/user/index.ts
+++ b/src/module/user/index.ts
@@ -1,3 +1,5 @@
+import ViewEditProfile from "./profile/view/view_edit_profile";
 import ViewProfile from "./profile/view/view_profile";
 
-export { ViewProfile }
\ No newline at end of file
+export { ViewProfile }
+export { ViewEditProfile }
\ No newline at end of file
diff --git a/src/module/user/profile/view/view_edit_profile.tsx b/src/module/user/profile/view/view_edit_profile.tsx
new file mode 100644
index 0000000..83fcede
--- /dev/null
+++ b/src/module/user/profile/view/view_edit_profile.tsx
@@ -0,0 +1,9 @@
+import { Box } from "@mantine/core";
+
+export default function ViewEditProfile() {
+   return (
+      <Box>
+         Edit profile
+      </Box>
+   )
+}
\ No newline at end of file
diff --git a/src/module/user/profile/view/view_profile.tsx b/src/module/user/profile/view/view_profile.tsx
index 2c59e62..902e2a1 100644
--- a/src/module/user/profile/view/view_profile.tsx
+++ b/src/module/user/profile/view/view_profile.tsx
@@ -1,7 +1,10 @@
 import { LayoutNavbarHome, WARNA } from "@/module/_global";
-import { ActionIcon, Group, Stack, Text } from "@mantine/core";
+import { ActionIcon, Anchor, Box, Flex, Group, Stack, Text } from "@mantine/core";
 import { BsInfo } from "react-icons/bs";
 import { HiUser } from "react-icons/hi2";
+import { RiIdCardFill } from "react-icons/ri";
+import { FaSquarePhone } from "react-icons/fa6";
+import { MdEmail } from "react-icons/md";
 
 export default function ViewProfile() {
    return (
@@ -18,12 +21,41 @@ export default function ViewProfile() {
                justify="center"
                gap="xs"
             >
-
-               <HiUser size={150} color='white' />
+               <HiUser size={100} color='white' />
                <Text c={'white'} fw={'bold'} fz={25}>Fibra Marcell</Text>
                <Text c={'white'} fw={'lighter'} fz={15}>Kepala Urusan Pengembangan</Text>
             </Stack>
          </LayoutNavbarHome>
+         <Box p={20}>
+            <Group justify="space-between" grow py={5}>
+               <Text fw={'bold'} fz={20}>Informasi</Text>
+               <Anchor href="profile/edit" ta={"right"}>
+                  Edit
+               </Anchor>
+            </Group>
+            <Group justify="space-between" grow py={5}>
+               <Group>
+                  <RiIdCardFill size={28}/>
+                  <Text fz={18}>NIK</Text>
+               </Group>
+               <Text fz={18} fw={'bold'} ta={"right"}>513177782899</Text>
+            </Group>
+            <Group justify="space-between" grow py={5}>
+               <Group>
+                  <FaSquarePhone size={28}/>
+                  <Text fz={18}>NoTelepon</Text>
+               </Group>
+               <Text fz={18} fw={'bold'} ta={"right"}>+62038939293</Text>
+            </Group>
+            <Group justify="space-between" grow py={5}>
+               <Group>
+                  <MdEmail size={28}/>
+                  <Text fz={18}>Email</Text>
+               </Group>
+               <Text fz={18} fw={'bold'} ta={"right"}>marcel@gmail.com</Text>
+            </Group>
+
+         </Box>
       </>
    )
 }
\ No newline at end of file