diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b02ac00..3a1f99a2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,14 +1,14 @@
+"use client";
+
 import { SplashScreen } from "@/app_modules/auth";
 import { useShallowEffect } from "@mantine/hooks";
 
 export default function Page() {
-  // useShallowEffect(() => {
-  //   setTimeout(() => {
-  //     window.location.replace("/dev/home");
-  //   }, 100);
-  // }, []);
+  useShallowEffect(() => {
+    setTimeout(() => {
+      window.location.replace("/dev/home");
+    }, 1000);
+  }, []);
 
-  // return <Login  version={version} />;
-  // return <div>spash</div>;
   return <SplashScreen />;
 }
diff --git a/src/app_modules/auth/splash/view.tsx b/src/app_modules/auth/splash/view.tsx
index 259a6eb4..aa71976b 100644
--- a/src/app_modules/auth/splash/view.tsx
+++ b/src/app_modules/auth/splash/view.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
 import { Avatar, BackgroundImage, Center, Image, Stack } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
@@ -15,11 +16,7 @@ export default function SplashScreen() {
 
   return (
     <>
-      <BackgroundImage
-        src={"/aset/global/main_background.png"}
-        h={"100vh"}
-        // pos={"static"}
-      >
+      <UIGlobal_LayoutDefault>
         <Center h={"100vh"}>
           <Stack align="center" justify="center" p={"md"}>
             {/* <Title c={"#002e59"}>Welcome to</Title> */}
@@ -33,7 +30,7 @@ export default function SplashScreen() {
             </Avatar>
           </Stack>
         </Center>
-      </BackgroundImage>
+      </UIGlobal_LayoutDefault>
     </>
   );
 }