diff --git a/client/components/PageTransition.tsx b/client/components/PageTransition.tsx
index ea4edc14..31e4d012 100644
--- a/client/components/PageTransition.tsx
+++ b/client/components/PageTransition.tsx
@@ -1,33 +1,34 @@
 import { useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
+import LoadingScreen from "./LoadingScreen";
 
 interface PageTransitionProps {
   children: React.ReactNode;
 }
 
-const getArmGlowColor = (pathname: string): string => {
+const getArmMessage = (pathname: string): string => {
   if (pathname.includes("/labs") || pathname.includes("/research")) {
-    return "rgba(251, 191, 36, 0.15)";
+    return "Initializing Research Module...";
   }
   if (pathname.includes("/game-development")) {
-    return "rgba(34, 197, 94, 0.15)";
+    return "Booting GameForge Engine...";
   }
   if (pathname.includes("/consulting")) {
-    return "rgba(59, 130, 246, 0.15)";
+    return "Engaging Corp Systems...";
   }
   if (pathname.includes("/community")) {
-    return "rgba(239, 68, 68, 0.15)";
+    return "Connecting Foundation Network...";
   }
   if (pathname.includes("/dev-link")) {
-    return "rgba(6, 182, 212, 0.15)";
+    return "Loading Dev-Link Platform...";
   }
-  return "rgba(255, 255, 255, 0)";
+  return "Initializing AeThex OS...";
 };
 
 export default function PageTransition({ children }: PageTransitionProps) {
   const [visible, setVisible] = useState(false);
   const location = useLocation();
-  const glowColor = getArmGlowColor(location.pathname);
+  const message = getArmMessage(location.pathname);
 
   useEffect(() => {
     setVisible(false);
@@ -36,13 +37,13 @@ export default function PageTransition({ children }: PageTransitionProps) {
   }, [location.pathname]);
 
   return (
-    <div
-      className={`transition-opacity duration-300 ease-out transform-gpu will-change-[opacity] ${visible ? "opacity-100" : "opacity-0"}`}
-      style={{
-        boxShadow: visible ? `inset 0 0 80px ${glowColor}` : "none",
-      }}
-    >
-      {children}
-    </div>
+    <>
+      {!visible && <LoadingScreen message={message} variant="overlay" />}
+      <div
+        className={`transition-opacity duration-300 ease-out transform-gpu will-change-[opacity] ${visible ? "opacity-100" : "opacity-0"}`}
+      >
+        {children}
+      </div>
+    </>
   );
 }