fezcode
diff --git a/‎package-lock.json‎
Lines changed: 32 additions & 20 deletions b/‎package-lock.json‎
Lines changed: 32 additions & 20 deletions
diff --git a/‎src/components/AnimatedRoutes.jsx‎
Lines changed: 17 additions & 0 deletions b/‎src/components/AnimatedRoutes.jsx‎
Lines changed: 17 additions & 0 deletions
diff --git a/‎src/components/Layout.jsx‎
Lines changed: 22 additions & 14 deletions b/‎src/components/Layout.jsx‎
Lines changed: 22 additions & 14 deletions
@@ -141,6 +141,7 @@ const PIMLLabPage = lazy(() => import('../pages/apps/PIMLLabPage'));
 const MetabolicHubPage = lazy(() => import('../pages/apps/IntermittentFastingTrackerPage'));
 const BrufezPage = lazy(() => import('../pages/BrufezPage'));
 const BrufezPanelsPage = lazy(() => import('../pages/BrufezPanelsPage'));
+const RetroTerminalPage = lazy(() => import('../pages/RetroTerminalPage'));
 const ProjectRouteHandler = lazy(() => import('../components/ProjectRouteHandler'));
 const VocabRouteHandler = lazy(() => import('../components/VocabRouteHandler'));
 
@@ -191,6 +192,22 @@ const AnimatedRoutes = ({
             </motion.div>
           }
         />
+        <Route
+          path="/terminal"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <Suspense fallback={<Loading />}>
+                <RetroTerminalPage />
+              </Suspense>
+            </motion.div>
+          }
+        />
         <Route
           path="/blog"
           element={
 
@@ -45,27 +45,35 @@ const Layout = ({
   const isTheVaguePage = location.pathname.startsWith('/the-vague');
   const isAboutPage = location.pathname.startsWith('/about');
   const isGraphPage = location.pathname === '/graph';
+  const isTerminalPage = location.pathname === '/terminal';
 
   // Check for special project styles that require hiding the default layout
-  const projectSlug = location.pathname.startsWith('/projects/') ? location.pathname.split('/')[2] : null;
-  const project = projectSlug ? projects.find(p => p.slug === projectSlug) : null;
+  const projectSlug = location.pathname.startsWith('/projects/')
+    ? location.pathname.split('/')[2]
+    : null;
+  const project = projectSlug
+    ? projects.find((p) => p.slug === projectSlug)
+    : null;
 
   const projectStyle = project?.style || 'default';
   const isSpecialProject =
-        projectStyle === 'stylish' ||
-        projectStyle === 'editorial' ||
-        projectStyle === 'minimal-modern' ||
-        projectStyle === 'museum'
-  ;
-
+    projectStyle === 'stylish' ||
+    projectStyle === 'editorial' ||
+    projectStyle === 'minimal-modern' ||
+    projectStyle === 'museum';
   // Check if we are inside a specific app (but not the apps listing page)
-  const isAppDetail = location.pathname.startsWith('/apps/') && location.pathname !== '/apps/';
-  const hideLayout = isAboutPage || isGraphPage || isSpecialProject || isTheVaguePage || (isAppDetail && isAppFullscreen);
+  const isAppDetail =
+    location.pathname.startsWith('/apps/') && location.pathname !== '/apps/';
+  const hideLayout =
+    isAboutPage ||
+    isGraphPage ||
+    isSpecialProject ||
+    isTheVaguePage ||
+    isTerminalPage ||
+    (isAppDetail && isAppFullscreen);
 
-  const mainContent = (location.pathname.startsWith('/stories')) ? (
-    <DndProvider>
-      {children}
-    </DndProvider>
+  const mainContent = location.pathname.startsWith('/stories') ? (
+    <DndProvider>{children}</DndProvider>
   ) : (
     <div className="bg-[#050505] min-h-screen font-sans flex">
       {!hideLayout &&