diff --git a/src/routes/(app)/games/[id]/+page.svelte b/src/routes/(app)/games/[id]/+page.svelte
index e69de29..f4013c7 100644
--- a/src/routes/(app)/games/[id]/+page.svelte
+++ b/src/routes/(app)/games/[id]/+page.svelte
@@ -0,0 +1,38 @@
+<svelte:head>
+	<title>Games - Rowblox</title>
+</svelte:head>
+
+
+<div class="accent py-0.5 flex-none shadow-md"></div>
+
+<div class="my-4 flex-grow">
+
+<div class="container"><div class="carbon-gradient rounded shadow-lg p-4"><div class="flex mb-4"><img class="w-[38rem] float-left" alt="">
+			<div class="pl-4 w-full flex flex-col place-content-between"><div class="max-w-[22.9rem]"><p class="text-3xl font-bold text-ellipsis overflow-clip">Test Game</p>
+					<p class="text-zinc-500">By <a class="font-bold text-blue-500 hover:text-zinc-300" href="/users/1">Rowblox</a></p></div>
+				<div class="flex flex-col"><div class="w-full flex flex-col mb-4 mx-auto"><div class="flex flex-row place-content-between mb-0.5 px-1"><div class="flex flex-row text-green-200"><i class="fa fa-thumbs-up text-4xl hover:text-green-300" aria-hidden="true"></i>
+								<p class="my-auto text-lg px-2 select-none font-bold">0</p></div>
+							<div class="flex flex-row text-red-200"><p class="my-auto text-lg px-2 select-none font-bold">0</p>
+								<i class="fa fa-thumbs-down text-4xl hover:text-red-300" aria-hidden="true"></i></div></div>
+						<div class="relative"><div class="py-0.5 bg-red-400 rounded-lg absolute left-0 w-full "></div>
+							<div class="py-0.5 bg-green-400 rounded-lg absolute left-0" style="width: 50%;"></div></div></div>
+							<a class=" text-blue-500 accent shadow-lg rounded hover:text-zinc-300 mb-2 p-1 text-center flex-grow ml-1 border-[3px] border-blue-500" href="/games/1/edit">Edit Game</a></div>
+					<button class="text-xl bg-white hover:text-zinc-300 py-3 w-full rounded shadow-lg accent text-blue-500 border-blue-500 border-[3px]">Play</button></div></div></div>
+		<div class="divider-0"></div>
+		<p class="py-2">Test Game</p>
+		<div class="divider-0"></div>
+		<div class="flex flex-row"><div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Players</p>
+				<p class="">0</p></div>
+			<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Visits</p>
+				<p class="">0</p></div>
+			<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Created</p>
+				<p class="">10/10/22</p></div>
+			<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Updated</p>
+				<p class="">10/10/22</p></div>
+			<div class="m-4 text-center flex-grow"><p class="text-zinc-500 inline-block">Max Players</p>
+				<p class="">All</p></div></div>
+		<div class="divider-0"></div></div>
+	<div class="carbon-gradient rounded shadow-lg p-2 mt-4"><div class="flex flex-row text-xl text-center"><a href="#players" class="flex-auto text-zinc-600">Players</a>
+			<a href="#gamepasses" class="flex-auto hover:cursor-pointer hover:text-zinc-300">Gamepasses</a></div></div>
+	<div class="carbon-gradient rounded shadow-lg p-[0.7rem] mt-2"><p class="p-1.5 text-base">No players connected</p></div></div>
+