diff --git a/src/app.css b/src/app.css
index ddbe267..ecd4bac 100644
--- a/src/app.css
+++ b/src/app.css
@@ -7,6 +7,7 @@ body {
 	@apply text-black;
 	padding: 0;
 	margin: 0;
+	font-family: Helvetica;
 }
 
 .scrolling-background {
diff --git a/src/lib/components/GameListed.svelte b/src/lib/components/GameListed.svelte
index e69de29..ec2e982 100644
--- a/src/lib/components/GameListed.svelte
+++ b/src/lib/components/GameListed.svelte
@@ -0,0 +1,7 @@
+<div class="shadow-lg max-w-[15rem] p-2 rounded-lg border-2 border-gray-300 mt-2 mx-1 inline-block">
+	<a href="/games/1">
+		<img class="rounded mb-1" src="/img/background.png" alt="" />
+		<p class="font-bold">Killing row simulator</p>
+		<p class="text-sm">0 Players Online</p>
+	</a>
+</div>
diff --git a/src/lib/components/UserListed.svelte b/src/lib/components/UserListed.svelte
new file mode 100644
index 0000000..2666b6a
--- /dev/null
+++ b/src/lib/components/UserListed.svelte
@@ -0,0 +1,6 @@
+<div class="max-w-[7rem]">
+	<a href="/users/1">
+		<img class="rounded-full border-2 border-grey-300 w-28 h-28 shadow-lg" src="" alt="" />
+		<p class="text-center">Rowblox</p>
+	</a>
+</div>
diff --git a/src/routes/(app)/+error.svelte b/src/routes/(app)/+error.svelte
index 35547c4..44475dc 100644
--- a/src/routes/(app)/+error.svelte
+++ b/src/routes/(app)/+error.svelte
@@ -10,7 +10,7 @@
 		<p>Please try again later, or report this incident to a Rowblox developer if it persists.</p>
 	</div>
 	<div class="py-4 px-2 text-lg text-black">
-		<span class="mr-2 px-3 py-1 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200" onclick="javascript:history.back()"> Go Back </span>
-		<a class="mr-2 px-3 py-1 rounded border-2 border-gray-500 shadow-lg hover:bg-gray-200" href="/"> Go Home </a>
+		<span class="mr-2 px-3 py-1 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200" onclick="javascript:history.back()">Go Back</span>
+		<a class="mr-2 px-3 py-1 rounded border-2 border-gray-500 shadow-lg hover:bg-gray-200" href="/">Go Home</a>
 	</div>
 </div>
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 0d87ca7..c718cb0 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -35,9 +35,7 @@
 				</svg>
 			</button>
 
-			<div
-				class="absolute bg-white text-center text-black w-36 right-0 origin-top-right rounded border border-gray-300 divide-y shadow-lg hidden dropdown-content"
-			>
+			<div class="absolute bg-white text-center text-black w-36 right-0 origin-top-right rounded border border-gray-300 divide-y shadow-lg hidden dropdown-content">
 				<div>
 					<a class="block px-4 py-0.5 text-gray-700" href="/my/profile">Profile</a>
 					<a class="block px-4 py-0.5 text-gray-700" href="/my/settings">Settings</a>
@@ -55,14 +53,14 @@
 		<a class="mr-6" href="/my/money">Money</a>
 		<a class="mr-6" href="/groups">Groups</a>
 		<a class="mr-6" href="/people">People</a>
-		<a class="mr-6" href="/my/blogs">Blogs</a>
+		<a class="mr-6" href="/blogs">Blogs</a>
 		<a class="mr-6" href="/my/invites">Invites</a>
 	</div>
 </div>
 
 <div class="mobile-compatible scrolling-background text-lg py-1 text-white">
 	<div class="container flex items-center">
-		<p>"I'm lazy as fuck" -calones</p>
+		<p>"I'm racist" -calones -row</p>
 	</div>
 </div>
 
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index e69de29..bd7a47e 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -0,0 +1,31 @@
+<script>
+	import Game from "$lib/components/GameListed.svelte";
+	import Friend from "$lib/components/UserListed.svelte";
+</script>
+
+<svelte:head>
+	<title>Home - Rowblox</title>
+</svelte:head>
+
+<div class="flex items-center">
+	<img class="rounded-full border-2 border-grey-300 w-36 h-36 mx-2 shadow-lg" src="" alt="" />
+	<p class="mx-2 font-bold text-3xl">Hello, abcdefghijklmnop!</p>
+</div>
+
+<div class="my-2">
+	<div class="flex items-center">
+		<p class="font-bold text-2xl my-1">Friends</p>
+		<span class="flex-grow" />
+		<a class="text-lg mr-2 px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/my/friends">View All</a>
+	</div>
+	<Friend />
+</div>
+
+<div class="my-2">
+	<div class="flex items-center">
+		<p class="font-bold text-2xl mt-1">Popular Games</p>
+		<span class="flex-grow" />
+		<a class="text-lg mr-2 px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/games">View All</a>
+	</div>
+	<Game />
+</div>
diff --git a/src/routes/(app)/asset/+server.js b/src/routes/(app)/asset/+server.js
index 20b0e28..a53271b 100644
--- a/src/routes/(app)/asset/+server.js
+++ b/src/routes/(app)/asset/+server.js
@@ -3,9 +3,7 @@ export function GET({ url }) {
 	return new Response("", {
 		status: 302,
 		headers: {
-			Location: `https://assetdelivery.roblox.com/v1/asset/?id=${url.searchParams.get(
-				"id"
-			)}&version=1`
+			Location: `https://api.rowblx.xyz?id=${url.searchParams.get("id")}`
 		}
 	});
 }
diff --git a/src/routes/(app)/games/+page.svelte b/src/routes/(app)/games/+page.svelte
index e69de29..ecb9176 100644
--- a/src/routes/(app)/games/+page.svelte
+++ b/src/routes/(app)/games/+page.svelte
@@ -0,0 +1,29 @@
+<svelte:head>
+	<title>Games - Rowblox</title>
+</svelte:head>
+
+<div class="max-w-lg text-left text-black">
+    <p class="text-4xl text-left font-['Helvetica'] font-bold mt-20 py-5">Games</p>
+    <div class="text-xl text-blue-500">
+		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500 hover:bg-blue-300" href="/my/places">Create a game</a>
+	</div>
+</div>
+ 
+<div class="rounded-lg border border-gray-400 w-52 mt-10 h-60 flex-auto">
+    <div class="p-2">
+        <h1 class="mb-2 text-xl font-bold">ORC Court</h1>
+        <img class="w-44 h-32 mx-auto" src="/img/worker.png" alt="" />
+        <p class="text-bold">Welcome to Court!</p>
+    </div>
+    <div class="text-xl text-white">
+		<a class="px-5 py-1 rounded shadow-lg border-2 bg-green-500 mx-2" href="/game/id">Play</a>
+	</div> 
+    </div>
+   
+
+
+
+
+
+
+
diff --git a/static/img/banner_ad.png b/static/img/banner_ad.png
new file mode 100644
index 0000000..1b645fe
Binary files /dev/null and b/static/img/banner_ad.png differ
diff --git a/static/img/worker.png b/static/img/worker.png
new file mode 100644
index 0000000..61ebd59
Binary files /dev/null and b/static/img/worker.png differ