huh what happen to the code??? the page got delete?

src/routes/+layout.svelte

@@ -1,6 +1,13 @@
 <script>
-	import '../app.css';
 	let { children } = $props();
 </script>
 
-{@render children()}
+<div class="h-full text-white">{@render children()}</div>
+
+<style>
+	@import 'tailwindcss';
+
+	:root {
+		background-color: black;
+	}
+</style>

src/routes/+page.svelte

@@ -1,2 +1,18 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<div class="bg-grey-900 flex h-full items-center justify-center">
+	<div class="flex flex-col items-center justify-center gap-1 rounded-lg bg-gray-900 p-8 shadow-lg">
+		<h1 class="m-[0] text-6xl">DaKahootClone</h1>
+		<p class="m-[0] mb-2 text-lg text-gray-400">The best ever kahoot clone.</p>
+		<a href="./join">
+			<button
+				class="cursor-pointer rounded-full bg-green-700 p-2 transition-all hover:scale-110 hover:-rotate-10"
+				>Join a game</button
+			></a
+		>
+		<a href="./create">
+			<button
+				class="cursor-pointer rounded-full bg-blue-700 p-2 transition-all hover:scale-110 hover:-rotate-10"
+				>Create and Host a game</button
+			>
+		</a>
+	</div>
+</div>

src/routes/play/[gamePin]/components/lobby/display.svelte

@@ -5,7 +5,7 @@
     let gamePin = props.gamePin;
 </script>
 
-<h1 class="m-[0] text-9xl">HOSTING</h1>
+<h1 class="m-[0] text-9xl">PLAYING</h1>
 <h1 class="m-[0] text-7xl">Game Pin:</h1>
 <h1 class="m-[0] rounded-2xl bg-gray-700 pt-1.5 pr-2 pb-0 pl-2 font-mono text-5xl">
 	{gamePin}