diff --git a/app/Http/Controllers/PageController.php b/app/Http/Controllers/PageController.php
index 2f47d65..e82c0e1 100644
--- a/app/Http/Controllers/PageController.php
+++ b/app/Http/Controllers/PageController.php
@@ -115,4 +115,14 @@ class PageController extends Controller
     {
         return view('pages.catalog');
     }
+
+    public function games()
+    {
+        return view('pages.games');
+    }
+
+    public function gamepage()
+    {
+        return view('pages.gamepage');
+    }
 }
diff --git a/public/css/app.css b/public/css/app.css
index 2f804b9..c429212 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -158,7 +158,7 @@
     font-size: 9px;
   }
 }
-.popupcontainer, .popupcontainer_studio {
+.popupcontainer, .popupcontainer_studio, .popupcontainer_client {
   top: 0%;
   position: fixed;
   background-color: rgba(0, 0, 0, 0.5);
@@ -167,6 +167,29 @@
   z-index: 100000000;
 }
 
+.gamethumbnail_large {
+  background-color: black;
+  background-position-x: center;
+  background-position-y: center;
+  background-image: url("/img/gameplaceholder.png");
+  background-size: contain;
+  border-width: 0px;
+  width: 100%;
+  background-repeat: no-repeat;
+  height: 100%;
+}
+.gamethumbnail_small {
+  background-color: black;
+  background-position-x: center;
+  background-position-y: center;
+  background-image: url("/img/gameplaceholder.png");
+  background-size: contain;
+  border-width: 0px;
+  width: 100%;
+  background-repeat: no-repeat;
+  height: 130px;
+}
+
 .popup {
   color: #000000;
   text-align: center;
@@ -463,6 +486,18 @@ iframe {
   width: 50%;
 }
 
+.leftgamecontainer  {
+  text-align: center;
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.rightgamecontainer  {
+  text-align: right;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
 .FeedContainerBox,
 .ProfileContainerBox {
   border-radius: 1px;
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index af0e3ac..b511a04 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -110,7 +110,7 @@
                     src="{{ asset('img/MORBLOXlogoshort.png') }}"/></a>
             <div id="NewRedesign" class="navbarbuttoncontainer NavigationRedesign">
                 <ul id="ctl00_cphBanner_ctl00_MenuUL">
-                <li><a class="navbarbutton" id="smallbtn5" href="{{ route('incomplete') }}">Games</a></li>
+                <li><a class="navbarbutton" id="smallbtn5" href="{{ route('games') }}">Games</a></li>
                 <li><a class="navbarbutton" id="smallbtn4" href="{{ route('catalog') }}">Catalog</a></li>
                 <li><a class="navbarbutton" id="smallbtn0" onclick="openStudioPopup()">Build</a></li>
                 <li><a class="navbarbutton" id="smallbtn2" href="@guest {{ route('login') }}
@@ -184,6 +184,22 @@
             <button class="redbutton" style="height: 40px;width: 80%;" onclick="closeStudioPopup()">Close</button>
         </div>
     </div>
+
+    <div class="popupcontainer_client" id="invisible">
+        <div class="popup" style="width: 390px">
+            <h2 id="heading">Launching ARCHBLOX...</h2>
+            <br>
+            <img style="height: 7%;width: 62px;"  src="{{ asset('img/iosload.gif') }}" >
+            <br>
+            <br>
+            <p>Don't have ARCHBLOX installed?</p>
+            <a href="{{ route('download') }}"><button style="height: 40px;width: 80%;" class="greenbutton">Click here to download ARCHBLOX</button></a>
+            <br>
+            <br>
+            <button class="redbutton" style="height: 40px;width: 80%;" onclick="closeClientPopup()">Close</button>
+        </div>
+    </div>
+
     <div class="content">
         @yield('content')
     </div>
diff --git a/resources/views/pages/gamepage.blade.php b/resources/views/pages/gamepage.blade.php
new file mode 100644
index 0000000..46495be
--- /dev/null
+++ b/resources/views/pages/gamepage.blade.php
@@ -0,0 +1,29 @@
+@extends('layouts.app')
+@section('title')
+    <title>Natural Disaster Survival - {{ env('APP_NAME') }}</title>
+@endsection
+@section('titlediscord')
+    <meta content="Natural Disaster Survival - {{ env('APP_NAME') }}" property="og:title" />
+@endsection
+@section('descdiscord')
+    <meta content="ARCHBLOX is a work in progress revival." property="og:description" />
+@endsection
+
+@section('content')
+<div class="content_special" id="gametopcontainer">
+    <div class="leftgamecontainer">
+        <img class="gamethumbnail_large">
+    </div>
+    <div class="rightgamecontainer">
+        <h1>Natural Disaster Survival</h1> 
+        <p>By <a href="{{ route('profile', 1) }}">ARCHBLOX</a></p>
+        <button onclick="openClientPopup(null,'53640','temp.rbxl','host')" class="greenbutton" style="width: 100%; height: 50px; font-size: x-large; margin-top: 115px; align-content: center;">Host</button>
+    </div>
+</div>
+<br>
+<p>Test place.</p>
+<br>
+<div style="text-align: center;">
+    <p><!--Visits: 0  | -->Created: 28/8/2022 | Last updated: 28/8/2022</p>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/pages/games.blade.php b/resources/views/pages/games.blade.php
new file mode 100644
index 0000000..74d26a5
--- /dev/null
+++ b/resources/views/pages/games.blade.php
@@ -0,0 +1,24 @@
+@extends('layouts.app')
+@section('title')
+    <title>Games - {{ env('APP_NAME') }}</title>
+@endsection
+@section('titlediscord')
+    <meta content="Games - {{ env('APP_NAME') }}" property="og:title" />
+@endsection
+@section('descdiscord')
+    <meta content="ARCHBLOX is a work in progress revival." property="og:description" />
+@endsection
+
+@section('content')
+<h1>Games</h1>
+<br>
+<p>Note that this page does not support joining yet. If you would like to join your own game that you are currently hosting, <a onclick="openClientPopup('localhost','53640',null,'join')">click here</a>.</p>
+<br>
+<div class="content_special" style="flex-wrap: wrap; justify-content: space-around;">
+    <div id="game1">
+        <a href="{{ route('gamespage')}}"><img class="gamethumbnail_small"></a>
+        <a href="{{ route('gamespage')}}">Natural Disaster Survival</a> 
+        <p>By <a href="{{ route('profile', 1) }}">ARCHBLOX</a></p>
+    </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 0ade2ee..e3282af 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -35,8 +35,14 @@ Route::get('/maintenance', [App\Http\Controllers\PageController::class, 'mainten
 Route::middleware(['auth'])->group(function () {
     Route::get('/home', [App\Http\Controllers\HomeController::class, 'home'])->name('home');
 
+    // catalog
     Route::get('/catalog', [App\Http\Controllers\PageController::class, 'catalog'])->name('catalog');
 
+    // games & game page
+    Route::get('/games', [App\Http\Controllers\PageController::class, 'games'])->name('games');
+    Route::get('/games/1', [App\Http\Controllers\PageController::class, 'gamepage'])->name('gamepage');
+
+
     // Rate limit + auth
     Route::middleware(['throttle:feed_post'])->group(function () {
         Route::post('/home', [App\Http\Controllers\HomeController::class, 'feed_post'])->name('feed_post'); // Posting to the feed