nautilus-os
diff --git a/‎index.html‎
Lines changed: 47 additions & 2 deletions b/‎index.html‎
Lines changed: 47 additions & 2 deletions
@@ -571,10 +571,43 @@
     0%, 100% { transform: translateY(0); }
     50% { transform: translateY(5px); }
 }
+/* Page Loader */
+#page-loader {
+    position: fixed;
+    top: -10;
+    left: 0;  
+    width: 100%;
+    height: 100%;
+    background: var(--bg-primary);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 99999;
+}
+
+.loader-bar {
+    width: 0;
+    height: 5px;
+    background: var(--accent);
+    border-radius: 3px;
+    animation: loading 2s forwards;
+}
+
+@keyframes loading {
+    0% { width: 0; }
+    50% { width: 50%; }
+    80% { width: 80%; }
+    100% { width: 100%; }
+}
 
     </style>
 </head>
 <body>
+  <!-- Page Loader -->
+<div id="page-loader">
+    <div class="loader-bar"></div>
+</div>
+
     <!-- Scroll Progress Bar -->
     <div class="scroll-progress"></div>
 
@@ -641,7 +674,7 @@ <h2 class="section-title">Development Status</h2>
                 <div class="stat-label">Proxy Browsers</div>
             </div>
             <div class="stat-item">
-                <div class="stat-number">∞</div>
+                <div class="stat-number"><i class="fa-solid fa-infinity"></i></div>
                 <div class="stat-label">Games, Apps, and Themes</div>
             </div>
             <div class="stat-item">
@@ -892,7 +925,6 @@ <h4>Notes*</h4>
             scrollProgress.style.width = scrollPercent + '%';
         });
 
-        // Back to Top Button
         const backToTop = document.querySelector('.back-to-top');
 
         window.addEventListener('scroll', () => {
@@ -913,6 +945,19 @@ <h4>Notes*</h4>
       window.onbeforeunload = function () {
     window.scrollTo(0, 0);
 }; 
+      
+window.addEventListener('load', () => {
+    const loader = document.getElementById('page-loader');
+
+    loader.style.transition = 'opacity 1s ease'; 
+    loader.style.opacity = '0';
+
+    setTimeout(() => {
+        loader.style.display = 'none';
+    }, 1000); 
+});
+
+
     </script>
 </body>
 </html>