Added basic welcome page

src/components/footer.svelte

@@ -0,0 +1,43 @@
+<footer class="mt-auto w-full max-w-[85rem] py-10 px-4 sm:px-6 lg:px-8 mx-auto">
+	<!-- Grid -->
+	<div class="text-center">
+		<div>
+			<a
+				class="flex-none text-xl font-semibold text-black dark:text-white"
+				href="/"
+				aria-label="Brand">LfK Kiosk</a
+			>
+		</div>
+		<!-- End Col -->
+
+		<div class="mt-3">
+			<p class="text-gray-500">
+				Powered by <a
+					class="font-semibold text-blue-600 hover:text-blue-700 dark:text-blue-500 dark:hover:text-blue-400"
+					href="https://odit.services/?ref=lfks">ODIT.Services</a
+				>
+			</p>
+			<p class="text-gray-500">© {new Date().getFullYear()} ODIT.Services</p>
+		</div>
+
+		<div class="mt-3 space-x-2">
+			<a
+				class="inline-flex justify-center items-center text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800"
+				href="https://lauf-fuer-kaya.de/impressum"
+			>
+				Impressum
+			</a>
+			<p
+				class="inline-flex justify-center items-center text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800"
+			>
+				|
+			</p>
+			<a
+				class="inline-flex justify-center items-center text-center text-gray-500 hover:bg-gray-100 rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white transition dark:text-gray-500 dark:hover:text-gray-200 dark:hover:bg-gray-800"
+				href="https://lauf-fuer-kaya.de/datenschutz"
+			>
+				Datenschutz
+			</a>
+		</div>
+	</div>
+</footer>

src/routes/+layout.svelte

@@ -2,8 +2,14 @@
 	import { OpenAPI } from '@odit/lfk-client-js';
 	import { env } from '$env/dynamic/public';
 	import '../app.postcss';
+	import Footer from '../components/footer.svelte';
 
 	OpenAPI.BASE = env.PUBLIC_BASE_URL || 'https://run.lauf-fuer-kaya.de';
 </script>
 
-<slot />
+<div class="dark:bg-slate-900 flex flex-col h-screen">
+	<main class="flex-grow">
+		<slot />
+	</main>
+	<Footer />
+</div>

src/routes/+page.svelte

@@ -1,2 +1,41 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<!-- Hero -->
+<div
+	class="relative overflow-hidden before:absolute before:top-0 before:left-1/2 before:bg-[url('/assets/polygon.svg')] before:bg-no-repeat before:bg-top before:bg-cover before:w-full before:h-full before:-z-[1] before:transform before:-translate-x-1/2 dark:before:bg-[url('/assets/polygon-dark.svg')]"
+>
+	<div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-10">
+		<!-- Title -->
+		<div class="mt-5 max-w-2xl text-center mx-auto">
+			<h1 class="block font-bold text-gray-800 text-4xl md:text-5xl lg:text-6xl dark:text-gray-200">
+				LfK! Selfservice
+				<span class="bg-clip-text bg-gradient-to-tl from-blue-600 to-violet-600 text-transparent"
+					>Kiosk</span
+				>
+			</h1>
+		</div>
+		<!-- End Title -->
+
+		<div class="mt-5 max-w-3xl text-center mx-auto">
+			<p class="text-lg text-gray-600 dark:text-gray-400">Für die Anmeldung vor Ort</p>
+		</div>
+
+		<!-- Buttons -->
+		<div class="mt-8 grid gap-3 w-full sm:inline-flex sm:justify-center">
+			<a
+				class="inline-flex justify-center items-center gap-x-3 text-center bg-gradient-to-tl from-blue-600 to-violet-600 hover:from-violet-600 hover:to-blue-600 border border-transparent text-white text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white py-3 px-4 dark:focus:ring-offset-gray-800"
+				href="/login"
+			>
+				Kiosk starten
+				<svg class="w-3 h-3" width="16" height="16" viewBox="0 0 16 16" fill="none">
+					<path
+						d="M5.27921 2L10.9257 7.64645C11.1209 7.84171 11.1209 8.15829 10.9257 8.35355L5.27921 14"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+					/>
+				</svg>
+			</a>
+		</div>
+		<!-- End Buttons -->
+	</div>
+</div>
+<!-- End Hero -->