diff --git a/src/app.css b/src/app.css
index ddbe267..a81581d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -7,6 +9,7 @@ body {
 	@apply text-black;
 	padding: 0;
 	margin: 0;
+	font-family: "Roboto", sans-serif;
 }
 
 .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..babe819
--- /dev/null
+++ b/src/lib/components/UserListed.svelte
@@ -0,0 +1,6 @@
+<div class="max-w-[6rem] inline-block">
+	<a href="/users/1">
+		<img class="rounded-full border-2 border-grey-300 w-24 h-24 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..469268d 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 text-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 text-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 f01ca83..5931d69 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -1,43 +1,26 @@
 <div class="navbar scrolling-background text-lg py-1 text-white">
-	<div class="container flex items-center">
+	<div class="container flex items-center justify-end">
 		<a href="/">
 			<img class="w-40 mr-6" src="/img/banner.png" alt="" />
 		</a>
 		<a class="mr-7" href="/games">Games</a>
 		<a class="mr-7" href="/catalog">Catalog</a>
 		<a class="mr-7" href="/forums">Forums</a>
-		<input
-			class="rounded-lg px-2 border-2 border-grey-300 text-black"
-			type="text"
-			name="search"
-			id="search"
-			placeholder="Search"
-		/>
-		<span class="flex-grow" />
-		<a class="mr-2 px-2 flex items-center rounded bg-blue-500 shadow-lg" href="/my/money">
+		<input class="rounded px-2 border-2 border-grey-300 text-black flex-grow mr-10" type="text" name="search" id="search" placeholder="Search" />
+		<a class="mr-4 px-2 py-1 flex items-center rounded bg-gradient-to-tr from-blue-700 to-blue-600 outline outline-blue-800 outline-1 shadow-md hover:shadow-xl" href="/my/money">
 			<img class="h-6 mr-1.5" src="/img/rowbux.png" alt="" />
 			100
 		</a>
-		<div class="relative inline-block dropdown">
+		<p class="text-2xl mb-0.5">|</p>
+		<div class="ml-2 relative inline-block dropdown">
 			<button class="hover:text-zinc-200" href="/my/profile"
-				>abcdefghijklmnop
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					viewBox="0 0 24 24"
-					fill="currentColor"
-					class="w-4 h-4 inline-block"
-				>
-					<path
-						fill-rule="evenodd"
-						d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z"
-						clip-rule="evenodd"
-					/>
+				>WWWWWWWWWWWWWWWW
+				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 inline-block">
+					<path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" />
 				</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 +38,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..cc2d5e0 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -0,0 +1,47 @@
+<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, Only16Characters!</p>
+</div>
+
+<div class="my-2">
+	<div class="flex items-center mb-2">
+		<p class="font-bold text-2xl my-1">Friends</p>
+		<span class="flex-grow" />
+		<a class="text-lg 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 />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<Friend />
+	<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 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 />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<Game />
+	<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..a9a8b6d 100644
--- a/src/routes/(app)/games/+page.svelte
+++ b/src/routes/(app)/games/+page.svelte
@@ -0,0 +1,25 @@
+<script>
+	import Game from "$lib/components/GameListed.svelte";
+</script>
+
+<svelte:head>
+	<title>Games - Rowblox</title>
+</svelte:head>
+
+<div class="flex items-center">
+	<p class="font-bold text-3xl my-1">Games</p>
+	<span class="flex-grow" />
+	<input class="rounded px-2 border-2 border-grey-300 text-black mr-2 py-1" type="text" name="search" id="search" placeholder="Search" />
+	<button class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500 mr-2">Search</button>
+	<a class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/games/create">Create Game</a>
+</div>
+
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
+<Game />
diff --git a/src/routes/(app)/my/invites/+page.svelte b/src/routes/(app)/my/invites/+page.svelte
index e69de29..9efb968 100644
--- a/src/routes/(app)/my/invites/+page.svelte
+++ b/src/routes/(app)/my/invites/+page.svelte
@@ -0,0 +1,31 @@
+<svelte:head>
+	<title>Invites - Rowblox</title>
+</svelte:head>
+
+    <div class="d-flex justify-content-between">
+        <h1 class="text-4xl mt-32 text-bold font-bold">Invite Keys</h1>
+        <p>"keys can be created every 7 days. Creating a key costs 250 Rowbux."</p>
+        <button class=" text-white px-4 py-1 w-full rounded shadow-lg border-2 border-white bg-green-500 hover:bg-green-400">Create a Key</button>
+        <div> 
+        <table class="table-auto mx-auto text-semibold font-bold mt-4 text-1.5xl w-96 h-20 rounded shadow-lg border-2">
+            <thead>    
+              <tr class="divide-x">
+                <th>Key</th>
+                <th>Created</th>
+                <th>Uses</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr class="divide-x">
+                <td>Keytest1</td>
+                <td>10/8/22</td>
+                <td>100</td>
+              </tr>
+            </tbody>
+          </table>
+        </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