diff --git a/web/app/View/Components/Card.php b/web/app/View/Components/Card.php
new file mode 100644
index 0000000..c7ffb7c
--- /dev/null
+++ b/web/app/View/Components/Card.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+
+class Card extends Component
+{
+	public $title;
+	
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct($title)
+    {
+        $this->title = $title;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|\Closure|string
+     */
+    public function render()
+    {
+        return view('components.card');
+    }
+}
diff --git a/web/app/View/Components/SocialCard.php b/web/app/View/Components/SocialCard.php
new file mode 100644
index 0000000..02dcd3d
--- /dev/null
+++ b/web/app/View/Components/SocialCard.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+
+class SocialCard extends Component
+{
+	public $title;
+	public $description;
+	public $link;
+	
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct($title, $description, $link)
+    {
+        $this->title = $title;
+        $this->description = $description;
+        $this->link = $link;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|\Closure|string
+     */
+    public function render()
+    {
+        return view('components.social-card');
+    }
+}
diff --git a/web/resources/sass/Graphictoria.scss b/web/resources/sass/Graphictoria.scss
index c2f973f..6d56206 100644
--- a/web/resources/sass/Graphictoria.scss
+++ b/web/resources/sass/Graphictoria.scss
@@ -183,7 +183,6 @@ html {
   background-position: center;
   min-height: calc(100vh - 63px);
   display: flex;
-  margin-top: -16px;
 }
 
 .graphictoria-nojs {
diff --git a/web/resources/views/components/card.blade.php b/web/resources/views/components/card.blade.php
new file mode 100644
index 0000000..30a011f
--- /dev/null
+++ b/web/resources/views/components/card.blade.php
@@ -0,0 +1,8 @@
+<div class="card graphictoria-small-card shadow-sm">
+	<div class="card-body text-center">
+		<h5 class="card-title fw-bold">{{ $title }}</h5>
+		<hr class="mx-5"/>
+		<p class="card-text">{{ $body }}</p>
+		{{ $footer }}
+	</div>
+</div>
\ No newline at end of file
diff --git a/web/resources/views/components/social-card.blade.php b/web/resources/views/components/social-card.blade.php
new file mode 100644
index 0000000..1d344fc
--- /dev/null
+++ b/web/resources/views/components/social-card.blade.php
@@ -0,0 +1,6 @@
+<div class="col-lg-4 mb-4 d-flex flex-column align-items-center">
+	<svg class="rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="{{ $title }}"><image width="100%" height="100%" href="{{ asset('images/social/' . $title . '.png') }}"></image></svg>
+	<h2 class="mt-3">{{ $title }}</h2>
+	<p>{{ $description }}</p>
+	<a class="btn btn-primary mt-auto" href="{{ $link }}" rel="noreferrer" target="_blank" role="button">View »</a>
+</div>
\ No newline at end of file
diff --git a/web/resources/views/errors/403.blade.php b/web/resources/views/errors/403.blade.php
new file mode 100644
index 0000000..a7f81b1
--- /dev/null
+++ b/web/resources/views/errors/403.blade.php
@@ -0,0 +1,5 @@
+@extends('layouts.app')
+
+@section('content')
+<h1>abcd</h1>
+@endsection
diff --git a/web/resources/views/errors/404.blade.php b/web/resources/views/errors/404.blade.php
new file mode 100644
index 0000000..8acf60a
--- /dev/null
+++ b/web/resources/views/errors/404.blade.php
@@ -0,0 +1,21 @@
+@php
+$errorTitles = ['OH NOES!!!', 'BZZT', 'ERROR', 'UH OH.'];
+@endphp
+
+@extends('layouts.app')
+
+@section('content')
+<div class="container graphictoria-center-vh">
+	<x-card title="{{ $errorTitles[array_rand($errorTitles)] }}">
+		<x-slot name="body">
+			We've looked far and wide and weren't able to find the page you were looking for. If you believe this is an error, contact us at <a href="mailto:support@gtoria.net" class="fw-bold text-decoration-none">support@gtoria.net</a>!
+		</x-slot>
+		<x-slot name="footer">
+			<div class="mt-2">
+				<a class="btn btn-primary px-4 me-2" href="{{ url('/') }}">Home</a>
+				<a class="btn btn-secondary px-4" onclick="history.back();return false;">Back</a>
+			</div>
+		</x-slot>
+	</x-card>
+</div>
+@endsection
diff --git a/web/resources/views/home.blade.php b/web/resources/views/home.blade.php
index a7f81b1..7a41378 100644
--- a/web/resources/views/home.blade.php
+++ b/web/resources/views/home.blade.php
@@ -1,5 +1,26 @@
 @extends('layouts.app')
 
 @section('content')
-<h1>abcd</h1>
+<div class="graphictoria-home">
+	<div class="container graphictoria-center-vh my-auto text-center text-white">
+		<div class="mb-4 graphictoria-home-shadow">
+			<h1 class="graphictoria-homepage-header">Graphictoria</h1>
+			<h5 class="mb-0">Graphictoria aims to revive the classic Roblox experience. Join <b>8k+</b> other users and relive your childhood!</h5>
+			<p class="graphictoria-homepage-fine-print fst-italic">* Graphictoria is not affiliated with, endorsed by, or sponsored by Roblox Corporation.</p>
+		</div>
+		<a href="{{ url('/register') }}" class="btn btn-success">Create your account<i class="ps-2 graphictoria-small-aligned-text fas fa-chevron-right"></i></a>
+	</div>
+</div>
+<div class="container text-center my-5">
+	<h1 class="fw-bold">So what is Graphictoria?</h1>
+	<h4>Ever wanted to experience or revisit classic Roblox? Graphictoria provides the platform for everyone to relive the classic Roblox experience.</h4>
+</div>
+<div class="container text-center">
+	<h1 class="mb-5 fw-bold">Social Links</h1>
+	<div class="row mb-5">
+		<x-socialcard title="YouTube" description="Subscribe to our YouTube channel, where we upload trailers for future events and Graphictoria gameplay videos." link="https://www.youtube.com/graphictoria?sub_confirmation=1" />
+		<x-socialcard title="Twitter" description="Follow us on Twitter. Here you can recieve important updates about Graphictoria and receive announcements for events, potential downtime, status reports, etc." link="https://twitter.com/intent/user?screen_name=gtoriadotnet" />
+		<x-socialcard title="Discord" description="Join our Discord server. This is the place where you can engage with the rest of our community, or just hang out with friends." link="https://www.discord.gg/jBRHAyp" />
+	</div>
+</div>
 @endsection
diff --git a/web/routes/web.php b/web/routes/web.php
index ea60956..d8bf2f4 100644
--- a/web/routes/web.php
+++ b/web/routes/web.php
@@ -1,8 +1,6 @@
 <?php
 
 use Illuminate\Support\Facades\Route;
-use App\Http\Controllers\GamesController;
-use App\Http\Controllers\GridTest;
 
 /*
 |--------------------------------------------------------------------------
@@ -19,4 +17,10 @@ use App\Http\Controllers\GridTest;
 Route::view('/', 'home');
 
 // misc
-Route::view('/javascript', 'javascript');
\ No newline at end of file
+Route::view('/javascript', 'javascript');
+
+// fallback
+Route::fallback(function(){
+	return response()
+			->view('errors.404', [], 404);
+});
\ No newline at end of file