Add Base site

src/routes/+layout.svelte

@@ -1,6 +1,18 @@
 <script lang="ts">
 	import '../app.css';
+	import Header from '$lib/components/Header.svelte';
+	import Footer from '$lib/components/Footer.svelte';
 	let { children } = $props();
 </script>
 
-{@render children()}
+<svelte:head>
+	<title>Paska joululeffa 2024</title>
+</svelte:head>
+
+<div class="flex min-h-[100dvh] flex-col">
+	<Header />
+	<main class="container mx-auto max-w-4xl flex-grow overflow-hidden">
+		{@render children()}
+	</main>
+	<Footer />
+</div>

src/routes/+page.svelte

@@ -1,2 +0,0 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>

src/routes/login/+page.svelte

@@ -0,0 +1,5 @@
+<script>
+	import Login from '$lib/components/Login.svelte';
+</script>
+
+<Login />