fix(splash): hide experimental splash components

src/app/splash/components/splash-screen.module.css

@@ -31,10 +31,7 @@
   padding:
     calc(var(--page-padding-y, 20px) + var(--app-safe-top, 0px))
     calc(var(--page-padding-x, 26px) + var(--app-safe-right, 0px))
-    calc(
-      var(--spacing-md, 12px) + var(--app-safe-bottom, 0px) +
-        var(--app-bottom-nav-height, 64px)
-    )
+    calc(var(--page-padding-y, 20px) + var(--app-safe-bottom, 0px))
     calc(var(--page-padding-x, 26px) + var(--app-safe-left, 0px));
 }
 

src/app/splash/splash-screen.tsx

@@ -2,38 +2,41 @@
 
 import { useEffect } from "react";
 
-import { AppBottomNav, MobileShell } from "@/app/_components/core";
+import { MobileShell } from "@/app/_components/core";
+// import { AppBottomNav } from "@/app/_components/core";
 import { ROUTES } from "@/router/routes";
 import { useAppNavigator } from "@/router/use-app-navigator";
-import { useAuthState } from "@/stores/auth/auth-context";
-import { pwaUtil } from "@/utils/pwa";
+// import { useAuthState } from "@/stores/auth/auth-context";
+import { pwaUtil } from "@/utils";
 
 import {
   SplashBackground,
   SplashButton,
   SplashContent,
-  SplashLatestMessage,
+  // SplashLatestMessage,
   SplashLogo,
 } from "./components";
-import { useSplashLatestMessage } from "./hooks/use-splash-latest-message";
+// import { useSplashLatestMessage } from "./hooks/use-splash-latest-message";
 import styles from "./components/splash-screen.module.css";
 
 export function SplashScreen() {
   const navigator = useAppNavigator();
-  const authState = useAuthState();
-  const latestMessage = useSplashLatestMessage({
-    hasInitialized: authState.hasInitialized,
-    isAuthLoading: authState.isLoading,
-    loginStatus: authState.loginStatus,
-  });
+  // const authState = useAuthState();
+  // const latestMessage = useSplashLatestMessage({
+  //   hasInitialized: authState.hasInitialized,
+  //   isAuthLoading: authState.isLoading,
+  //   loginStatus: authState.loginStatus,
+  // });
 
   const handleStartChat = () => {
     navigator.openChat({ replace: true });
   };
 
+  /*
   const handleOpenPrivateRoom = () => {
     navigator.push(ROUTES.privateRoom, { scroll: false });
   };
+  */
 
   const handleOpenSplash = () => {
     navigator.push(ROUTES.splash, { scroll: false });
@@ -52,11 +55,13 @@ export function SplashScreen() {
         <div className={styles.content}>
           <SplashLogo />
           <div className={styles.spacer} />
+          {/*
           <SplashLatestMessage
             message={latestMessage.message}
             isLoading={latestMessage.isLoading}
             onOpenChat={handleStartChat}
           />
+          */}
           <SplashContent />
           <div className={styles.buttonArea}>
             <SplashButton onStartChat={handleStartChat} />
@@ -67,12 +72,14 @@ export function SplashScreen() {
             24/7 online | Chat | Companion | Heal | Sweet moments
           </p>
         </div>
+        {/*
         <AppBottomNav
           activeItem="chat"
           variant="dark"
           onChatClick={handleOpenSplash}
           onPrivateRoomClick={handleOpenPrivateRoom}
         />
+        */}
       </div>
     </MobileShell>
   );