diff --git a/web/app/Providers/AppServiceProvider.php b/web/app/Providers/AppServiceProvider.php
index ee8ca5b..5990509 100644
--- a/web/app/Providers/AppServiceProvider.php
+++ b/web/app/Providers/AppServiceProvider.php
@@ -2,6 +2,7 @@
 
 namespace App\Providers;
 
+use Illuminate\Support\Facades\Request;
 use Illuminate\Support\ServiceProvider;
 
 class AppServiceProvider extends ServiceProvider
@@ -23,6 +24,6 @@ class AppServiceProvider extends ServiceProvider
      */
     public function boot()
     {
-        //
+		//
     }
 }
diff --git a/web/app/Providers/RouteServiceProvider.php b/web/app/Providers/RouteServiceProvider.php
index 77277ed..7606548 100644
--- a/web/app/Providers/RouteServiceProvider.php
+++ b/web/app/Providers/RouteServiceProvider.php
@@ -17,7 +17,7 @@ class RouteServiceProvider extends ServiceProvider
      *
      * @var string
      */
-    public const HOME = '/dashboard';
+    public const HOME = '/my/dashboard';
 
     /**
      * Define your route model bindings, pattern filters, etc.
diff --git a/web/app/View/Components/Card.php b/web/app/View/Components/Card.php
new file mode 100644
index 0000000..f5eecdf
--- /dev/null
+++ b/web/app/View/Components/Card.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+
+class Card extends Component
+{
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+		//
+    }
+
+    /**
+     * 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/Loader.php b/web/app/View/Components/Loader.php
new file mode 100644
index 0000000..dec6cf3
--- /dev/null
+++ b/web/app/View/Components/Loader.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+
+class Loader extends Component
+{
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+		//
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|\Closure|string
+     */
+    public function render()
+    {
+        return view('components.loader');
+    }
+}
diff --git a/web/app/View/Components/MiniCard.php b/web/app/View/Components/MiniCard.php
new file mode 100644
index 0000000..3c0c271
--- /dev/null
+++ b/web/app/View/Components/MiniCard.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+
+class MiniCard extends Component
+{
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+		//
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|\Closure|string
+     */
+    public function render()
+    {
+        return view('components.minicard');
+    }
+}
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/views/components/loader.blade.php b/web/resources/views/components/loader.blade.php
new file mode 100644
index 0000000..d2663a8
--- /dev/null
+++ b/web/resources/views/components/loader.blade.php
@@ -0,0 +1 @@
+<div class="gtoria-loader"><div></div><div></div><div></div><div></div></div>
\ No newline at end of file
diff --git a/web/resources/views/components/minicard.blade.php b/web/resources/views/components/minicard.blade.php
new file mode 100644
index 0000000..c36a5c5
--- /dev/null
+++ b/web/resources/views/components/minicard.blade.php
@@ -0,0 +1,13 @@
+@php
+	$classes = ['card'];
+	
+	if(isset($attributes['class']))
+		$classes = array_merge($classes, explode(' ', $attributes['class']));
+@endphp
+<div @class($classes)>
+	<div class="card-body p-2 text-center">
+		<h6 class="card-title fw-bold text-uppercase">{{ isset($title) ? $title : $attributes['title'] }}</h6>
+		<hr class="mx-5 my-0 mb-2" />
+		{{ $body }}
+	</div>
+</div>
\ No newline at end of file
diff --git a/web/resources/views/dashboard.blade.php b/web/resources/views/dashboard.blade.php
index b6508e8..fd163ff 100644
--- a/web/resources/views/dashboard.blade.php
+++ b/web/resources/views/dashboard.blade.php
@@ -1,5 +1,53 @@
 @extends('layouts.app')
 
 @section('content')
-<p>You're logged in!</p>
+<div class="container-lg my-2">
+	<h4>Hello, {{ Auth::user()->username }}!</h4>
+	<div class="row">
+		<div class="col-md-3">
+			<div class="card text-center">
+				<img src="{{ asset('/images/testing/avatar.png') }}" class="img-fluid gt-charimg" />
+				<p class="mb-3 px-3">"abcd"</p>
+			</div>
+			
+			<x-MiniCard class="mt-3 d-none d-md-flex">
+				<x-slot name="title">
+					Blog
+				</x-slot>
+				<x-slot name="body">
+					<ul class="text-center list-unstyled mb-1">
+						<li class="pb-2"><a href="#" class="text-decoration-none fw-normal"><i class="fa-solid fa-circle-right"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
+						<li class="pb-2"><a href="#" class="text-decoration-none fw-normal"><i class="fa-solid fa-circle-right"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
+						<li class="pb-2"><a href="#" class="text-decoration-none fw-normal"><i class="fa-solid fa-circle-right"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
+					</ul>
+					<div class="text-left px-2">
+						<a href="#" class="text-decoration-none fw-normal">More <i class="fa-solid fa-caret-right"></i></a>
+					</div>
+				</x-slot>
+			</x-MiniCard>
+		</div>
+		
+		<div class="col-md-9 mt-3 mt-md-0">
+			<x-MiniCard class="d-none d-md-flex mb-3">
+				<x-slot name="title">
+					Recently Played
+				</x-slot>
+				<x-slot name="body">
+					Content here.
+				</x-slot>
+			</x-MiniCard>
+			
+			<h4>My Feed</h4>
+			<div class="card mb-2">
+				<div class="input-group p-2">
+					<input type="text" class="form-control" placeholder="What are you up to?" area-label="What are you up to?"/>
+					<button class="btn btn-secondary" type="submit">Share</button>
+				</div>
+			</div>
+			<div class="d-flex">
+				<x-loader />
+			</div>
+		</div>
+	</div>
+</div>
 @endsection
\ No newline at end of file
diff --git a/web/resources/views/layouts/nav.blade.php b/web/resources/views/layouts/nav.blade.php
index f82b999..efd230a 100644
--- a/web/resources/views/layouts/nav.blade.php
+++ b/web/resources/views/layouts/nav.blade.php
@@ -93,7 +93,7 @@
 </div>
 <div class="graphictoria-nav-margin"></div>
 @foreach(App\Models\Banner::all() as $banner)
-	<div @class(['alert', 'alert-' . $banner->type, 'graphictoria-alert', 'alert-dismissible' => $banner->dismissable])>
+	<div @class(['alert', 'alert-' . $banner->style, 'graphictoria-alert', 'alert-dismissible' => $banner->dismissable])>
 		<p class="mb-0">{{ $banner->message }}</p>
 		@if($banner->dismissable)
 			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
diff --git a/web/resources/views/welcome.blade.php b/web/resources/views/welcome.blade.php
index be172ab..28adbb4 100644
--- a/web/resources/views/welcome.blade.php
+++ b/web/resources/views/welcome.blade.php
@@ -1,5 +1,31 @@
 @extends('layouts.app')
 
 @section('content')
-<p>dis de home page</p>
-@endsection
\ No newline at end of file
+<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>
+			{{-- TODO: make the user count automatic via a model --}}
+			<h5 class="mb-0">Graphictoria aims to revive the classic Roblox experience. Join <b>9k+</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="graphictoria-home-about my-1">
+	<div class="col-md-10 d-flex h-100">
+		<div class="graphictoria-home-about-card text-center m-auto">
+			<h1 class="fw-bold">So what is Graphictoria?</h1>
+			<h4>Ever wanted to experience or revisit classic Roblox? Graphictoria provides the platform for anyone and everyone looking to relive the classic Roblox experience. Play with friends in an immersive 3D environment, or create your own game. Your imagination is the only limit.</h4>
+		</div>
+	</div>
+</div>
+<div class="container text-center my-5">
+	<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 3c4de4e..3b1865c 100644
--- a/web/routes/web.php
+++ b/web/routes/web.php
@@ -26,7 +26,7 @@ Route::get('/', function () {
     return view('welcome');
 })->middleware(['guest'])->name('welcome');
 
-Route::get('/dashboard', function () {
+Route::get('/my/dashboard', function () {
     return view('dashboard');
 })->middleware(['auth'])->name('dashboard');