diff --git a/app/Http/Controllers/PageController.php b/app/Http/Controllers/PageController.php
index 522c03a..dfe8fd1 100644
--- a/app/Http/Controllers/PageController.php
+++ b/app/Http/Controllers/PageController.php
@@ -61,4 +61,9 @@ class PageController extends Controller
     {
         return view('pages.friends');
     }
+
+    public function idelanding()
+    {
+        return view('pages.idelanding');
+    }
 }
diff --git a/public/css/app.css b/public/css/app.css
index 3be18de..5906a23 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -491,7 +491,7 @@
     width: 20%;
     height: 100%;
     margin-left: 0px;
-    background-color: rgba(255, 255, 255, 0.5);
+    background-color: rgba(132, 132, 132, 0.5);
     padding-bottom: 5px;
     padding-top: 5px;
   }
@@ -502,7 +502,7 @@
     width: 80%;
     height: 100%;
     left: 20%;
-    background-color: rgba(132, 132, 132, 0.5);
+    background-color: #ffffff;
     padding-bottom: 5px;
     padding-top: 5px;
   }
diff --git a/resources/views/layouts/ide.blade.php b/resources/views/layouts/ide.blade.php
new file mode 100644
index 0000000..09c29ed
--- /dev/null
+++ b/resources/views/layouts/ide.blade.php
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+
+<head>
+    @yield('title')
+    <meta charset="utf-8">
+    @yield('titlediscord')
+    @yield('descdiscord')
+    <meta content="https://archblox.com" property="og:url" />
+    <meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
+    <meta content="#4b4b4b" data-react-helmet="true" name="theme-color" />
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
+    <link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
+    <link href="{{ asset('css/app.css?id=e5Az527Gb1') }}" rel="stylesheet">
+    <script src="{{ asset('js/main.js?id=z3b8JK2bff') }}"></script>
+</head>
+
+<body>
+    @yield('popup_content')
+    <div class="iphone-sidebar" style="color: #000000; background-color: #ffffff">
+        <p><img src="https://archblox.com/img/MORBLOXlogo.png" width="50%"> Studio</p>
+        <p>Logged in as: {{ Auth::user()->name }}</p>
+    </div>
+    <div class="iphone-content"
+        style="padding-left: 5px; padding-right: 0px; overflow-x: hidden; position: fixed; height: 100%; color: #000000; background-color: #aaaaaa">
+        @yield('content')
+    </div>
+</body>
+
+</html>
diff --git a/resources/views/pages/idelanding.blade.php b/resources/views/pages/idelanding.blade.php
new file mode 100644
index 0000000..8f8a276
--- /dev/null
+++ b/resources/views/pages/idelanding.blade.php
@@ -0,0 +1,16 @@
+@extends('layouts.ide')
+@section('title')
+<title>{{ env('APP_NAME') }}</title>
+@endsection
+@section('titlediscord')
+<meta content="{{env('APP_NAME')}}" property="og:title" />
+@endsection
+@section('descdiscord')
+    <meta content="ARCHBLOX" property="og:description" />
+@endsection
+
+@section('content')
+<h1>My Games</h1>
+<button class="greenbutton">Create a Game</button>
+<p>You haven't made any games yet!</p>
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 04058bf..df79a63 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -31,6 +31,7 @@ Route::middleware(['auth'])->group(function () {
     Route::get('/my/invites', [App\Http\Controllers\KeyController::class, 'index'])->name('key_index');
     Route::post('/my/invites', [App\Http\Controllers\KeyController::class, 'create'])->name('key_create');
     Route::get('/my/friends', [App\Http\Controllers\PageController::class, 'friends'])->name('friends');
+    Route::get('/IDE/Landing', [App\Http\Controllers\PageController::class, 'idelanding'])->name('idelanding');
 });
 
 // Admin only
