most

src/App.jsx

@@ -1,3 +1,4 @@
+import { useEffect } from 'react'
 import { BrowserRouter, Routes, Route, Link } from 'react-router-dom'
 import Layout from './components/Layout'
 import ErrorBoundary from './components/ErrorBoundary'
@@ -19,6 +20,13 @@ function NotFound() {
 }
 
 export default function App() {
+  useEffect(() => {
+    const preloader = document.getElementById("preloader")
+    if (preloader) {
+      preloader.classList.add("loaded")
+      setTimeout(() => preloader.remove(), 500)
+    }
+  }, [])
   return (
     <BrowserRouter>
       <ErrorBoundary>