app loading page

src/routes/+page.svelte

@@ -1,2 +1,26 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<script lang="ts">
+	import Loader from '$lib/components/Loader.svelte';
+
+	$effect(() => {
+		const id = setTimeout(() => {
+			window.location.href = '/app';
+		}, 1500);
+		return () => {
+			clearTimeout(id);
+		};
+	});
+</script>
+
+<div class="site-loader">
+	<h1>Hestia</h1>
+	<Loader />
+</div>
+
+<style>
+	.site-loader {
+		@apply flex h-screen w-screen flex-col items-center justify-center gap-6 bg-slate-100;
+	}
+	.site-loader h1 {
+		@apply text-4xl;
+	}
+</style>

src/routes/app/+layout.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+	import Navbar from '$lib/components/Navbar.svelte';
+</script>
+
+<Navbar title="Svelte" />