diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cc88df0..b283e7d 100644
--- a/src/routes/+page.svelte
+++ b/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>
\ No newline at end of file
diff --git a/src/routes/app/+layout.svelte b/src/routes/app/+layout.svelte
new file mode 100644
index 0000000..04ec877
--- /dev/null
+++ b/src/routes/app/+layout.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	import Navbar from '$lib/components/Navbar.svelte';
+</script>
+
+<Navbar title="Svelte" />
\ No newline at end of file
diff --git a/src/routes/app/+page.svelte b/src/routes/app/+page.svelte
new file mode 100644
index 0000000..e69de29