diff --git a/app/Livewire/App/Footer.php b/app/Livewire/App/Footer.php
new file mode 100644
index 0000000..c5f80ce
--- /dev/null
+++ b/app/Livewire/App/Footer.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Livewire\App;
+
+use Livewire\Component;
+
+class Footer extends Component
+{
+    public function render()
+    {
+        return view('livewire.app.footer');
+    }
+}
diff --git a/app/Livewire/App/Pfp.php b/app/Livewire/App/Pfp.php
index 264bad4..e467fd9 100644
--- a/app/Livewire/App/Pfp.php
+++ b/app/Livewire/App/Pfp.php
@@ -9,7 +9,7 @@ class Pfp extends Component
 {
 	public User $user;
 	public string $size = '3rem';
-	public string $shape = 'circle';
+	public string $shape = 'rounded';
 
     public function render()
     {
diff --git a/app/Livewire/App/UserCard.php b/app/Livewire/App/UserCard.php
new file mode 100644
index 0000000..fb0489b
--- /dev/null
+++ b/app/Livewire/App/UserCard.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Livewire\App;
+
+use App\Models\User;
+use Livewire\Component;
+
+class UserCard extends Component
+{
+	public User $user;
+
+	public function placeholder()
+	{
+		return <<<HTML
+<article class="wa-stack">
+	<div class="wa-frame wa-border-radius-l">
+		<wa-spinner style="font-size: 2rem;"></wa-spinner>
+	</div>
+	<div class="wa-stack wa-gap-3xs">
+		<wa-skeleton effect="pulse"></wa-skeleton>
+		<wa-skeleton effect="pulse"></wa-skeleton>
+	</div>
+</article>
+HTML;
+
+	}
+
+    public function render()
+    {
+        return view('livewire.app.user-card');
+    }
+}
diff --git a/app/Livewire/Pages/Users.php b/app/Livewire/Pages/Users.php
new file mode 100644
index 0000000..2e92c01
--- /dev/null
+++ b/app/Livewire/Pages/Users.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Livewire\Pages;
+
+use App\Models\User;
+use Livewire\Component;
+
+class Users extends Component
+{
+    public function render()
+    {
+        return view('livewire.pages.users', [ 'users' => User::all() ]);
+    }
+}
diff --git a/app/Livewire/PostFeature.php b/app/Livewire/PostFeature.php
index 9bf3b5b..c426e06 100644
--- a/app/Livewire/PostFeature.php
+++ b/app/Livewire/PostFeature.php
@@ -20,6 +20,18 @@ class PostFeature extends Component
 		})->first();
 	}
 
+	public function placeholder()
+	{
+		return <<<HTML
+<div class="wa-stack" style="max-height: 80vh;">
+	<div class="wa-frame wa-border-radius-l">
+		<wa-spinner style="font-size: 3rem; --track-width: 10px;"></wa-spinner>
+	</div>
+</div>
+HTML;
+
+	}
+
     public function render()
     {
         if ($this->post == null)
diff --git a/app/Livewire/Posts/FullImage.php b/app/Livewire/Posts/FullImage.php
new file mode 100644
index 0000000..5337771
--- /dev/null
+++ b/app/Livewire/Posts/FullImage.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Livewire\Posts;
+
+use App\Models\Post;
+use Livewire\Component;
+
+class FullImage extends Component
+{
+	public Post $post;
+
+	public function placeholder()
+	{
+		return <<<'HTML'
+<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; aspect-ratio: 1280/720;">
+	<wa-spinner style="font-size: 3rem; --track-width: 10px;"></wa-spinner>
+</div>
+HTML;
+	}
+
+    public function render()
+    {
+        return view('livewire.posts.full-image');
+    }
+}
diff --git a/app/Livewire/Posts/Image.php b/app/Livewire/Posts/Image.php
index 1bd03cb..4af36d1 100644
--- a/app/Livewire/Posts/Image.php
+++ b/app/Livewire/Posts/Image.php
@@ -14,7 +14,7 @@ class Image extends Component
 		return <<<'HTML'
 <div class="wa-stack" style="display: flex; align-items: center; justify-content: center; max-height: 80vh;">
 	<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%;">
-		<wa-spinner></wa-spinner>
+		<wa-spinner style="font-size: 3rem; --track-width: 10px;"></wa-spinner>
 	</div>
 </div>
 HTML;
diff --git a/resources/css/app.css b/resources/css/app.css
index d98e724..ceda652 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -45,6 +45,11 @@ wa-page[view='mobile'] {
 	border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
 }
 
+[slot='footer'] {
+	--wa-link-decoration-default: none;
+	border-block-start: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
+}
+
 @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
 @source '../../storage/framework/views/*.php';
 @source '../**/*.blade.php';
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index d48a34d..0e547fb 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-dark">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-cloak wa-dark">
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -19,6 +19,10 @@
 			<main>
 				{{ $slot }}
 			</main>
+
+			<footer slot="footer">
+				@livewire('app.footer')
+			</footer>
 		</wa-page>
 
 		@stack('modals')
diff --git a/resources/views/livewire/app/footer.blade.php b/resources/views/livewire/app/footer.blade.php
new file mode 100644
index 0000000..1d8d834
--- /dev/null
+++ b/resources/views/livewire/app/footer.blade.php
@@ -0,0 +1,12 @@
+<div class="wa-split">
+	<div class="wa-stack wa-gap-2xs">
+		<div class="wa-cluster wa-heading-l">
+			<wa-icon name="paw-simple"></wa-icon>
+			<span>{{ config('app.name') }}</span>
+		</div>
+		<span class="wa-caption-l">&copy; 2025 NyaaStudios; All rights reserved.</span>
+	</div>
+	<div class="wa-cluster wa-heading-m">
+		<wa-icon-button family="brands" name="github" href="https://github.com/NyaaStudios/nyaabooru" target="_blank"></wa-icon-button>
+	</div>
+</div>
diff --git a/resources/views/livewire/app/home.blade.php b/resources/views/livewire/app/home.blade.php
index 8287697..64bdb7a 100644
--- a/resources/views/livewire/app/home.blade.php
+++ b/resources/views/livewire/app/home.blade.php
@@ -11,5 +11,5 @@
 		@endauth
 	</div>
 
-	<livewire:post-feature />
+	<livewire:post-feature lazy />
 </div>
diff --git a/resources/views/livewire/app/navbar.blade.php b/resources/views/livewire/app/navbar.blade.php
index e24b0c4..98ee452 100644
--- a/resources/views/livewire/app/navbar.blade.php
+++ b/resources/views/livewire/app/navbar.blade.php
@@ -23,6 +23,11 @@
 				<wa-icon slot="prefix" name="tags"></wa-icon>
 				Tags
 			</wa-button>
+
+			<wa-button appearance="plain" href="{{ route('users') }}" wire:navigate.hover>
+				<wa-icon slot="prefix" name="users"></wa-icon>
+				Users
+			</wa-button>
 		@endauth
 	</div>
 
@@ -41,7 +46,10 @@
 					{{ Auth::user()->name }}
 				</div>
 			</wa-button>
-			<wa-icon-button href="{{ route('logout') }}" appearance="plain" name="arrow-left-from-bracket"></wa-icon-button>
+			<wa-button href="{{ route('logout') }}" appearance="plain">
+				<wa-icon name="arrow-left-from-bracket" slot="prefix"></wa-icon>
+				Sign out
+			</wa-button>
 		@endauth
 	</div>
 </div>
diff --git a/resources/views/livewire/app/pfp.blade.php b/resources/views/livewire/app/pfp.blade.php
index fb157ea..6767b75 100644
--- a/resources/views/livewire/app/pfp.blade.php
+++ b/resources/views/livewire/app/pfp.blade.php
@@ -1,11 +1,8 @@
-@php use Illuminate\Support\Facades\Storage; @endphp
-<div>
-	<wa-avatar
-		@if(Storage::has("avatars/$user->id"))
-			image="{{ $user->getAvatarBase64() }}"
-		@endif
-		label="avatar for {{ $user->name }}"
-		shape="{{ $shape }}"
-		style="--size: {{ $size }}"
-	></wa-avatar>
-</div>
+<wa-avatar
+	@if(Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
+		image="{{ $user->getAvatarBase64() }}"
+	@endif
+	label="avatar for {{ $user->name }}"
+	shape="{{ $shape }}"
+	style="--size: {{ $size }}"
+></wa-avatar>
diff --git a/resources/views/livewire/app/user-card.blade.php b/resources/views/livewire/app/user-card.blade.php
new file mode 100644
index 0000000..78562cd
--- /dev/null
+++ b/resources/views/livewire/app/user-card.blade.php
@@ -0,0 +1,13 @@
+<article class="wa-stack">
+	<a class="wa-frame wa-border-radius-l" style="max-inline-size: 15rem;" href="{{ url("/profiles/$user->id") }}" wire:navigate.hover>
+		@if (\Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
+			<img src="{{ $user->getAvatarBase64() }}"/>
+		@else
+			<wa-icon name="user"></wa-icon>
+		@endif
+	</a>
+	<div class="wa-stack wa-gap-3xs">
+		<span class="wa-heading-s">{{ $user->name }}</span>
+		<span class="wa-caption-m">Joined <wa-format-date value="{{ $user->created_at }}"></wa-format-date></span>
+	</div>
+</article>
diff --git a/resources/views/livewire/pages/profile.blade.php b/resources/views/livewire/pages/profile.blade.php
index 140c864..cb9e224 100644
--- a/resources/views/livewire/pages/profile.blade.php
+++ b/resources/views/livewire/pages/profile.blade.php
@@ -1,8 +1,11 @@
 <div class="wa-stack wa-gap-3xl">
-	<div class="wa-stack">
+	<div class="wa-stack wa-gap-xl">
 		<div class="wa-flank wa-align-items-center">
 			<livewire:app.pfp :$user size="5rem" shape="rounded" />
-			<h1>{{ $user->name }}</h1>
+			<div class="wa-stack wa-gap-2xs">
+				<h1>{{ $user->name }}</h1>
+				<span class="wa-caption-l">Member since <wa-format-date value="{{ $user->created_at }}"></wa-format-date></span>
+			</div>
 		</div>
 
 		<div class="wa-grid" style="--min-column-size: 30ch;">
diff --git a/resources/views/livewire/pages/users.blade.php b/resources/views/livewire/pages/users.blade.php
new file mode 100644
index 0000000..7cab255
--- /dev/null
+++ b/resources/views/livewire/pages/users.blade.php
@@ -0,0 +1,9 @@
+<div class="wa-stack wa-gap-3xl">
+	<h1>Users</h1>
+
+	<div class="wa-cluster wa-gap-3xl">
+		@foreach ($users as $user)
+			<livewire:app.user-card :$user />
+		@endforeach
+	</div>
+</div>
diff --git a/resources/views/livewire/posts/comment.blade.php b/resources/views/livewire/posts/comment.blade.php
index add2621..967c41a 100644
--- a/resources/views/livewire/posts/comment.blade.php
+++ b/resources/views/livewire/posts/comment.blade.php
@@ -1,16 +1,18 @@
-<div class="wa-flank wa-align-items-center">
-	<livewire:app.pfp :user="$comment->user" />
-	<div class="wa-split">
-		<div class="wa-stack wa-gap-3xs">
-			<div class="wa-cluster wa-align-items-center">
-				<strong>{{ $comment->user->name }}</strong>
-				<span class="wa-caption-m" wire:poll.visible>{{ $comment->created_at->diffForHumans() }}</span>
+<wa-card>
+	<div class="wa-flank wa-align-items-start">
+		<livewire:app.pfp :user="$comment->user" />
+		<div class="wa-split">
+			<div class="wa-stack wa-gap-3xs">
+				<div class="wa-cluster wa-align-items-center">
+					<strong>{{ $comment->user->name }}</strong>
+					<span class="wa-caption-m" wire:poll.visible>{{ $comment->created_at->diffForHumans() }}</span>
+				</div>
+				<span>{{ $comment->message }}</span>
 			</div>
-			<span>{{ $comment->message }}</span>
-		</div>
 
-		@if (Auth::id() == $comment->user->id)
-			<wa-icon-button href="{{ url("/delete/comment/$comment->id") }}" name="times" label="Delete"></wa-icon-button>
-		@endif
+			@if (Auth::id() == $comment->user->id)
+				<wa-icon-button href="{{ url("/delete/comment/$comment->id") }}" name="times" label="Delete"></wa-icon-button>
+			@endif
+		</div>
 	</div>
-</div>
+</wa-card>
diff --git a/resources/views/livewire/posts/full-image.blade.php b/resources/views/livewire/posts/full-image.blade.php
new file mode 100644
index 0000000..00eb277
--- /dev/null
+++ b/resources/views/livewire/posts/full-image.blade.php
@@ -0,0 +1,3 @@
+<div class="wa-frame wa-border-radius-l" style="max-inline-size: 100%; {{ $post->getAspectRatio() }}">
+	<img src="{{ $post->getFullUrl() }}" />
+</div>
diff --git a/resources/views/livewire/posts/view.blade.php b/resources/views/livewire/posts/view.blade.php
index 2b2afa9..f35ff53 100644
--- a/resources/views/livewire/posts/view.blade.php
+++ b/resources/views/livewire/posts/view.blade.php
@@ -19,6 +19,7 @@
 
 			<wa-icon-button href="{{ url("posts/$post->id/edit") }}" name="file-pen" style="color: var(--wa-color-text-link);" wire:navigate.hover></wa-icon-button>
 			<wa-icon-button href="{{ url("posts/$post->id/download") }}" name="download" style="color: var(--wa-color-text-link);"></wa-icon-button>
+			<wa-icon-button name="arrow-up-right-and-arrow-down-left-from-center" wire:click="$js.showFullImage" style="color: var(--wa-color-text-link);"></wa-icon-button>
 		</div>
 
 		<wa-divider></wa-divider>
@@ -70,7 +71,9 @@
 
 	{{-- Main content --}}
 	<div class="wa-stack wa-gap-2xl" wire:poll.visible>
-		<livewire:posts.image :$post lazy />
+		<a wire:click="$js.showFullImage" style="cursor: pointer;">
+			<livewire:posts.image :$post lazy />
+		</a>
 
 		<span class="wa-heading-m">
 			<wa-format-number value="{{ $post->comments->count() }}"></wa-format-number>
@@ -86,6 +89,19 @@
 		@foreach ($comments as $comment)
 			<livewire:posts.comment :$comment :key="$comment->id" />
 		@endforeach
+
+		{{-- Full image dialog --}}
+		<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 90%;" wire:ignore>
+			<livewire:posts.full-image :$post lazy />
+		</wa-dialog>
+
+		@script
+		<script>
+			$js('showFullImage', () => {
+				document.querySelector('#fullImagePreview').open = true
+			});
+		</script>
+		@endscript
 	</div>
 
 </div>
diff --git a/routes/web.php b/routes/web.php
index b7f66de..c6956d7 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -4,6 +4,7 @@ use App\Http\Controllers\DeletionController;
 use App\Livewire\App\Home as AppHome;
 use App\Livewire\Pages\Profile as ProfilePage;
 use App\Livewire\Pages\Upload as UploadPage;
+use App\Livewire\Pages\Users as UsersPage;
 use App\Livewire\Posts\Index as PostsPage;
 use App\Livewire\Posts\Edit as EditPost;
 use App\Livewire\Posts\View as ViewPost;
@@ -19,6 +20,7 @@ Route::get('/', AppHome::class)->name('home');
 Route::middleware('auth')->group(function () {
 	Route::get('/upload', UploadPage::class)->name('upload');
 	Route::get('/profiles/{user}', ProfilePage::class);
+	Route::get('/users', UsersPage::class)->name('users');
 });
 
 // Post routes
