From 31728a6986f2fa775c7fc7e74f6becdc32e68419 Mon Sep 17 00:00:00 2001
From: Khaled <spkhalad@gmail.com>
Date: Sun, 7 Jan 2024 19:34:45 +0600
Subject: [PATCH] A somewhat basic intro page

---
 src/lib/components/Interaction/Interaction.svelte |  2 +-
 src/routes/+page.svelte                           | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Interaction/Interaction.svelte b/src/lib/components/Interaction/Interaction.svelte
index 5623f11..b6a649a 100644
--- a/src/lib/components/Interaction/Interaction.svelte
+++ b/src/lib/components/Interaction/Interaction.svelte
@@ -38,7 +38,7 @@
 			{/each}
 		</div>
 
-		<div class="flex justify-between">
+		<div class="flex justify-between w-full">
 			<a
 				href="https://khaled.is-a.dev"
 				target="_blank"
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c3d76e1..0e4e2f4 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1 +1,14 @@
-<a href="./game">Epic Game Ahead</a>
+<div class="p-4">
+	<div class="container global-container-bg">
+		<h1 class="text-2xl w-fit">Epic Word Matching Game</h1>
+
+		<a class="w-fit text-green-500" href="./game">Play</a>
+	</div>
+</div>
+
+<style lang="postcss">
+	.container {
+		@apply flex justify-center items-center flex-col;
+		@apply mx-auto p-4 rounded-xl;
+	}
+</style>