diff --git a/database/migrations/2024_03_30_095622_update_forum_category_colors.php b/database/migrations/2024_03_30_095622_update_forum_category_colors.php
new file mode 100644
index 000000000..156eccc34
--- /dev/null
+++ b/database/migrations/2024_03_30_095622_update_forum_category_colors.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('forum_categories', function (Blueprint $table) {
+            $table->renameColumn('color', 'color_light_mode');
+            $table->string('color_dark_mode')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('forum_categories', function (Blueprint $table) {
+            $table->renameColumn('color_light_mode', 'color');
+            $table->dropColumn('color_dark_mode');
+        });
+    }
+};
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 000000000..49c0612d5
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};
diff --git a/resources/forum/blade-tailwind/css/forum.css b/resources/forum/blade-tailwind/css/forum.css
deleted file mode 100644
index 6e72d22ce..000000000
--- a/resources/forum/blade-tailwind/css/forum.css
+++ /dev/null
@@ -1,35 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    .forum {
-        font-family: "Open Sans", sans-serif;
-        font-optical-sizing: auto;
-        font-weight: 400;
-        font-style: normal;
-        font-variation-settings: "wdth" 100;
-    }
-
-    h1 {
-        @apply text-4xl my-6;
-    }
-
-    h2 {
-        @apply text-2xl;
-    }
-
-    h3 {
-        @apply text-xl;
-    }
-
-    a {
-        @apply text-blue-500;
-    }
-
-    a:hover {
-        @apply text-blue-800;
-    }
-}
diff --git a/resources/forum/blade-tailwind/js/forum.js b/resources/forum/blade-tailwind/js/forum.js
deleted file mode 100644
index 828787a00..000000000
--- a/resources/forum/blade-tailwind/js/forum.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import feather from 'feather-icons';
-import { createApp, ref, reactive, watch } from 'vue/dist/vue.esm-bundler.js';
-import axios from 'axios';
-import Pickr from '@simonwep/pickr';
-import draggable from 'vuedraggable/src/vuedraggable';
-
-import '@simonwep/pickr/dist/themes/classic.min.css';
-
-window.axios = axios;
-window.Vue = { createApp, ref, reactive, watch };
-window.VueDraggable = draggable;
-
-document.addEventListener('DOMContentLoaded', function () {
-    createApp({
-        setup() {
-            const isCollapsed = ref(true);
-            const isUserDropdownCollapsed = ref(true);
-
-            window.addEventListener('click', event => {
-                const ignore = ['navbar-toggler', 'navbar-toggler-icon', 'dropdown-toggle'];
-                if (ignore.some(className => event.target.classList.contains(className))) return;
-                if (!isCollapsed.value) isCollapsed.value = true;
-                if (!isUserDropdownCollapsed.value) isUserDropdownCollapsed.value = true;
-            });
-
-            return {
-                isCollapsed,
-                isUserDropdownCollapsed,
-            };
-        }
-    }).mount('.v-navbar');
-
-    function findModal(key)
-    {
-        const modal = document.querySelector(`[data-modal=${key}]`);
-
-        if (!modal) throw `Attempted to open modal '${key}' but no such modal found.`;
-
-        return modal;
-    }
-
-    function openModal(modal)
-    {
-        setTimeout(function()
-        {
-            modal.classList.remove('hidden');
-            modal.classList.add('flex');
-        }, 200);
-    }
-
-    document.querySelectorAll('[data-open-modal]').forEach(item =>
-    {
-        item.addEventListener('click', event =>
-        {
-            event.preventDefault();
-
-            openModal(findModal(event.currentTarget.dataset.openModal));
-        });
-    });
-
-    document.querySelectorAll('[data-close-modal]').forEach(modalClose =>
-    {
-        modalClose.addEventListener('click', event =>
-        {
-            event.preventDefault
-
-            setTimeout(function()
-            {
-                modalClose.closest('[data-modal]').classList.remove('flex');
-                modalClose.closest('[data-modal]').classList.add('hidden');
-            }, 200);
-        });
-    });
-
-    document.querySelectorAll('[data-dismiss]').forEach(item =>
-    {
-        item.addEventListener('click', event => event.currentTarget.parentElement.style.display = 'none');
-    });
-
-    const hash = window.location.hash.substr(1);
-    if (hash.startsWith('modal='))
-    {
-        openModal(findModal(hash.replace('modal=','')));
-    }
-
-    feather.replace();
-
-    const input = document.querySelector('input[name=color]');
-
-    if (!input) return;
-
-    const pickr = Pickr.create({
-        el: '.pickr',
-        theme: 'classic',
-        default: input.value || null,
-
-        swatches: [
-            window.defaultCategoryColor,
-            '#f44336',
-            '#e91e63',
-            '#9c27b0',
-            '#673ab7',
-            '#3f51b5',
-            '#2196f3',
-            '#03a9f4',
-            '#00bcd4',
-            '#009688',
-            '#4caf50',
-            '#8bc34a',
-            '#cddc39',
-            '#ffeb3b',
-            '#ffc107'
-        ],
-
-        components: {
-            preview: true,
-            hue: true,
-            interaction: {
-                input: true,
-                save: true
-            }
-        },
-
-        strings: {
-            save: 'Apply'
-        }
-    });
-
-    pickr.on('save', instance => pickr.hide())
-        .on('clear', instance =>
-        {
-            input.value = '';
-            input.dispatchEvent(new Event('change'));
-        })
-        .on('cancel', instance =>
-        {
-            const selectedColor = instance
-                .getSelectedColor()
-                .toHEXA()
-                .toString();
-
-            input.value = selectedColor;
-            input.dispatchEvent(new Event('change'));
-        })
-        .on('change', (color, instance) =>
-        {
-            const selectedColor = color
-                .toHEXA()
-                .toString();
-
-            input.value = selectedColor;
-            input.dispatchEvent(new Event('change'));
-        });
-});
diff --git a/resources/forum/blade-tailwind/views/category/index.blade.php b/resources/forum/blade-tailwind/views/category/index.blade.php
deleted file mode 100644
index 93eeb6de4..000000000
--- a/resources/forum/blade-tailwind/views/category/index.blade.php
+++ /dev/null
@@ -1,20 +0,0 @@
-{{-- $category is passed as NULL to the master layout view to prevent it from showing in the breadcrumbs --}}
-@extends ('forum::layouts.main', ['category' => null])
-
-@section ('content')
-    <div class="flex flex-row justify-between my-3">
-        <h2 class="grow text-3xl font-medium">{{ trans('forum::general.index') }}</h2>
-
-        @can ('createCategories')
-            <x-forum::button type="button" data-open-modal="create-category">
-                {{ trans('forum::categories.create') }}
-            </x-forum::button>
-
-            @include ('forum::category.modals.create')
-        @endcan
-    </div>
-
-    @foreach ($categories as $category)
-        @include ('forum::category.partials.list', ['titleClass' => 'lead'])
-    @endforeach
-@stop
diff --git a/resources/forum/blade-tailwind/views/category/manage.blade.php b/resources/forum/blade-tailwind/views/category/manage.blade.php
deleted file mode 100644
index be48382b5..000000000
--- a/resources/forum/blade-tailwind/views/category/manage.blade.php
+++ /dev/null
@@ -1,115 +0,0 @@
-@extends ('forum::layouts.main', ['category' => null, 'thread' => null, 'breadcrumbs_append' => [trans('forum::general.manage')]])
-
-@section ('content')
-    <div class="flex flex-row justify-between mb-2">
-        <h2 class="text-3xl font-medium my-3">{{ trans('forum::general.manage') }}</h2>
-
-        @can ('createCategories')
-            <x-forum::button type="button" data-open-modal="create-category" class="px-6">
-                {{ trans('forum::categories.create') }}
-            </x-forum::button>
-
-            @include ('forum::category.modals.create')
-        @endcan
-    </div>
-
-    <div id="manage-categories">
-        <draggable-category-list :categories="state.categories"></draggable-category-list>
-
-        <transition name="fade">
-            <div v-show="state.changesApplied" class="bg-green-100 mb-4 text-green-700 mt-3 px-4 py-3" role="alert">
-                {{ trans('forum::general.changes_applied') }}
-            </div>
-        </transition>
-
-        <div class="flex justify-end py-3">
-            <button type="button" class="bg-blue-500 text-white rounded py-2 px-8 hover:cursor-pointer disabled:opacity-50" :disabled="state.isSavingDisabled" @click="onSave">
-                {{ trans('forum::general.save') }}
-            </button>
-        </div>
-    </div>
-
-    <script type="text/x-template" id="draggable-category-list-template">
-        <draggable
-            :list="categories"
-            tag="ul"
-            @start="drag=true"
-            @end="drag=false"
-            :group="{ name: 'categories' }"
-            item-key="id">
-            <template #item="{element}">
-                <li class="bg-white p-4 my-2 rounded-md border" :data-id="element.id">
-                    <span class="flex">
-                        <span class="grow">
-                            <strong :style="{ color: element.color }">@{{ element.title }}</strong>
-                            <div class="text-muted">@{{ element.description }}</div>
-                        </span>
-                        <span>
-                            <a class="text-blue-500 hover:text-blue-800 px-3 py-2 text-sm ml-2" :href="element.route + '#modal=edit-category'">{{ trans('forum::general.edit') }}</a>
-                            <a class="bg-red-500 hover:bg-red-400 text-white hover:text-white px-3 py-2 text-sm rounded ml-2" :href="element.route + '#modal=delete-category'">{{ trans('forum::general.delete') }}</a>
-                        </span>
-                    </span>
-
-                    <draggable-category-list :categories="element.children" />
-                </li>
-            </template>
-        </draggable>
-    </script>
-
-    <script type="module">
-    const app = Vue.createApp({
-        setup() {
-            const state = Vue.reactive({
-                categories: @json($categories),
-                isSavingDisabled: true,
-                changesApplied: false,
-            });
-
-            Vue.watch(
-                () => state.categories,
-                async (newValue, oldValue) => {
-                    state.isSavingDisabled = false;
-                },
-                { deep: true }
-            );
-
-            function onSave()
-            {
-                state.isSavingDisabled = true;
-                state.changesApplied = false;
-
-                var payload = { categories: state.categories };
-                axios.post('{{ route('forum.bulk.category.manage') }}', payload)
-                    .then(response => {
-                        state.changesApplied = true;
-                        setTimeout(() => state.changesApplied = false, 3000);
-                    })
-                    .catch(error => {
-                        state.isSavingDisabled = false;
-                        console.log(error);
-                    });
-            }
-
-            return {
-                state,
-                onSave
-            };
-        }
-    });
-
-    app.component(
-        'Draggable',
-        VueDraggable
-    );
-
-    app.component(
-        'DraggableCategoryList',
-        {
-            props: ['categories'],
-            template: '#draggable-category-list-template',
-        }
-    );
-
-    app.mount('#manage-categories');
-    </script>
-@stop
diff --git a/resources/forum/blade-tailwind/views/category/modals/create.blade.php b/resources/forum/blade-tailwind/views/category/modals/create.blade.php
deleted file mode 100644
index 6d8301610..000000000
--- a/resources/forum/blade-tailwind/views/category/modals/create.blade.php
+++ /dev/null
@@ -1,31 +0,0 @@
-@component('forum::modal-form')
-    @slot('key', 'create-category')
-    @slot('title', trans('forum::categories.create'))
-    @slot('route', Forum::route('category.store'))
-
-    <div class="mb-3">
-        <x-forum::label for="title">{{ trans('forum::general.title') }}</x-forum::label>
-        <x-forum::input type="text" name="title" value="{{ old('title') }}" class="w-full" />
-    </div>
-    <div class="mb-3">
-        <x-forum::label for="description">{{ trans('forum::general.description') }}</x-forum::label>
-        <x-forum::input type="text" name="description" value="{{ old('description') }}" class="w-full" />
-    </div>
-    <div class="mb-3">
-        <div class="form-check">
-            <input class="form-check-input" type="checkbox" name="accepts_threads" id="accepts-threads" value="1" {{ old('accepts_threads') ? 'checked' : '' }}>
-            <label class="form-check-label" for="accepts-threads">{{ trans('forum::categories.enable_threads') }}</label>
-        </div>
-    </div>
-    <div class="mb-3">
-        <div>
-            <input type="checkbox" name="is_private" id="is-private" value="1" {{ old('is_private') ? 'checked' : '' }}>
-            <label for="is-private">{{ trans('forum::categories.make_private') }}</label>
-        </div>
-    </div>
-    @include ('forum::category.partials.inputs.color')
-
-    @slot('actions')
-        <x-forum::button type="submit">{{ trans('forum::general.create') }}</x-forum::button>
-    @endslot
-@endcomponent
diff --git a/resources/forum/blade-tailwind/views/category/modals/delete.blade.php b/resources/forum/blade-tailwind/views/category/modals/delete.blade.php
deleted file mode 100644
index e313edb40..000000000
--- a/resources/forum/blade-tailwind/views/category/modals/delete.blade.php
+++ /dev/null
@@ -1,21 +0,0 @@
-@component('forum::modal-form')
-    @slot('key', 'delete-category')
-    @slot('title', trans('forum::general.delete'))
-    @slot('route', Forum::route('category.delete', $category))
-    @slot('method', 'DELETE')
-
-    {{ trans('forum::general.generic_confirm') }}
-
-    @if(!$category->isEmpty())
-        <div class="form-check mt-3">
-            <input class="form-check-input" type="checkbox" value="1" name="force" id="forceDelete">
-            <label class="form-check-label" for="forceDelete">
-                {{ trans('forum::categories.confirm_nonempty_delete') }}
-            </label>
-        </div>
-    @endif
-
-    @slot('actions')
-        <x-forum::button type="submit" class="bg-red-500 hover:bg-red-400">{{ trans('forum::general.delete') }}</x-forum::button>
-    @endslot
-@endcomponent
diff --git a/resources/forum/blade-tailwind/views/category/modals/edit.blade.php b/resources/forum/blade-tailwind/views/category/modals/edit.blade.php
deleted file mode 100644
index c5a6ce3a0..000000000
--- a/resources/forum/blade-tailwind/views/category/modals/edit.blade.php
+++ /dev/null
@@ -1,40 +0,0 @@
-@component('forum::modal-form')
-    @slot('key', 'edit-category')
-    @slot('title', trans('forum::general.edit'))
-    @slot('route', Forum::route('category.update', $category))
-    @slot('method', 'PATCH')
-
-    <div class="mb-3">
-        <x-forum::label for="title">{{ trans('forum::general.title') }}</x-forum::label>
-        <x-forum::input type="text" name="title" value="{{ old('title') ?? $category->title }}" class="w-full" />
-    </div>
-    <div class="mb-3">
-        <x-forum::label for="description">{{ trans('forum::general.description') }}</x-forum::label>
-        <x-forum::input type="text" name="description" value="{{ old('description') ?? $category->description }}" class="w-full" />
-    </div>
-    <div class="mb-3">
-        <div class="form-check">
-            <input type="hidden" name="accepts_threads" value="0" />
-            <input class="form-check-input" type="checkbox" name="accepts_threads" id="accepts-threads" value="1" {{ $category->accepts_threads ? 'checked' : '' }}>
-            <label class="form-check-label" for="accepts-threads">{{ trans('forum::categories.enable_threads') }}</label>
-        </div>
-    </div>
-    <div class="mb-3">
-        <div class="form-check">
-            <input type="hidden" name="is_private" value="0" />
-            <input class="form-check-input" type="checkbox" name="is_private" id="is-private" value="1" {{ $category->is_private ? 'checked' : '' }} {{ $privateAncestor != null ? 'disabled' : '' }}>
-            <label class="form-check-label" for="is-private">{{ trans('forum::categories.make_private') }}</label>
-        </div>
-    </div>
-    @if ($privateAncestor != null)
-        <div class="alert alert-primary" role="alert">
-            {!! trans('forum::categories.access_controlled_by_private_ancestor', ['category' => "<a href=\"{$privateAncestor->route}\">{$privateAncestor->title}</a>"]) !!}
-        </div>
-    @endif
-
-    @include ('forum::category.partials.inputs.color')
-
-    @slot('actions')
-        <x-forum::button type="submit">{{ trans('forum::general.save') }}</x-forum::button>
-    @endslot
-@endcomponent
diff --git a/resources/forum/blade-tailwind/views/category/modals/mark-threads-as-read.blade.php b/resources/forum/blade-tailwind/views/category/modals/mark-threads-as-read.blade.php
deleted file mode 100644
index b2fc42d07..000000000
--- a/resources/forum/blade-tailwind/views/category/modals/mark-threads-as-read.blade.php
+++ /dev/null
@@ -1,16 +0,0 @@
-@component('forum::modal-form')
-    @slot('key', 'mark-threads-as-read')
-    @slot('title', trans('forum::categories.mark_read'))
-    @slot('route', Forum::route('unread.mark-as-read'))
-    @slot('method', 'PATCH')
-
-    <input type="hidden" name="category_id" value="{{ $category->id }}" />
-
-    <p>{{ trans('forum::general.generic_confirm') }}</p>
-
-    @slot('actions')
-        <x-forum::button type="submit">
-            {{ trans('forum::general.mark_read') }}
-        </x-forum::button>
-    @endslot
-@endcomponent
diff --git a/resources/forum/blade-tailwind/views/category/partials/inputs/color.blade.php b/resources/forum/blade-tailwind/views/category/partials/inputs/color.blade.php
deleted file mode 100644
index 37f675ba8..000000000
--- a/resources/forum/blade-tailwind/views/category/partials/inputs/color.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="mb-3">
-    <label for="color">{{ trans('forum::general.color') }}</label>
-    <div class="pickr"></div>
-    <input type="hidden" value="{{ isset($category->color_light_mode) ? $category->color_light_mode : (old('color') ?? config('forum.frontend.default_category_color')) }}" name="color">
-</div>
diff --git a/resources/forum/blade-tailwind/views/category/partials/list.blade.php b/resources/forum/blade-tailwind/views/category/partials/list.blade.php
deleted file mode 100644
index b92a05463..000000000
--- a/resources/forum/blade-tailwind/views/category/partials/list.blade.php
+++ /dev/null
@@ -1,75 +0,0 @@
-<div class="my-4">
-    <div class="bg-white shadow rounded-md relative">
-        <div class="flex flex-col md:items-start md:flex-row md:justify-between md:gap-4 p-6">
-            <div class="md:w-3/6 text-center md:text-left">
-                <h5 class="text-lg">
-                    <a href="{{ Forum::route('category.show', $category) }}" style="color: {{ $category->color_light_mode }};">{{ $category->title }}</a>
-                </h5>
-                <p class="text-gray-500">{{ $category->description }}</p>
-            </div>
-            <div class="md:w-1/6 flex flex-col items-center gap-1 mt-2 md:mt-0">
-                @if ($category->accepts_threads)
-                    <x-forum::badge style="background: {{ $category->color_light_mode }};">
-                        {{ trans_choice('forum::threads.thread', 2) }}: {{ $category->thread_count }}
-                    </x-forum::badge>
-                    <x-forum::badge style="background: {{ $category->color_light_mode }};">
-                        {{ trans_choice('forum::posts.post', 2) }}: {{ $category->post_count }}
-                    </x-forum::badge>
-                @endif
-            </div>
-            <div class="md:w-2/6 text-gray-500 text-center md:text-right mt-2 md:mt-0">
-                @if ($category->accepts_threads)
-                    @if ($category->newestThread)
-                        <div>
-                            <a href="{{ Forum::route('thread.show', $category->newestThread) }}" class="mr-1">{{ $category->newestThread->title }}</a>
-                            @include ('forum::partials.timestamp', ['carbon' => $category->newestThread->created_at])
-                        </div>
-                    @endif
-                    @if ($category->latestActiveThread && $category->latestActiveThread->post_count > 1)
-                        <div>
-                            <a href="{{ Forum::route('thread.show', $category->latestActiveThread->lastPost) }}" class="mr-1">Re: {{ $category->latestActiveThread->title }}</a>
-                            @include ('forum::partials.timestamp', ['carbon' => $category->latestActiveThread->lastPost->created_at])
-                        </div>
-                    @endif
-                @endif
-            </div>
-        </div>
-    </div>
-
-    @if ($category->children->count() > 0)
-        <div class="subcategories">
-            @foreach ($category->children as $subcategory)
-                <div class="bg-white -mt-1 shadow rounded-b-md">
-                    <div class="flex flex-col md:items-start md:flex-row md:justify-between md:gap-4 p-6">
-                        <div class="md:w-3/6 text-center md:text-left">
-                            <a href="{{ Forum::route('category.show', $subcategory) }}" style="color: {{ $subcategory->color_light_mode }};">{{ $subcategory->title }}</a>
-                            <div class="text-muted">{{ $subcategory->description }}</div>
-                        </div>
-                        <div class="md:w-1/6 flex flex-col items-center gap-1 mt-2 md:mt-0">
-                            <x-forum::badge style="background: {{ $subcategory->color_light_mode }};">
-                                {{ trans_choice('forum::threads.thread', 2) }}: {{ $subcategory->thread_count }}
-                            </x-forum::badge>
-                            <x-forum::badge style="background: {{ $subcategory->color_light_mode }};">
-                                {{ trans_choice('forum::posts.post', 2) }}: {{ $subcategory->post_count }}
-                            </x-forum::badge>
-                        </div>
-                        <div class="md:w-2/6 text-gray-500 md:items-end text-center md:text-right mt-2 md:mt-0">
-                            @if ($subcategory->newestThread)
-                                <div>
-                                    <a href="{{ Forum::route('thread.show', $subcategory->newestThread) }}" class="mr-1">{{ $subcategory->newestThread->title }}</a>
-                                    @include ('forum::partials.timestamp', ['carbon' => $subcategory->newestThread->created_at])
-                                </div>
-                            @endif
-                            @if ($subcategory->latestActiveThread && $subcategory->latestActiveThread->post_count > 1)
-                                <div>
-                                    <a href="{{ Forum::route('thread.show', $subcategory->latestActiveThread->lastPost) }}" class="mr-1">Re: {{ $subcategory->latestActiveThread->title }}</a>
-                                    @include ('forum::partials.timestamp', ['carbon' => $subcategory->latestActiveThread->lastPost->created_at])
-                                </div>
-                            @endif
-                        </div>
-                    </div>
-                </div>
-            @endforeach
-        </div>
-    @endif
-</div>
diff --git a/resources/forum/blade-tailwind/views/category/partials/options.blade.php b/resources/forum/blade-tailwind/views/category/partials/options.blade.php
deleted file mode 100644
index 338024af2..000000000
--- a/resources/forum/blade-tailwind/views/category/partials/options.blade.php
+++ /dev/null
@@ -1,12 +0,0 @@
-@foreach ($categories as $cat)
-    @if (!isset($hide) || (isset($hide) && $cat->id != $hide->id))
-        <option value="{{ $cat->id }}" {{ (isset($category) && $cat->id == $category->id) ? 'selected' : '' }}>
-            @for ($i = 0; $i < $cat->depth; $i++)- @endfor
-            {{ $cat->title }}
-        </option>
-    @endif
-
-    @if ($cat->children)
-        @include ('forum::category.partials.options', ['categories' => $cat->children])
-    @endif
-@endforeach
diff --git a/resources/forum/blade-tailwind/views/category/show.blade.php b/resources/forum/blade-tailwind/views/category/show.blade.php
deleted file mode 100644
index e8f5591a7..000000000
--- a/resources/forum/blade-tailwind/views/category/show.blade.php
+++ /dev/null
@@ -1,248 +0,0 @@
-{{-- $thread is passed as NULL to the master layout view to prevent it from showing in the breadcrumbs --}}
-@extends('forum::layouts.main', ['thread' => null])
-
-@section('content')
-    <div class="flex flex-row justify-between mb-2">
-        <h2 class="text-3xl" style="color: {{ $category->color_light_mode }};">
-            {{ $category->title }} &nbsp;
-            @if ($category->description)
-                <small>{{ $category->description }}</small>
-            @endif
-        </h2>
-    </div>
-
-    <div id="category">
-        <div class="flex justify-between flex-row-reverse">
-            @if ($category->accepts_threads)
-                @can ('createThreads', $category)
-                    <x-forum::button-link href="{{ Forum::route('thread.create', $category) }}" class="float-end">{{ trans('forum::threads.new_thread') }}</x-forum::button-link>
-                @endcan
-            @endif
-
-            <x-forum::button-group>
-                @can ('editCategories')
-                    @can ('edit', $category)
-                        <x-forum::button-secondary type="button" data-open-modal="edit-category">
-                            {{ trans('forum::general.edit') }}
-                        </x-forum::button-secondary>
-                    @endcan
-                @endcan
-            </x-forum::button-group>
-        </div>
-
-        @if (!$category->children->isEmpty())
-            @foreach ($category->children as $subcategory)
-                @include ('forum::category.partials.list', ['category' => $subcategory])
-            @endforeach
-        @endif
-
-        @if ($category->accepts_threads)
-            @if (!$threads->isEmpty())
-                <div class="mt-4">
-                    {{ $threads->links('forum::pagination') }}
-                </div>
-
-                @if (count($selectableThreadIds) > 0)
-                    @can ('manageThreads', $category)
-                        <form :action="actions[state.selectedAction]" method="POST">
-                            @csrf
-                            <input type="hidden" name="_method" :value="actionMethods[state.selectedAction]" />
-
-                            <div class="text-end mt-2">
-                                <div class="form-check">
-                                    <label for="selectAllThreads">
-                                        {{ trans('forum::threads.select_all') }}
-                                    </label>
-                                    <input type="checkbox" value="" id="selectAllThreads" class="align-middle" @click="toggleAll" :checked="state.selectedThreads.length == selectableThreadIds.length">
-                                </div>
-                            </div>
-                    @endcan
-                @endif
-
-                <div class="threads list-group my-3 shadow-sm">
-                    @foreach ($threads as $thread)
-                        @include ('forum::thread.partials.list')
-                    @endforeach
-                </div>
-
-                @if (count($selectableThreadIds) > 0)
-                    @can ('manageThreads', $category)
-                            <div class="fixed bottom-0 right-0 m-2" style="z-index: 1000;" v-if="state.selectedThreads.length">
-                                <div class="bg-white shadow-sm rounded-md min-w-96 max-w-full">
-                                    <div class="border-b text-center py-4 px-6">
-                                        {{ trans('forum::general.with_selection') }}
-                                    </div>
-                                    <div class="p-6">
-                                        <div class="mb-3">
-                                            <div>
-                                                <x-forum::label for="bulk-actions">{{ trans_choice('forum::general.actions', 1) }}</x-forum::label>
-                                            </div>
-
-                                            <x-forum::select id="bulk-actions" v-model="state.selectedAction">
-                                                @can ('deleteThreads', $category)
-                                                    <option value="delete">{{ trans('forum::general.delete') }}</option>
-                                                @endcan
-                                                @can ('restoreThreads', $category)
-                                                    <option value="restore">{{ trans('forum::general.restore') }}</option>
-                                                @endcan
-                                                @can ('moveThreadsFrom', $category)
-                                                    <option value="move">{{ trans('forum::general.move') }}</option>
-                                                @endcan
-                                                @can ('lockThreads', $category)
-                                                    <option value="lock">{{ trans('forum::threads.lock') }}</option>
-                                                    <option value="unlock">{{ trans('forum::threads.unlock') }}</option>
-                                                @endcan
-                                                @can ('pinThreads', $category)
-                                                    <option value="pin">{{ trans('forum::threads.pin') }}</option>
-                                                    <option value="unpin">{{ trans('forum::threads.unpin') }}</option>
-                                                @endcan
-                                            </x-forum::select>
-                                        </div>
-
-                                        <div class="mb-3" v-if="state.selectedAction == 'move'">
-                                            <div>
-                                                <label for="category-id">{{ trans_choice('forum::categories.category', 1) }}</label>
-                                            </div>
-                                            <x-forum::select name="category_id" id="category-id">
-                                                @include ('forum::category.partials.options', [
-                                                    'categories' => $threadDestinationCategories,
-                                                    'hide' => $category
-                                                ])
-                                            </x-forum::select>
-                                        </div>
-
-                                        @if (config('forum.general.soft_deletes'))
-                                            <div class="mb-3" v-if="state.selectedAction == 'delete'">
-                                                <input class="form-check-input" type="checkbox" name="permadelete" value="1" id="permadelete">
-                                                <label class="form-check-label" for="permadelete">
-                                                    {{ trans('forum::general.perma_delete') }}
-                                                </label>
-                                            </div>
-                                        @endif
-
-                                        <div class="text-end">
-                                            <button type="submit" class="bg-blue-500 text-white rounded-md px-3 py-1" @click="submit" :disabled="state.selectedAction == null">{{ trans('forum::general.proceed') }}</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </form>
-                    @endcan
-                @endif
-            @else
-                <div class="card my-3">
-                    <div class="card-body">
-                        {{ trans('forum::threads.none_found') }}
-                        @can ('createThreads', $category)
-                            <br>
-                            <a href="{{ Forum::route('thread.create', $category) }}">{{ trans('forum::threads.post_the_first') }}</a>
-                        @endcan
-                    </div>
-                </div>
-            @endif
-
-            <div class="row">
-                <div class="col col-xs-8">
-                    {{ $threads->links('forum::pagination') }}
-                </div>
-                <div class="col col-xs-4 text-end">
-                    @if ($category->accepts_threads)
-                        @can ('createThreads', $category)
-                            <x-forum::button-link href="{{ Forum::route('thread.create', $category) }}">{{ trans('forum::threads.new_thread') }}</x-forum::button-link>
-                        @endcan
-                    @endif
-                </div>
-            </div>
-        @endif
-    </div>
-
-    @if (!$threads->isEmpty())
-        @can ('markThreadsAsRead')
-            <div class="text-center mt-3">
-                <x-forum::button class="inline-flex px-6 items-center gap-2" data-open-modal="mark-threads-as-read">
-                    <i data-feather="book"></i> {{ trans('forum::general.mark_read') }}
-                </x-forum::button>
-            </div>
-
-            @include ('forum::category.modals.mark-threads-as-read')
-        @endcan
-    @endif
-
-    @can ('editCategories')
-        @can ('edit', $category)
-            @include ('forum::category.modals.edit')
-        @endcan
-    @endcan
-    @can ('deleteCategories')
-        @can ('delete', $category)
-            @include ('forum::category.modals.delete')
-        @endcan
-    @endcan
-
-    <script type="module">
-    Vue.createApp({
-        setup() {
-            const selectableThreadIds = @json($selectableThreadIds);
-
-            const actions = {
-                delete: "{{ Forum::route('bulk.thread.delete') }}",
-                restore: "{{ Forum::route('bulk.thread.restore') }}",
-                lock: "{{ Forum::route('bulk.thread.lock') }}",
-                unlock: "{{ Forum::route('bulk.thread.unlock') }}",
-                pin: "{{ Forum::route('bulk.thread.pin') }}",
-                unpin: "{{ Forum::route('bulk.thread.unpin') }}",
-                move: "{{ Forum::route('bulk.thread.move') }}"
-            };
-
-            const actionMethods = {
-                delete: 'DELETE',
-                restore: 'POST',
-                lock: 'POST',
-                unlock: 'POST',
-                pin: 'POST',
-                unpin: 'POST',
-                move: 'POST'
-            };
-
-            const state = Vue.reactive({
-                selectedAction: null,
-                selectedThreads: [],
-                isEditModalOpen: false,
-                isDeleteModalOpen: false
-            });
-
-            function toggleAll()
-            {
-                state.selectedThreads = (state.selectedThreads.length < selectableThreadIds.length) ? selectableThreadIds : [];
-            }
-
-            function submit(event)
-            {
-                if (actionMethods[state.selectedAction] === 'DELETE' && !confirm("{{ trans('forum::general.generic_confirm') }}"))
-                {
-                    event.preventDefault();
-                }
-            }
-
-            function onClickModal(event)
-            {
-                if (event.target.classList.contains('modal'))
-                {
-                    state.isEditModalOpen = false;
-                    state.isDeleteModalOpen = false;
-                }
-            }
-
-            return {
-                selectableThreadIds,
-                actions,
-                actionMethods,
-                state,
-                toggleAll,
-                submit,
-                onClickModal,
-            };
-        }
-    }).mount('#category');
-    </script>
-@stop
diff --git a/resources/forum/blade-tailwind/views/components/badge.blade.php b/resources/forum/blade-tailwind/views/components/badge.blade.php
deleted file mode 100644
index 652c1cc0b..000000000
--- a/resources/forum/blade-tailwind/views/components/badge.blade.php
+++ /dev/null
@@ -1,27 +0,0 @@
-@props([
-    'type' => 'default'
-])
-
-@php
-switch($type) {
-    case('info'):
-        $color = 'bg-blue-500';
-        break;
-
-    case('danger'):
-        $color = 'bg-red-500';
-        break;
-
-    case('warning'):
-        $color = 'bg-orange-500';
-        break;
-
-    default:
-        $color = 'bg-gray-400';
-        break;
-}
-@endphp
-
-<span {{ $attributes->merge(['class' => "$color rounded-full px-2 py-1 text-white text-xs font-semibold"]) }}>
-    {{ $slot }}
-</span>
diff --git a/resources/forum/blade-tailwind/views/components/button-group.blade.php b/resources/forum/blade-tailwind/views/components/button-group.blade.php
deleted file mode 100644
index 008539dc3..000000000
--- a/resources/forum/blade-tailwind/views/components/button-group.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="flex flex-wrap items-center [&_a:first-child]:rounded-r-none [&_a:not(:first-child):not(:last-child)]:rounded-none [&_a:last-child]:rounded-l-none" role="group">
-    {{ $slot }}
-</div>
diff --git a/resources/forum/blade-tailwind/views/components/button-link.blade.php b/resources/forum/blade-tailwind/views/components/button-link.blade.php
deleted file mode 100644
index 6968d4e44..000000000
--- a/resources/forum/blade-tailwind/views/components/button-link.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<a {{ $attributes->merge(['class' => 'bg-blue-500 hover:bg-blue-400 text-white font-semibold hover:text-white px-3 py-2 rounded-md inline-block']) }}>
-    {{ $slot }}
-</a>
diff --git a/resources/forum/blade-tailwind/views/components/button-secondary.blade.php b/resources/forum/blade-tailwind/views/components/button-secondary.blade.php
deleted file mode 100644
index 519f991fa..000000000
--- a/resources/forum/blade-tailwind/views/components/button-secondary.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<button {{ $attributes->merge(['class' => 'bg-gray-300 hover:bg-gray-200 text-gray-600 font-semibold px-3 py-2 rounded-md inline-block']) }}>
-    {{ $slot }}
-</button>
diff --git a/resources/forum/blade-tailwind/views/components/button.blade.php b/resources/forum/blade-tailwind/views/components/button.blade.php
deleted file mode 100644
index afccd7b4e..000000000
--- a/resources/forum/blade-tailwind/views/components/button.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<button {{ $attributes->merge(['class' => 'bg-blue-500 hover:bg-blue-400 text-white font-semibold px-3 py-2 rounded-md inline-block']) }}>
-    {{ $slot }}
-</button>
diff --git a/resources/forum/blade-tailwind/views/components/input.blade.php b/resources/forum/blade-tailwind/views/components/input.blade.php
deleted file mode 100644
index 2e221f669..000000000
--- a/resources/forum/blade-tailwind/views/components/input.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-<input {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-1 border-gray-300 focus:border-blue-500 focus:ring-blue-500 rounded-md border shadow-sm']) }}>
diff --git a/resources/forum/blade-tailwind/views/components/label.blade.php b/resources/forum/blade-tailwind/views/components/label.blade.php
deleted file mode 100644
index 4d9a6b565..000000000
--- a/resources/forum/blade-tailwind/views/components/label.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<label {{ $attributes->merge(['class' => 'block w-full mb-1']) }}>
-    {{ $slot }}
-</label>
diff --git a/resources/forum/blade-tailwind/views/components/select.blade.php b/resources/forum/blade-tailwind/views/components/select.blade.php
deleted file mode 100644
index 2df5e15da..000000000
--- a/resources/forum/blade-tailwind/views/components/select.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="inline-block relative w-64">
-    <select {{ $attributes->merge(['class' => 'block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline']) }}>
-        {{ $slot }}
-    </select>
-</div>
diff --git a/resources/forum/blade-tailwind/views/components/textarea.blade.php b/resources/forum/blade-tailwind/views/components/textarea.blade.php
deleted file mode 100644
index 01483e3bd..000000000
--- a/resources/forum/blade-tailwind/views/components/textarea.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-<textarea {{ $attributes->merge(['type' => 'text', 'class' => 'px-3 py-1 border-gray-300 focus:border-blue-500 focus:ring-blue-500 rounded-md border shadow-sm']) }}>{{ $slot }}</textarea>
diff --git a/resources/forum/blade-tailwind/views/layouts/main.blade.php b/resources/forum/blade-tailwind/views/layouts/main.blade.php
deleted file mode 100644
index 8457adbdd..000000000
--- a/resources/forum/blade-tailwind/views/layouts/main.blade.php
+++ /dev/null
@@ -1,94 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <title>
-        @if (isset($thread_title))
-            {{ $thread_title }} —
-        @endif
-        @if (isset($category))
-            {{ $category->title }} —
-        @endif
-        {{ trans('forum::general.home_title') }}
-    </title>
-
-    @vite(['resources/forum/blade-tailwind/css/forum.css', 'resources/forum/blade-tailwind/js/forum.js'])
-</head>
-<body class="forum bg-gray-100">
-    <nav id="navbar" class="bg-white shadow py-4">
-        <div class="container mx-auto px-4 md:flex md:items-center md:gap-4">
-            <div class="flex justify-between items-center">
-                <a class="text-lg font-semibold" href="{{ url(config('forum.frontend.router.prefix')) }}">Laravel Forum</a>
-                <button class="navbar-toggler block md:hidden border rounded-md px-2 py-1" type="button" :class="{ collapsed: isCollapsed }" @click="isCollapsed = !isCollapsed">
-                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="navbar-toggler-icon w-6 h-6">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
-                    </svg>
-                </button>
-            </div>
-            <div class="grow justify-between navbar-collapse" :class="{ 'flex flex-col': !isCollapsed, 'hidden md:flex': isCollapsed }">
-                <ul class="flex flex-col md:flex-row gap-3 mb-4 md:mb-0">
-                    <li>
-                        <a class="text-gray-500 hover:text-gray-800" href="{{ url(config('forum.frontend.router.prefix')) }}">{{ trans('forum::general.index') }}</a>
-                    </li>
-                    <li>
-                        <a class="text-gray-500 hover:text-gray-800" href="{{ route('forum.recent') }}">{{ trans('forum::threads.recent') }}</a>
-                    </li>
-                    @auth
-                        <li>
-                            <a class="text-gray-500 hover:text-gray-800" href="{{ route('forum.unread') }}">{{ trans('forum::threads.unread_updated') }}</a>
-                        </li>
-                    @endauth
-                    @can ('moveCategories')
-                        <li>
-                            <a class="text-gray-500 hover:text-gray-800" href="{{ route('forum.category.manage') }}">{{ trans('forum::general.manage') }}</a>
-                        </li>
-                    @endcan
-                </ul>
-                <ul class="navbar-nav flex gap-4 flex-col md:flex-row">
-                    @if (Auth::check())
-                        <li class="nav-item dropdown relative">
-                            <a class="dropdown-toggle text-gray-500 flex items-center gap-1" href="#" id="navbarDropdownMenuLink" @click="isUserDropdownCollapsed = !isUserDropdownCollapsed">
-                                {{ $username }}
-
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-3 h-3">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
-                                </svg>
-                            </a>
-                            <div class="border absolute left-0 bg-white rounded-md w-44 divide-y" :class="{ hidden: isUserDropdownCollapsed }" aria-labelledby="navbarDropdownMenuLink">
-                                <a class="block px-4 py-2" href="{{ url('/logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
-                                    Log out
-                                </a>
-                                <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
-                                    @csrf
-                                </form>
-                            </div>
-                        </li>
-                    @else
-                        <li class="nav-item">
-                            <a class="nav-link" href="{{ url('/login') }}">Log in</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="{{ url('/register') }}">Register</a>
-                        </li>
-                    @endif
-                </ul>
-            </div>
-        </div>
-    </nav>
-
-    <div id="main" class="container mx-auto p-4">
-        @include ('forum::partials.breadcrumbs')
-        @include ('forum::partials.alerts')
-
-        @yield('content')
-    </div>
-
-    @yield('footer')
-
-    <script>
-        window.defaultCategoryColor = '{{ config('forum.frontend.default_category_color') }}';
-    </script>
-</body>
-</html>
diff --git a/resources/forum/blade-tailwind/views/modal-form.blade.php b/resources/forum/blade-tailwind/views/modal-form.blade.php
deleted file mode 100644
index 35d368f2c..000000000
--- a/resources/forum/blade-tailwind/views/modal-form.blade.php
+++ /dev/null
@@ -1,30 +0,0 @@
-<div tabindex="-1" role="dialog" data-modal="{{ $key }}" class="fixed top-0 left-0 w-full h-full hidden z-10 items-center justify-center">
-    <div class="fixed top-0 left-0 w-full h-full bg-black/25" data-close-modal></div>
-    <div class="relative bg-white rounded-md max-w-screen-sm w-full m-2" role="document">
-        <div class="">
-            <div class="border-b px-6 py-4 flex justify-between">
-                <h5 class="text-xl font-medium flex items-center gap-1">{!!$title !!}</h5>
-                <button type="button" aria-label="Close" data-close-modal>
-                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
-                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-                    </svg>
-                </button>
-            </div>
-            <form action="{{ $route }}" method="POST">
-                @csrf
-                @if (isset($method))
-                    @method($method)
-                @endif
-
-                <div class="p-6">
-                    {{ $slot }}
-                </div>
-
-                <div class="border-t px-6 py-4 flex justify-end gap-4">
-                    <x-forum::button-secondary type="button" class="btn btn-secondary" data-close-modal>{{ trans('forum::general.cancel') }}</x-forum::button-secondary>
-                    {{ $actions }}
-                </div>
-            </form>
-        </div>
-    </div>
-</div>
diff --git a/resources/forum/blade-tailwind/views/pagination.blade.php b/resources/forum/blade-tailwind/views/pagination.blade.php
deleted file mode 100644
index 63c6f56b5..000000000
--- a/resources/forum/blade-tailwind/views/pagination.blade.php
+++ /dev/null
@@ -1,46 +0,0 @@
-@if ($paginator->hasPages())
-    <nav>
-        <ul class="pagination">
-            {{-- Previous Page Link --}}
-            @if ($paginator->onFirstPage())
-                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
-                    <span class="page-link" aria-hidden="true">&lsaquo;</span>
-                </li>
-            @else
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</a>
-                </li>
-            @endif
-
-            {{-- Pagination Elements --}}
-            @foreach ($elements as $element)
-                {{-- "Three Dots" Separator --}}
-                @if (is_string($element))
-                    <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
-                @endif
-
-                {{-- Array Of Links --}}
-                @if (is_array($element))
-                    @foreach ($element as $page => $url)
-                        @if ($page == $paginator->currentPage())
-                            <li class="page-item active" aria-current="page"><span class="page-link">{{ $page }}</span></li>
-                        @else
-                            <li class="page-item"><a class="page-link" href="{{ $url }}">{{ $page }}</a></li>
-                        @endif
-                    @endforeach
-                @endif
-            @endforeach
-
-            {{-- Next Page Link --}}
-            @if ($paginator->hasMorePages())
-                <li class="page-item">
-                    <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</a>
-                </li>
-            @else
-                <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
-                    <span class="page-link" aria-hidden="true">&rsaquo;</span>
-                </li>
-            @endif
-        </ul>
-    </nav>
-@endif
diff --git a/resources/forum/blade-tailwind/views/partials/alert.blade.php b/resources/forum/blade-tailwind/views/partials/alert.blade.php
deleted file mode 100644
index e3c1b5dee..000000000
--- a/resources/forum/blade-tailwind/views/partials/alert.blade.php
+++ /dev/null
@@ -1,18 +0,0 @@
-@php
-$colorClasses = match ($type) {
-    'primary', '', null => 'bg-blue-100 text-blue-700',
-    'success', '', null => 'bg-green-100 text-green-700',
-    'danger' => 'bg-orange-100 text-orange-700'
-};
-@endphp
-
-<div class="alert alert-{{ $type }} alert-dismissable rounded-md my-4 p-4 flex justify-between gap-4 {{ $colorClasses }}">
-    <div class="message">
-        {!! $message !!}
-    </div>
-    <button type="button" data-dismiss="alert" aria-hidden="true">
-        <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-            <path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" />
-        </svg>
-    </button>
-</div>
diff --git a/resources/forum/blade-tailwind/views/partials/alerts.blade.php b/resources/forum/blade-tailwind/views/partials/alerts.blade.php
deleted file mode 100644
index e2a0e35a9..000000000
--- a/resources/forum/blade-tailwind/views/partials/alerts.blade.php
+++ /dev/null
@@ -1,11 +0,0 @@
-@if (Session::has('alerts'))
-    @foreach (Session::get('alerts') as $alert)
-        @include ('forum::partials.alert', $alert)
-    @endforeach
-@endif
-
-@if (isset($errors) && !$errors->isEmpty())
-    @foreach ($errors->all() as $error)
-        @include ('forum::partials.alert', ['type' => 'danger', 'message' => $error])
-    @endforeach
-@endif
diff --git a/resources/forum/blade-tailwind/views/partials/breadcrumb-categories.blade.php b/resources/forum/blade-tailwind/views/partials/breadcrumb-categories.blade.php
deleted file mode 100644
index 521e55241..000000000
--- a/resources/forum/blade-tailwind/views/partials/breadcrumb-categories.blade.php
+++ /dev/null
@@ -1,4 +0,0 @@
-@if ($category->parent !== null)
-    @include ('forum::partials.breadcrumb-categories', ['category' => $category->parent])
-@endif
-<li class=""><a href="{{ Forum::route('category.show', $category) }}" class="text-blue-500">{{ $category->title }}</a></li>
diff --git a/resources/forum/blade-tailwind/views/partials/breadcrumbs.blade.php b/resources/forum/blade-tailwind/views/partials/breadcrumbs.blade.php
deleted file mode 100644
index b60634275..000000000
--- a/resources/forum/blade-tailwind/views/partials/breadcrumbs.blade.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<nav aria-label="breadcrumb" class="mb-4">
-    <ol class="flex flex-wrap [&_li]:after:content-['/'] [&_li]:after:px-2 [&_li]:after:text-gray-500 [&_li:last-child]:after:content-['']">
-        <li class=""><a href="{{ url(config('forum.frontend.router.prefix')) }}" class="text-blue-500">{{ trans('forum::general.index') }}</a></li>
-        @if (isset($category) && $category)
-            @include ('forum::partials.breadcrumb-categories', ['category' => $category])
-        @endif
-        @if (isset($thread) && $thread)
-            <li class=""><a href="{{ Forum::route('thread.show', $thread) }}" class="text-blue-500">{{ $thread->title }}</a></li>
-        @endif
-        @if (isset($breadcrumbs_append) && count($breadcrumbs_append) > 0)
-            @foreach ($breadcrumbs_append as $breadcrumb)
-                <li class="">{{ $breadcrumb }}</li>
-            @endforeach
-        @endif
-    </ol>
-</nav>
diff --git a/resources/forum/blade-tailwind/views/partials/timestamp.blade.php b/resources/forum/blade-tailwind/views/partials/timestamp.blade.php
deleted file mode 100644
index c01cce7a9..000000000
--- a/resources/forum/blade-tailwind/views/partials/timestamp.blade.php
+++ /dev/null
@@ -1 +0,0 @@
-<time class="timestamp" datetime="{{ $carbon }}" title="{{ $carbon->toDayDateTimeString() }}">{{ $carbon->diffForHumans() }}</time>
\ No newline at end of file
diff --git a/resources/forum/blade-tailwind/views/post/confirm-delete.blade.php b/resources/forum/blade-tailwind/views/post/confirm-delete.blade.php
deleted file mode 100644
index ae71f083f..000000000
--- a/resources/forum/blade-tailwind/views/post/confirm-delete.blade.php
+++ /dev/null
@@ -1,37 +0,0 @@
-@extends ('forum::layouts.main', ['breadcrumbs_append' => [trans_choice('forum::posts.delete', 1)]])
-
-@section ('content')
-    <div id="delete-post">
-        <h2 class="text-3xl">{{ trans_choice('forum::posts.delete', 1) }}</h2>
-
-        <hr>
-
-        @include ('forum::post.partials.list', ['post' => $post, 'single' => true])
-
-        <form method="POST" action="{{ Forum::route('post.delete', $post) }}">
-            @csrf
-            @method('DELETE')
-
-            <div class="bg-white border rounded-md mb-3">
-                <div class="p-4">
-
-                    @if (config('forum.general.soft_deletes'))
-                        <div class="form-check" v-if="state.selectedPostAction == 'delete'">
-                            <input class="form-check-input" type="checkbox" name="permadelete" value="1" id="permadelete">
-                            <label class="form-check-label" for="permadelete">
-                                {{ trans('forum::general.perma_delete') }}
-                            </label>
-                        </div>
-                    @else
-                        {{ trans('forum::general.generic_confirm') }}
-                    @endif
-                </div>
-            </div>
-
-            <div class="flex justify-end items-center gap-2">
-                <x-forum::button-link href="{{ URL::previous() }}">{{ trans('forum::general.cancel') }}</x-forum::button-link>
-                <x-forum::button type="submit" class="bg-red-500 px-5">{{ trans('forum::general.delete') }}</x-forum::button>
-            </div>
-        </form>
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php b/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php
deleted file mode 100644
index 66d4deb9c..000000000
--- a/resources/forum/blade-tailwind/views/post/confirm-restore.blade.php
+++ /dev/null
@@ -1,29 +0,0 @@
-@extends ('forum::layouts.main', ['breadcrumbs_append' => [trans_choice('forum::posts.restore', 1)]])
-
-@section ('content')
-    <div id="delete-post">
-        <h2 class="flex-grow-1">{{ trans_choice('forum::posts.restore', 1) }}</h2>
-
-        <hr>
-
-        @include ('forum::post.partials.list', ['post' => $post, 'single' => true])
-
-        <form method="POST" action="{{ Forum::route('post.restore', $post) }}">
-            @csrf
-            @method('POST')
-
-            <div class="card mb-3">
-                <div class="card-body">
-                    {{ trans('forum::general.generic_confirm') }}
-                </div>
-            </div>
-
-            <div class="text-end">
-                <a href="{{ URL::previous() }}" class="btn btn-link">{{ trans('forum::general.cancel') }}</a>
-                <x-forum::button type="submit" class="px-5">
-                    {{ trans('forum::general.restore') }}
-                </x-forum::button>
-            </div>
-        </form>
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/post/create.blade.php b/resources/forum/blade-tailwind/views/post/create.blade.php
deleted file mode 100644
index 46bd4e78a..000000000
--- a/resources/forum/blade-tailwind/views/post/create.blade.php
+++ /dev/null
@@ -1,32 +0,0 @@
-@extends ('forum::layouts.main', ['breadcrumbs_append' => [trans('forum::general.new_reply')]])
-
-@section ('content')
-    <div id="create-post">
-        <h2 class="text-3xl font-medium my-3">{{ trans('forum::general.new_reply') }} ({{ $thread->title }})</h2>
-
-        @if ($post !== null && !$post->trashed())
-            <div class="mb-2">{{ trans('forum::general.replying_to', ['item' => $post->authorName]) }}:</div>
-
-            @include ('forum::post.partials.quote')
-        @endif
-
-        <hr class="my-4" />
-
-        <form method="POST" action="{{ Forum::route('post.store', $thread) }}">
-            {!! csrf_field() !!}
-
-            @if ($post !== null)
-                <input type="hidden" name="post" value="{{ $post->id }}" />
-            @endif
-
-            <div class="mb-3">
-                <x-forum::textarea name="content" class="w-full min-h-48">{{ old('content') }}</x-forum::textarea>
-            </div>
-
-            <div class="flex justify-end items-center gap-4">
-                <a href="{{ URL::previous() }}" class="text-blue-500 underline">{{ trans('forum::general.cancel') }}</a>
-                <x-forum::button type="submit" class="">{{ trans('forum::general.reply') }}</x-forum::button>
-            </div>
-        </form>
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/post/edit.blade.php b/resources/forum/blade-tailwind/views/post/edit.blade.php
deleted file mode 100644
index 295b79487..000000000
--- a/resources/forum/blade-tailwind/views/post/edit.blade.php
+++ /dev/null
@@ -1,29 +0,0 @@
-@extends ('forum::layouts.main', ['breadcrumbs_append' => [trans('forum::posts.edit')]])
-
-@section ('content')
-    <div id="edit-post">
-        <h2 class="text-3xl font-medium my-3">{{ trans('forum::posts.edit') }} ({{ $thread->title }})</h2>
-
-        <hr class="mb-4">
-
-        @if ($post->parent)
-            <h3>{{ trans('forum::general.response_to', ['item' => $post->parent->authorName]) }}...</h3>
-
-            @include ('forum::post.partials.list', ['post' => $post->parent, 'single' => true])
-        @endif
-
-        <form method="POST" action="{{ Forum::route('post.update', $post) }}">
-            @csrf
-            @method('PATCH')
-
-            <div class="mb-3">
-                <x-forum::textarea name="content" class="w-full">{{ old('content') !== null ? old('content') : $post->content }}</x-forum::textarea>
-            </div>
-
-            <div class="flex items-center gap-4 justify-end">
-                <a href="{{ URL::previous() }}" class="underline text-blue-500">{{ trans('forum::general.cancel') }}</a>
-                <x-forum::button type="submit">{{ trans('forum::general.save') }}</x-forum::button>
-            </div>
-        </form>
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/post/partials/actions.blade.php b/resources/forum/blade-tailwind/views/post/partials/actions.blade.php
deleted file mode 100644
index e7eb921ac..000000000
--- a/resources/forum/blade-tailwind/views/post/partials/actions.blade.php
+++ /dev/null
@@ -1,23 +0,0 @@
-<div class="panel panel-default" data-actions>
-    <div class="panel-heading">
-        <span class="glyphicon glyphicon-option-vertical"></span>
-        <a href="#" data-toggle="collapse" data-target=".collapse.post-actions">{{ trans('forum::posts.actions') }}</a>
-    </div>
-    <div class="collapse post-actions">
-        <div class="panel-body">
-            <div class="mb-3">
-                <label for="action">{{ trans_choice('forum::general.actions', 1) }}</label>
-                <select name="action" id="action" class="form-control">
-                    @can ('deletePosts', $post->thread)
-                        @can ('delete', $post)
-                            <option value="delete" data-confirm="true" data-method="delete">{{ trans('forum::general.delete') }}</option>
-                        @endcan
-                    @endcan
-                </select>
-            </div>
-        </div>
-        <div class="panel-footer clearfix">
-            <button type="submit" class="btn btn-default pull-right">{{ trans('forum::general.proceed') }}</button>
-        </div>
-    </div>
-</div>
diff --git a/resources/forum/blade-tailwind/views/post/partials/list.blade.php b/resources/forum/blade-tailwind/views/post/partials/list.blade.php
deleted file mode 100644
index ecf26f53d..000000000
--- a/resources/forum/blade-tailwind/views/post/partials/list.blade.php
+++ /dev/null
@@ -1,70 +0,0 @@
-<div @if (!$post->trashed())id="post-{{ $post->sequence }}"@endif
-    class="bg-white border mb-2 rounded-md {{ $post->trashed() || $thread->trashed() ? 'opacity-50' : '' }}"
-    :class="{ 'border-blue-500': state.selectedPosts.includes({{ $post->id }}) }">
-    <div class="bg-gray-100 border-b px-6 py-4 flex justify-between flex-row-reverse rounded-t-md">
-        @if (!isset($single) || !$single)
-            <span class="float-end">
-                <a href="{{ Forum::route('thread.show', $post) }}" class="text-blue-500">#{{ $post->sequence }}</a>
-                @if ($post->sequence != 1)
-                    @can ('deletePosts', $post->thread)
-                        @can ('delete', $post)
-                            <input type="checkbox" name="posts[]" :value="{{ $post->id }}" v-model="state.selectedPosts" class="ml-2" />
-                        @endcan
-                    @endcan
-                @endif
-            </span>
-        @endif
-
-        <div>
-            {{ $post->authorName }}
-            <span class="text-gray-500">
-                @include ('forum::partials.timestamp', ['carbon' => $post->created_at])
-                @if ($post->hasBeenUpdated())
-                    ({{ trans('forum::general.last_updated') }} @include ('forum::partials.timestamp', ['carbon' => $post->updated_at]))
-                @endif
-            </span>
-        </div>
-    </div>
-    <div class="p-6">
-        @if ($post->parent !== null)
-            @include ('forum::post.partials.quote', ['post' => $post->parent])
-        @endif
-
-        @if ($post->trashed())
-            @can ('viewTrashedPosts')
-                {!! Forum::render($post->content) !!}
-                <br>
-            @endcan
-            <x-forum::badge type="danger">{{ trans('forum::general.deleted') }}</x-forum::badge>
-        @else
-            {!! Forum::render($post->content) !!}
-        @endif
-
-        @if (!isset($single) || !$single)
-            <div class="flex items-center gap-4 justify-end mt-4">
-                @if (!$post->trashed())
-                    <a href="{{ Forum::route('post.show', $post) }}" class="text-gray-500 hover:text-gray-800">{{ trans('forum::general.permalink') }}</a>
-                    @if ($post->sequence != 1)
-                        @can ('deletePosts', $post->thread)
-                            @can ('delete', $post)
-                                <a href="{{ Forum::route('post.confirm-delete', $post) }}" class="text-red-500 hover:text-red-800">{{ trans('forum::general.delete') }}</a>
-                            @endcan
-                        @endcan
-                    @endif
-                    @can ('edit', $post)
-                        <a href="{{ Forum::route('post.edit', $post) }}" class="text-blue-500">{{ trans('forum::general.edit') }}</a>
-                    @endcan
-                    @can ('reply', $post->thread)
-                        <a href="{{ Forum::route('post.create', $post) }}" class="text-blue-500">{{ trans('forum::general.reply') }}</a>
-                    @endcan
-                @else
-                    @can ('restorePosts', $post->thread)
-                        @can ('restore', $post)
-                            <a href="{{ Forum::route('post.confirm-restore', $post) }}" class="card-link">{{ trans('forum::general.restore') }}</a>
-                        @endcan
-                    @endcan
-                @endif
-            </div>
-        @endif
-    </div>
-</div>
diff --git a/resources/forum/blade-tailwind/views/post/partials/quote.blade.php b/resources/forum/blade-tailwind/views/post/partials/quote.blade.php
deleted file mode 100644
index 9c7649f9e..000000000
--- a/resources/forum/blade-tailwind/views/post/partials/quote.blade.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="bg-white rounded-md border mb-2">
-    <div class="p-6">
-        <div class="flex justify-between flex-row-reverse mb-2">
-            <span>
-                <a href="{{ Forum::route('thread.show', $post) }}" class="text-gray-500">#{{ $post->sequence }}</a>
-            </span>
-            <div>
-                <strong>{{ $post->authorName }}</strong> <span class="text-gray-500">{{ $post->posted }}</span>
-            </div>
-        </div>
-        {!! \Illuminate\Support\Str::limit(Forum::render($post->content)) !!}
-    </div>
-</div>
diff --git a/resources/forum/blade-tailwind/views/post/show.blade.php b/resources/forum/blade-tailwind/views/post/show.blade.php
deleted file mode 100644
index 9e1d1b056..000000000
--- a/resources/forum/blade-tailwind/views/post/show.blade.php
+++ /dev/null
@@ -1,14 +0,0 @@
-@extends ('forum::layouts.main', ['breadcrumbs_append' => [trans('forum::posts.view')]])
-
-@section ('content')
-    <div id="post">
-        <div class="flex flex-row justify-between mb-3">
-            <h2 class="grow">{{ trans('forum::posts.view') }} ({{ $thread->title }})</h2>
-            <x-forum::button-link href="{{ Forum::route('thread.show', $thread) }}">{{ trans('forum::threads.view') }}</x-forum::button-link>
-        </div>
-
-        <hr>
-
-        @include ('forum::post.partials.list', ['post' => $post, 'single' => true])
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/thread/create.blade.php b/resources/forum/blade-tailwind/views/thread/create.blade.php
deleted file mode 100644
index d9effc59f..000000000
--- a/resources/forum/blade-tailwind/views/thread/create.blade.php
+++ /dev/null
@@ -1,25 +0,0 @@
-@extends ('forum::layouts.main', ['breadcrumbs_append' => [trans('forum::threads.new_thread')]])
-
-@section ('content')
-    <div id="create-thread">
-        <h2 class="text-3xl">{{ trans('forum::threads.new_thread') }} ({{ $category->title }})</h2>
-
-        <form method="POST" action="{{ Forum::route('thread.store', $category) }}">
-            @csrf
-
-            <div class="mb-3">
-                <x-forum::label for="title">{{ trans('forum::general.title') }}</x-forum::label>
-                <x-forum::input type="text" name="title" value="{{ old('title') }}" class="w-full" />
-            </div>
-
-            <div class="mb-3">
-                <x-forum::textarea name="content" class="w-full">{{ old('content') }}</x-forum::textarea>
-            </div>
-
-            <div class="text-end">
-                <x-forum::button-link href="{{ URL::previous() }}" class="bg-gray-500">{{ trans('forum::general.cancel') }}</x-forum::button-link>
-                <x-forum::button type="submit">{{ trans('forum::general.create') }}</x-forum::button>
-            </div>
-        </form>
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/thread/modals/mark-as-read.blade.php b/resources/forum/blade-tailwind/views/thread/modals/mark-as-read.blade.php
deleted file mode 100644
index 8c196ac65..000000000
--- a/resources/forum/blade-tailwind/views/thread/modals/mark-as-read.blade.php
+++ /dev/null
@@ -1,14 +0,0 @@
-@component('forum::modal-form')
-    @slot('key', 'mark-as-read')
-    @slot('title', trans('forum::general.mark_read'))
-    @slot('route', Forum::route('unread.mark-as-read'))
-    @slot('method', 'PATCH')
-
-    <p>{{ trans('forum::general.generic_confirm') }}</p>
-
-    @slot('actions')
-        <x-forum::button type="submit">
-            {{ trans('forum::general.mark_read') }}
-        </x-forum::button>
-    @endslot
-@endcomponent
diff --git a/resources/forum/blade-tailwind/views/thread/partials/list.blade.php b/resources/forum/blade-tailwind/views/thread/partials/list.blade.php
deleted file mode 100644
index a30f82fa3..000000000
--- a/resources/forum/blade-tailwind/views/thread/partials/list.blade.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<div class="bg-white" :class="{ 'ring-1 ring-blue-500': state.selectedThreads.includes({{ $thread->id }}) }">
-    <div class="flex flex-col md:items-start md:flex-row md:justify-between md:gap-4 p-6">
-        <div class="md:w-3/6 text-center md:text-left">
-            <span class="lead">
-                <a href="{{ Forum::route('thread.show', $thread) }}" @if (isset($category))style="color: {{ $category->color_light_mode }};"@endif class="text-lg">{{ $thread->title }}</a>
-            </span>
-            <br>
-            {{ $thread->authorName }}
-            <span class="text-gray-500"> @include ('forum::partials.timestamp', ['carbon' => $thread->created_at])</span>
-
-            @if (!isset($category))
-                <br>
-                <a href="{{ Forum::route('category.show', $thread->category) }}" style="color: {{ $thread->category->color_light_mode }};">{{ $thread->category->title }}</a>
-            @endif
-        </div>
-
-        <div class="md:w-2/6 flex flex-wrap justify-center items-center md:justify-end gap-1">
-            @if ($thread->pinned)
-                <x-forum::badge type="info">{{ trans('forum::threads.pinned') }}</x-forum::badge>
-            @endif
-            @if ($thread->locked)
-                <x-forum::badge type="warning">{{ trans('forum::threads.locked') }}</x-forum::badge>
-            @endif
-            @if ($thread->userReadStatus !== null && !$thread->trashed())
-                <x-forum::badge type="success">{{ trans($thread->userReadStatus) }}</x-forum::badge>
-            @endif
-            @if ($thread->trashed())
-                <x-forum::badge type="danger">{{ trans('forum::general.deleted') }}</x-forum::badge>
-            @endif
-            <x-forum::badge :style="(isset($category) && $category->color_light_mode) ? 'background: '.$category->color_light_mode .';' : null">
-                {{ trans('forum::general.replies') }}:
-                {{ $thread->reply_count }}
-            </x-forum::badge>
-        </div>
-
-        @if ($thread->lastPost)
-            <div class="md:w-1/6 flex justify-center md:flex-col md:items-end">
-                <a href="{{ Forum::route('thread.show', $thread->lastPost) }}" class="text-blue-500">{{ trans('forum::posts.view') }} &raquo;</a>
-                <div>
-                    {{ $thread->lastPost->authorName }}
-                    <span class="text-gray-500"> @include ('forum::partials.timestamp', ['carbon' => $thread->lastPost->created_at])</span>
-                </div>
-            </div>
-        @endif
-
-        @if (isset($category) && isset($selectableThreadIds) && in_array($thread->id, $selectableThreadIds))
-            <div class="" style="flex: 0;">
-                <input type="checkbox" name="threads[]" :value="{{ $thread->id }}" v-model="state.selectedThreads">
-            </div>
-        @endif
-    </div>
-</div>
diff --git a/resources/forum/blade-tailwind/views/thread/recent.blade.php b/resources/forum/blade-tailwind/views/thread/recent.blade.php
deleted file mode 100644
index b96988453..000000000
--- a/resources/forum/blade-tailwind/views/thread/recent.blade.php
+++ /dev/null
@@ -1,21 +0,0 @@
-@extends ('forum::layouts.main', ['thread' => null, 'breadcrumbs_append' => [trans('forum::threads.recent')]])
-
-@section ('content')
-    <div id="new-posts">
-        <h2 class="text-3xl font-medium my-3">{{ trans('forum::threads.recent') }}</h2>
-
-        @if (!$threads->isEmpty())
-            <div class="my-3">
-                @foreach ($threads as $thread)
-                    @include ('forum::thread.partials.list')
-                @endforeach
-            </div>
-        @else
-            <div class="bg-white my-3">
-                <div class="card-body text-center text-muted">
-                    {{ trans('forum::threads.none_found') }}
-                </div>
-            </div>
-        @endif
-    </div>
-@stop
diff --git a/resources/forum/blade-tailwind/views/thread/show.blade.php b/resources/forum/blade-tailwind/views/thread/show.blade.php
deleted file mode 100644
index 0e8afc3bd..000000000
--- a/resources/forum/blade-tailwind/views/thread/show.blade.php
+++ /dev/null
@@ -1,391 +0,0 @@
-@extends ('forum::layouts.main', ['thread' => null, 'breadcrumbs_append' => [$thread->title], 'thread_title' => $thread->title])
-
-@section ('content')
-    <div id="thread">
-        <div class="flex flex-col md:flex-row justify-between my-4">
-            <h2 class="grow text-3xl font-semibold">{{ $thread->title }}</h2>
-
-            <div class="flex flex-col md:flex-row items-center gap-2">
-                @if (Gate::allows('deleteThreads', $thread->category) && Gate::allows('delete', $thread))
-                    @if ($thread->trashed())
-                        <x-forum::button-link href="#" class="bg-red-500 hover:bg-red-400" data-open-modal="perma-delete-thread">
-                            <i data-feather="trash"></i> {{ trans('forum::general.perma_delete') }}
-                        </x-forum::button-link>
-                    @else
-                        <x-forum::button-link href="#" class="bg-red-500 hover:bg-red-400 inline-flex items-center gap-2" data-open-modal="delete-thread">
-                            <i data-feather="trash" class="w-4"></i> {{ trans('forum::general.delete') }}
-                        </x-forum::button-link>
-                    @endif
-                @endif
-                @if ($thread->trashed() && Gate::allows('restoreThreads', $thread->category) && Gate::allows('restore', $thread))
-                    <x-forum::button-link href="#" data-open-modal="restore-thread" class="inline-flex items-center gap-2">
-                        <i data-feather="refresh-cw" class="w-4"></i> {{ trans('forum::general.restore') }}
-                    </x-forum::button-link>
-                @endif
-
-                @if (Gate::allows('lockThreads', $category)
-                    || Gate::allows('pinThreads', $category)
-                    || Gate::allows('rename', $thread)
-                    || Gate::allows('moveThreadsFrom', $category))
-                    <x-forum::button-group>
-                        @if (!$thread->trashed())
-                            @can ('lockThreads', $category)
-                                @if ($thread->locked)
-                                    <x-forum::button-link href="#" data-open-modal="unlock-thread" class="inline-flex items-center gap-2 bg-gray-500 hover:bg-gray-400">
-                                        <i data-feather="unlock" class="w-4"></i> {{ trans('forum::threads.unlock') }}
-                                    </x-forum::button-link>
-                                @else
-                                    <x-forum::button-link href="#" data-open-modal="lock-thread" class="inline-flex items-center gap-2 bg-gray-500 hover:bg-gray-400">
-                                        <i data-feather="lock" class="w-4"></i> {{ trans('forum::threads.lock') }}
-                                    </x-forum::button-link>
-                                @endif
-                            @endcan
-                            @can ('pinThreads', $category)
-                                @if ($thread->pinned)
-                                    <x-forum::button-link href="#" data-open-modal="unpin-thread" class="inline-flex items-center gap-2 bg-gray-500 hover:bg-gray-400">
-                                        <i data-feather="arrow-down"></i> {{ trans('forum::threads.unpin') }}
-                                    </x-forum::button-link>
-                                @else
-                                    <x-forum::button-link href="#" data-open-modal="pin-thread" class="inline-flex items-center gap-2 bg-gray-500 hover:bg-gray-400">
-                                        <i data-feather="arrow-up" class="w-4"></i> {{ trans('forum::threads.pin') }}
-                                    </x-forum::button-link>
-                                @endif
-                            @endcan
-                            @can ('rename', $thread)
-                                <x-forum::button-link href="#"  data-open-modal="rename-thread" class="inline-flex items-center gap-2 bg-gray-500 hover:bg-gray-400">
-                                    <i data-feather="edit-2" class="w-4"></i> {{ trans('forum::general.rename') }}
-                                </x-forum::button-link>
-                            @endcan
-                            @can ('moveThreadsFrom', $category)
-                                <x-forum::button-link href="#" data-open-modal="move-thread" class="inline-flex items-center gap-2 bg-gray-500 hover:bg-gray-400">
-                                    <i data-feather="corner-up-right" class="w-4"></i> {{ trans('forum::general.move') }}
-                                </x-forum::button-link>
-                            @endcan
-                        @endif
-                    </x-forum::button-group>
-                @endcan
-            </div>
-        </div>
-
-        <div class="flex flex-wrap gap-x-1">
-            @if ($thread->trashed())
-                <x-forum::badge type="danger">{{ trans('forum::general.deleted') }}</x-forum::badge>
-            @endif
-            @if ($thread->pinned)
-                <x-forum::badge type="info">{{ trans('forum::threads.pinned') }}</x-forum::badge>
-            @endif
-            @if ($thread->locked)
-                <x-forum::badge type="warning">{{ trans('forum::threads.locked') }}</x-forum::badge>
-            @endif
-        </div>
-
-        @if ((count($posts) > 1 || $posts->currentPage() > 1) && (Gate::allows('deletePosts', $thread) || Gate::allows('restorePosts', $thread)) && count($selectablePosts) > 0)
-            <form :action="postActions[state.selectedPostAction]" method="POST">
-                @csrf
-                <input type="hidden" name="_method" :value="postActionMethods[state.selectedPostAction]" />
-        @endif
-
-        <div class="my-4">
-            <div>
-                {{ $posts->links('forum::pagination') }}
-            </div>
-            <div class="flex justify-end">
-                @if (!$thread->trashed())
-                    @can ('reply', $thread)
-                        <x-forum::button-group>
-                            <x-forum::button-link href="{{ Forum::route('post.create', $thread) }}">
-                                {{ trans('forum::general.new_reply') }}
-                            </x-forum::button-link>
-                            <x-forum::button-link href="#quick-reply">
-                                {{ trans('forum::general.quick_reply') }}
-                            </x-forum::button-link>
-                        </x-forum::button-group>
-                    @endcan
-                @endif
-            </div>
-        </div>
-
-        @if ((count($posts) > 1 || $posts->currentPage() > 1) && (Gate::allows('deletePosts', $thread) || Gate::allows('restorePosts', $thread)) && count($selectablePosts) > 0)
-            <div class="text-end mb-2">
-                <div class="form-check">
-                    <label for="selectAllPosts">
-                        {{ trans('forum::posts.select_all') }}
-                    </label>
-                    <input type="checkbox" value="" id="selectAllPosts" class="align-middle" @click="toggleAll" :checked="state.selectedPosts.length == posts.data.length">
-                </div>
-            </div>
-        @endif
-
-        @foreach ($posts as $post)
-            @include ('forum::post.partials.list', compact('post'))
-        @endforeach
-
-        @if ((count($posts) > 1 || $posts->currentPage() > 1) && (Gate::allows('deletePosts', $thread) || Gate::allows('restorePosts', $thread)) && count($selectablePosts) > 0)
-                <div class="fixed bottom-0 right-0 m-2" style="z-index: 1000;" v-if="state.selectedPosts.length">
-                    <div class="bg-white shadow-sm rounded-md min-w-96 max-w-full">
-                        <div class="border-b text-center py-4 px-6">
-                            {{ trans('forum::general.with_selection') }}
-                        </div>
-                        <div class="p-6">
-                            <div class="mb-3">
-                                <div>
-                                    <x-forum::label for="bulk-actions">{{ trans_choice('forum::general.actions', 1) }}</x-forum::label>
-                                </div>
-
-                                <x-forum::select id="bulk-actions" v-model="state.selectedPostAction">
-                                    <option value="delete">{{ trans('forum::general.delete') }}</option>
-                                    <option value="restore">{{ trans('forum::general.restore') }}</option>
-                                </x-forum::select>
-                            </div>
-
-                            @if (config('forum.general.soft_deletes'))
-                                <div class="form-check mb-3" v-if="state.selectedPostAction == 'delete'">
-                                    <input class="form-check-input" type="checkbox" name="permadelete" value="1" id="permadelete">
-                                    <label class="form-check-label" for="permadelete">
-                                        {{ trans('forum::general.perma_delete') }}
-                                    </label>
-                                </div>
-                            @endif
-
-                            <div class="text-end">
-                                <x-forum::button type="submit" class="px-5" @click="submitPosts">{{ trans('forum::general.proceed') }}</x-forum::button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </form>
-        @endif
-
-        {{ $posts->links('forum::pagination') }}
-
-        @if (!$thread->trashed())
-            @can ('reply', $thread)
-                <h2>{{ trans('forum::general.quick_reply') }}</h2>
-                <div id="quick-reply" class="mt-4">
-                    <form method="POST" action="{{ Forum::route('post.store', $thread) }}">
-                        @csrf
-
-                        <div class="mb-3">
-                            <x-forum::textarea name="content" class="w-full min-h-48">{{ old('content') }}</x-forum::textarea>
-                        </div>
-
-                        <div class="text-end">
-                            <x-forum::button type="submit" class="px-5">{{ trans('forum::general.reply') }}</x-forum::button>
-                        </div>
-                    </form>
-                </div>
-            @endcan
-        @endif
-    </div>
-
-    @if ($thread->trashed() && Gate::allows('restoreThreads', $thread->category) && Gate::allows('restore', $thread))
-        @component('forum::modal-form')
-            @slot('key', 'restore-thread')
-            @slot('title', '<i data-feather="refresh-cw" class="text-gray-500"></i>' . trans('forum::general.restore'))
-            @slot('route', Forum::route('thread.restore', $thread))
-            @slot('method', 'POST')
-
-            {{ trans('forum::general.generic_confirm') }}
-
-            @slot('actions')
-                <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-            @endslot
-        @endcomponent
-    @endif
-
-    @if (Gate::allows('deleteThreads', $thread->category) && Gate::allows('delete', $thread))
-        @component('forum::modal-form')
-            @slot('key', 'delete-thread')
-            @slot('title', '<i data-feather="trash" class="text-gray-500"></i>' . trans('forum::threads.delete'))
-            @slot('route', Forum::route('thread.delete', $thread))
-            @slot('method', 'DELETE')
-
-            @if (config('forum.general.soft_deletes'))
-                <div class="form-check">
-                    <input class="form-check-input" type="checkbox" name="permadelete" value="1" id="permadelete">
-                    <label class="form-check-label" for="permadelete">
-                        {{ trans('forum::general.perma_delete') }}
-                    </label>
-                </div>
-            @else
-                {{ trans('forum::general.generic_confirm') }}
-            @endif
-
-            @slot('actions')
-                <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-            @endslot
-        @endcomponent
-
-        @if (config('forum.general.soft_deletes'))
-            @component('forum::modal-form')
-                @slot('key', 'perma-delete-thread')
-                @slot('title', '<i data-feather="trash" class="text-gray-500"></i>' . trans_choice('forum::threads.perma_delete', 1))
-                @slot('route', Forum::route('thread.delete', $thread))
-                @slot('method', 'DELETE')
-
-                <input type="hidden" name="permadelete" value="1" />
-
-                {{ trans('forum::general.generic_confirm') }}
-
-                @slot('actions')
-                    <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                @endslot
-            @endcomponent
-        @endif
-    @endif
-
-    @if (!$thread->trashed())
-        @can ('lockThreads', $category)
-            @if ($thread->locked)
-                @component('forum::modal-form')
-                    @slot('key', 'unlock-thread')
-                    @slot('title', '<i data-feather="unlock" class="text-gray-500"></i> ' . trans('forum::threads.unlock'))
-                    @slot('route', Forum::route('thread.unlock', $thread))
-                    @slot('method', 'POST')
-
-                    {{ trans('forum::general.generic_confirm') }}
-
-                    @slot('actions')
-                        <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                    @endslot
-                @endcomponent
-            @else
-                @component('forum::modal-form')
-                    @slot('key', 'lock-thread')
-                    @slot('title', '<i data-feather="lock" class="text-gray-500"></i> ' . trans('forum::threads.lock'))
-                    @slot('route', Forum::route('thread.lock', $thread))
-                    @slot('method', 'POST')
-
-                    {{ trans('forum::general.generic_confirm') }}
-
-                    @slot('actions')
-                        <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                    @endslot
-                @endcomponent
-            @endif
-        @endcan
-
-        @can ('pinThreads', $category)
-            @if ($thread->pinned)
-                @component('forum::modal-form')
-                    @slot('key', 'unpin-thread')
-                    @slot('title', '<i data-feather="arrow-down" class="text-gray-500"></i> ' . trans('forum::threads.unpin'))
-                    @slot('route', Forum::route('thread.unpin', $thread))
-                    @slot('method', 'POST')
-
-                    {{ trans('forum::general.generic_confirm') }}
-
-                    @slot('actions')
-                        <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                    @endslot
-                @endcomponent
-            @else
-                @component('forum::modal-form')
-                    @slot('key', 'pin-thread')
-                    @slot('title', '<i data-feather="arrow-up" class="text-gray-500"></i> ' . trans('forum::threads.pin'))
-                    @slot('route', Forum::route('thread.pin', $thread))
-                    @slot('method', 'POST')
-
-                    {{ trans('forum::general.generic_confirm') }}
-
-                    @slot('actions')
-                        <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                    @endslot
-                @endcomponent
-            @endif
-        @endcan
-
-        @can ('rename', $thread)
-            @component('forum::modal-form')
-                @slot('key', 'rename-thread')
-                @slot('title', '<i data-feather="edit-2" class="text-gray-500"></i> ' . trans('forum::general.rename'))
-                @slot('route', Forum::route('thread.rename', $thread))
-                @slot('method', 'POST')
-
-                <div>
-                    <x-forum::label for="new-title">{{ trans('forum::general.title') }}</x-forum::label>
-                    <x-forum::input type="text" name="title" value="{{ $thread->title }}" class="w-full" />
-                </div>
-
-                @slot('actions')
-                    <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                @endslot
-            @endcomponent
-        @endcan
-
-        @can ('moveThreadsFrom', $category)
-            @component('forum::modal-form')
-                @slot('key', 'move-thread')
-                @slot('title', '<i data-feather="corner-up-right" class="text-gray-500"></i> ' . trans('forum::general.move'))
-                @slot('route', Forum::route('thread.move', $thread))
-                @slot('method', 'POST')
-
-                <div class="input-group">
-                    <div class="input-group-prepend">
-                        <label class="input-group-text" for="category-id">{{ trans_choice('forum::categories.category', 1) }}</label>
-                    </div>
-                    <select name="category_id" id="category-id" class="form-select">
-                        @include ('forum::category.partials.options', ['hide' => $thread->category])
-                    </select>
-                </div>
-
-                @slot('actions')
-                    <x-forum::button type="submit">{{ trans('forum::general.proceed') }}</x-forum::button>
-                @endslot
-            @endcomponent
-        @endcan
-    @endif
-
-    <script type="module">
-    Vue.createApp({
-        setup() {
-            let posts = @json($posts);
-            posts.data = posts.data.filter(post => post.sequence > 1);
-
-            const selectablePosts = @json($selectablePosts);
-            const postActions = {
-                delete: "{{ Forum::route('bulk.post.delete') }}",
-                restore: "{{ Forum::route('bulk.post.restore') }}"
-            };
-            const postActionMethods = {
-                delete: 'DELETE',
-                restore: 'POST',
-            };
-
-            const state = Vue.reactive({
-                selectedPostAction: 'delete',
-                selectedPosts: [],
-                selectedThreadAction: null,
-            });
-
-            function toggleAll() {
-                state.selectedPosts = (state.selectedPosts.length < selectablePosts.length) ? selectablePosts : [];
-            }
-
-            function submitThread(event) {
-                if (threadActionMethods[state.selectedThreadAction] === 'DELETE' && !confirm("{{ trans('forum::general.generic_confirm') }}"))
-                {
-                    event.preventDefault();
-                }
-            }
-
-            function submitPosts(event) {
-                if (postActionMethods[state.selectedPostAction] === 'DELETE' && !confirm("{{ trans('forum::general.generic_confirm') }}")) {
-                    event.preventDefault();
-                }
-            }
-
-            return {
-                posts,
-                selectablePosts,
-                postActions,
-                postActionMethods,
-                state,
-                toggleAll,
-                submitThread,
-                submitPosts,
-            };
-        }
-    }).mount('#thread');
-    </script>
-@stop
diff --git a/resources/forum/blade-tailwind/views/thread/unread.blade.php b/resources/forum/blade-tailwind/views/thread/unread.blade.php
deleted file mode 100644
index 560ac0edd..000000000
--- a/resources/forum/blade-tailwind/views/thread/unread.blade.php
+++ /dev/null
@@ -1,31 +0,0 @@
-@extends ('forum::layouts.main', ['thread' => null, 'breadcrumbs_append' => [trans('forum::threads.unread_updated')]])
-
-@section ('content')
-    <div id="new-posts">
-        <h2 class="text-3xl text-medium my-4">{{ trans('forum::threads.unread_updated') }}</h2>
-
-        @if (!$threads->isEmpty())
-            <div class="">
-                @foreach ($threads as $thread)
-                    @include ('forum::thread.partials.list')
-                @endforeach
-            </div>
-        @else
-            <div class="bg-white shadow rounded text-gray-500 text-center py-4">
-                {{ trans('forum::threads.none_found') }}
-            </div>
-        @endif
-    </div>
-
-    @if (!$threads->isEmpty())
-        @can ('markThreadsAsRead')
-            <div class="flex justify-center mt-4">
-                <x-forum::button class="px-5 flex items-center gap-2" data-open-modal="mark-as-read">
-                    <i data-feather="book"></i> {{ trans('forum::general.mark_read') }}
-                </x-forum::button>
-            </div>
-
-            @include ('forum::thread.modals.mark-as-read')
-        @endcan
-    @endif
-@stop
diff --git a/resources/views/components/action-message.blade.php b/resources/views/components/action-message.blade.php
new file mode 100644
index 000000000..46ac232ad
--- /dev/null
+++ b/resources/views/components/action-message.blade.php
@@ -0,0 +1,10 @@
+@props(['on'])
+
+<div x-data="{ shown: false, timeout: null }"
+     x-init="@this.on('{{ $on }}', () => { clearTimeout(timeout); shown = true; timeout = setTimeout(() => { shown = false }, 2000); })"
+     x-show.transition.out.opacity.duration.1500ms="shown"
+     x-transition:leave.opacity.duration.1500ms
+     style="display: none;"
+    {{ $attributes->merge(['class' => 'text-sm text-gray-600 dark:text-gray-400']) }}>
+    {{ $slot->isEmpty() ? 'Saved.' : $slot }}
+</div>
diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
new file mode 100644
index 000000000..46579cf07
--- /dev/null
+++ b/resources/views/components/application-logo.blade.php
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
+    <path d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z"/>
+</svg>
diff --git a/resources/views/components/auth-session-status.blade.php b/resources/views/components/auth-session-status.blade.php
new file mode 100644
index 000000000..a39bc7d2e
--- /dev/null
+++ b/resources/views/components/auth-session-status.blade.php
@@ -0,0 +1,7 @@
+@props(['status'])
+
+@if ($status)
+    <div {{ $attributes->merge(['class' => 'font-medium text-sm text-green-600 dark:text-green-400']) }}>
+        {{ $status }}
+    </div>
+@endif
diff --git a/resources/views/components/danger-button.blade.php b/resources/views/components/danger-button.blade.php
new file mode 100644
index 000000000..d7417b210
--- /dev/null
+++ b/resources/views/components/danger-button.blade.php
@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>
diff --git a/resources/views/components/dropdown-link.blade.php b/resources/views/components/dropdown-link.blade.php
new file mode 100644
index 000000000..6d5279d8b
--- /dev/null
+++ b/resources/views/components/dropdown-link.blade.php
@@ -0,0 +1 @@
+<a {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-800 transition duration-150 ease-in-out']) }}>{{ $slot }}</a>
diff --git a/resources/views/components/dropdown.blade.php b/resources/views/components/dropdown.blade.php
new file mode 100644
index 000000000..65d29d88d
--- /dev/null
+++ b/resources/views/components/dropdown.blade.php
@@ -0,0 +1,43 @@
+@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white dark:bg-gray-700'])
+
+@php
+switch ($align) {
+    case 'left':
+        $alignmentClasses = 'ltr:origin-top-left rtl:origin-top-right start-0';
+        break;
+    case 'top':
+        $alignmentClasses = 'origin-top';
+        break;
+    case 'right':
+    default:
+        $alignmentClasses = 'ltr:origin-top-right rtl:origin-top-left end-0';
+        break;
+}
+
+switch ($width) {
+    case '48':
+        $width = 'w-48';
+        break;
+}
+@endphp
+
+<div class="relative" x-data="{ open: false }" @click.outside="open = false" @close.stop="open = false">
+    <div @click="open = ! open">
+        {{ $trigger }}
+    </div>
+
+    <div x-show="open"
+            x-transition:enter="transition ease-out duration-200"
+            x-transition:enter-start="opacity-0 scale-95"
+            x-transition:enter-end="opacity-100 scale-100"
+            x-transition:leave="transition ease-in duration-75"
+            x-transition:leave-start="opacity-100 scale-100"
+            x-transition:leave-end="opacity-0 scale-95"
+            class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }}"
+            style="display: none;"
+            @click="open = false">
+        <div class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}">
+            {{ $content }}
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/input-error.blade.php b/resources/views/components/input-error.blade.php
new file mode 100644
index 000000000..ad95f6b57
--- /dev/null
+++ b/resources/views/components/input-error.blade.php
@@ -0,0 +1,9 @@
+@props(['messages'])
+
+@if ($messages)
+    <ul {{ $attributes->merge(['class' => 'text-sm text-red-600 dark:text-red-400 space-y-1']) }}>
+        @foreach ((array) $messages as $message)
+            <li>{{ $message }}</li>
+        @endforeach
+    </ul>
+@endif
diff --git a/resources/views/components/input-label.blade.php b/resources/views/components/input-label.blade.php
new file mode 100644
index 000000000..e93b059ac
--- /dev/null
+++ b/resources/views/components/input-label.blade.php
@@ -0,0 +1,5 @@
+@props(['value'])
+
+<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700 dark:text-gray-300']) }}>
+    {{ $value ?? $slot }}
+</label>
diff --git a/resources/views/components/modal.blade.php b/resources/views/components/modal.blade.php
new file mode 100644
index 000000000..384662a1f
--- /dev/null
+++ b/resources/views/components/modal.blade.php
@@ -0,0 +1,78 @@
+@props([
+    'name',
+    'show' => false,
+    'maxWidth' => '2xl'
+])
+
+@php
+$maxWidth = [
+    'sm' => 'sm:max-w-sm',
+    'md' => 'sm:max-w-md',
+    'lg' => 'sm:max-w-lg',
+    'xl' => 'sm:max-w-xl',
+    '2xl' => 'sm:max-w-2xl',
+][$maxWidth];
+@endphp
+
+<div
+    x-data="{
+        show: @js($show),
+        focusables() {
+            // All focusable element types...
+            let selector = 'a, button, input:not([type=\'hidden\']), textarea, select, details, [tabindex]:not([tabindex=\'-1\'])'
+            return [...$el.querySelectorAll(selector)]
+                // All non-disabled elements...
+                .filter(el => ! el.hasAttribute('disabled'))
+        },
+        firstFocusable() { return this.focusables()[0] },
+        lastFocusable() { return this.focusables().slice(-1)[0] },
+        nextFocusable() { return this.focusables()[this.nextFocusableIndex()] || this.firstFocusable() },
+        prevFocusable() { return this.focusables()[this.prevFocusableIndex()] || this.lastFocusable() },
+        nextFocusableIndex() { return (this.focusables().indexOf(document.activeElement) + 1) % (this.focusables().length + 1) },
+        prevFocusableIndex() { return Math.max(0, this.focusables().indexOf(document.activeElement)) -1 },
+    }"
+    x-init="$watch('show', value => {
+        if (value) {
+            document.body.classList.add('overflow-y-hidden');
+            {{ $attributes->has('focusable') ? 'setTimeout(() => firstFocusable().focus(), 100)' : '' }}
+        } else {
+            document.body.classList.remove('overflow-y-hidden');
+        }
+    })"
+    x-on:open-modal.window="$event.detail == '{{ $name }}' ? show = true : null"
+    x-on:close-modal.window="$event.detail == '{{ $name }}' ? show = false : null"
+    x-on:close.stop="show = false"
+    x-on:keydown.escape.window="show = false"
+    x-on:keydown.tab.prevent="$event.shiftKey || nextFocusable().focus()"
+    x-on:keydown.shift.tab.prevent="prevFocusable().focus()"
+    x-show="show"
+    class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
+    style="display: {{ $show ? 'block' : 'none' }};"
+>
+    <div
+        x-show="show"
+        class="fixed inset-0 transform transition-all"
+        x-on:click="show = false"
+        x-transition:enter="ease-out duration-300"
+        x-transition:enter-start="opacity-0"
+        x-transition:enter-end="opacity-100"
+        x-transition:leave="ease-in duration-200"
+        x-transition:leave-start="opacity-100"
+        x-transition:leave-end="opacity-0"
+    >
+        <div class="absolute inset-0 bg-gray-500 dark:bg-gray-900 opacity-75"></div>
+    </div>
+
+    <div
+        x-show="show"
+        class="mb-6 bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
+        x-transition:enter="ease-out duration-300"
+        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
+        x-transition:leave="ease-in duration-200"
+        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
+        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+    >
+        {{ $slot }}
+    </div>
+</div>
diff --git a/resources/views/components/nav-link.blade.php b/resources/views/components/nav-link.blade.php
new file mode 100644
index 000000000..37bad5542
--- /dev/null
+++ b/resources/views/components/nav-link.blade.php
@@ -0,0 +1,11 @@
+@props(['active'])
+
+@php
+$classes = ($active ?? false)
+            ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 dark:border-indigo-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
+            : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out';
+@endphp
+
+<a {{ $attributes->merge(['class' => $classes]) }}>
+    {{ $slot }}
+</a>
diff --git a/resources/views/components/primary-button.blade.php b/resources/views/components/primary-button.blade.php
new file mode 100644
index 000000000..99bf38907
--- /dev/null
+++ b/resources/views/components/primary-button.blade.php
@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 dark:bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-white dark:text-gray-800 uppercase tracking-widest hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>
diff --git a/resources/views/components/responsive-nav-link.blade.php b/resources/views/components/responsive-nav-link.blade.php
new file mode 100644
index 000000000..98b55d19e
--- /dev/null
+++ b/resources/views/components/responsive-nav-link.blade.php
@@ -0,0 +1,11 @@
+@props(['active'])
+
+@php
+$classes = ($active ?? false)
+            ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 dark:border-indigo-600 text-start text-base font-medium text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900/50 focus:outline-none focus:text-indigo-800 dark:focus:text-indigo-200 focus:bg-indigo-100 dark:focus:bg-indigo-900 focus:border-indigo-700 dark:focus:border-indigo-300 transition duration-150 ease-in-out'
+            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out';
+@endphp
+
+<a {{ $attributes->merge(['class' => $classes]) }}>
+    {{ $slot }}
+</a>
diff --git a/resources/views/components/secondary-button.blade.php b/resources/views/components/secondary-button.blade.php
new file mode 100644
index 000000000..fa1c54918
--- /dev/null
+++ b/resources/views/components/secondary-button.blade.php
@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-500 rounded-md font-semibold text-xs text-gray-700 dark:text-gray-300 uppercase tracking-widest shadow-sm hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-25 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>
diff --git a/resources/views/components/text-input.blade.php b/resources/views/components/text-input.blade.php
new file mode 100644
index 000000000..7779a13ad
--- /dev/null
+++ b/resources/views/components/text-input.blade.php
@@ -0,0 +1,3 @@
+@props(['disabled' => false])
+
+<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm']) !!}>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
new file mode 100644
index 000000000..4024c64a8
--- /dev/null
+++ b/resources/views/dashboard.blade.php
@@ -0,0 +1,17 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+            {{ __('Dashboard') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 text-gray-900 dark:text-gray-100">
+                    {{ __("You're logged in!") }}
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
new file mode 100644
index 000000000..eaa606538
--- /dev/null
+++ b/resources/views/layouts/guest.blade.php
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="csrf-token" content="{{ csrf_token() }}">
+
+        <title>{{ config('app.name', 'Laravel') }}</title>
+
+        <!-- Fonts -->
+        <link rel="preconnect" href="https://fonts.bunny.net">
+        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
+
+        <!-- Scripts -->
+        @vite(['resources/css/app.css', 'resources/js/app.js'])
+    </head>
+    <body class="font-sans text-gray-900 antialiased">
+        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
+            <div>
+                <a href="/" wire:navigate>
+                    <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+                </a>
+            </div>
+
+            <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
+                {{ $slot }}
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/resources/views/livewire/.gitkeep b/resources/views/livewire/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/resources/views/livewire/layout/navigation.blade.php b/resources/views/livewire/layout/navigation.blade.php
new file mode 100644
index 000000000..6f6211384
--- /dev/null
+++ b/resources/views/livewire/layout/navigation.blade.php
@@ -0,0 +1,110 @@
+<?php
+
+use App\Livewire\Actions\Logout;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    /**
+     * Log the current user out of the application.
+     */
+    public function logout(Logout $logout): void
+    {
+        $logout();
+
+        $this->redirect('/', navigate: true);
+    }
+}; ?>
+
+<nav x-data="{ open: false }" class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
+    <!-- Primary Navigation Menu -->
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex justify-between h-16">
+            <div class="flex">
+                <!-- Logo -->
+                <div class="shrink-0 flex items-center">
+                    <a href="{{ route('dashboard') }}" wire:navigate>
+                        <x-application-logo class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200" />
+                    </a>
+                </div>
+
+                <!-- Navigation Links -->
+                <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
+                    <x-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')" wire:navigate>
+                        {{ __('Dashboard') }}
+                    </x-nav-link>
+                </div>
+            </div>
+
+            <!-- Settings Dropdown -->
+            <div class="hidden sm:flex sm:items-center sm:ms-6">
+                <x-dropdown align="right" width="48">
+                    <x-slot name="trigger">
+                        <button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none transition ease-in-out duration-150">
+                            <div x-data="{{ json_encode(['name' => auth()->user()->name]) }}" x-text="name" x-on:profile-updated.window="name = $event.detail.name"></div>
+
+                            <div class="ms-1">
+                                <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                </svg>
+                            </div>
+                        </button>
+                    </x-slot>
+
+                    <x-slot name="content">
+                        <x-dropdown-link :href="route('profile')" wire:navigate>
+                            {{ __('Profile') }}
+                        </x-dropdown-link>
+
+                        <!-- Authentication -->
+                        <button wire:click="logout" class="w-full text-start">
+                            <x-dropdown-link>
+                                {{ __('Log Out') }}
+                            </x-dropdown-link>
+                        </button>
+                    </x-slot>
+                </x-dropdown>
+            </div>
+
+            <!-- Hamburger -->
+            <div class="-me-2 flex items-center sm:hidden">
+                <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out">
+                    <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
+                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                    </svg>
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Responsive Navigation Menu -->
+    <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
+        <div class="pt-2 pb-3 space-y-1">
+            <x-responsive-nav-link :href="route('dashboard')" :active="request()->routeIs('dashboard')" wire:navigate>
+                {{ __('Dashboard') }}
+            </x-responsive-nav-link>
+        </div>
+
+        <!-- Responsive Settings Options -->
+        <div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
+            <div class="px-4">
+                <div class="font-medium text-base text-gray-800 dark:text-gray-200" x-data="{{ json_encode(['name' => auth()->user()->name]) }}" x-text="name" x-on:profile-updated.window="name = $event.detail.name"></div>
+                <div class="font-medium text-sm text-gray-500">{{ auth()->user()->email }}</div>
+            </div>
+
+            <div class="mt-3 space-y-1">
+                <x-responsive-nav-link :href="route('profile')" wire:navigate>
+                    {{ __('Profile') }}
+                </x-responsive-nav-link>
+
+                <!-- Authentication -->
+                <button wire:click="logout" class="w-full text-start">
+                    <x-responsive-nav-link>
+                        {{ __('Log Out') }}
+                    </x-responsive-nav-link>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
diff --git a/resources/views/livewire/pages/auth/confirm-password.blade.php b/resources/views/livewire/pages/auth/confirm-password.blade.php
new file mode 100644
index 000000000..1c1e31006
--- /dev/null
+++ b/resources/views/livewire/pages/auth/confirm-password.blade.php
@@ -0,0 +1,62 @@
+<?php
+
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Validation\ValidationException;
+use Livewire\Attributes\Layout;
+use Livewire\Volt\Component;
+
+new #[Layout('layouts.guest')] class extends Component
+{
+    public string $password = '';
+
+    /**
+     * Confirm the current user's password.
+     */
+    public function confirmPassword(): void
+    {
+        $this->validate([
+            'password' => ['required', 'string'],
+        ]);
+
+        if (! Auth::guard('web')->validate([
+            'email' => Auth::user()->email,
+            'password' => $this->password,
+        ])) {
+            throw ValidationException::withMessages([
+                'password' => __('auth.password'),
+            ]);
+        }
+
+        session(['auth.password_confirmed_at' => time()]);
+
+        $this->redirectIntended(default: route('dashboard', absolute: false), navigate: true);
+    }
+}; ?>
+
+<div>
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+        {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
+    </div>
+
+    <form wire:submit="confirmPassword">
+        <!-- Password -->
+        <div>
+            <x-input-label for="password" :value="__('Password')" />
+
+            <x-text-input wire:model="password"
+                          id="password"
+                          class="block mt-1 w-full"
+                          type="password"
+                          name="password"
+                          required autocomplete="current-password" />
+
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <div class="flex justify-end mt-4">
+            <x-primary-button>
+                {{ __('Confirm') }}
+            </x-primary-button>
+        </div>
+    </form>
+</div>
diff --git a/resources/views/livewire/pages/auth/forgot-password.blade.php b/resources/views/livewire/pages/auth/forgot-password.blade.php
new file mode 100644
index 000000000..b80401225
--- /dev/null
+++ b/resources/views/livewire/pages/auth/forgot-password.blade.php
@@ -0,0 +1,61 @@
+<?php
+
+use Illuminate\Support\Facades\Password;
+use Livewire\Attributes\Layout;
+use Livewire\Volt\Component;
+
+new #[Layout('layouts.guest')] class extends Component
+{
+    public string $email = '';
+
+    /**
+     * Send a password reset link to the provided email address.
+     */
+    public function sendPasswordResetLink(): void
+    {
+        $this->validate([
+            'email' => ['required', 'string', 'email'],
+        ]);
+
+        // We will send the password reset link to this user. Once we have attempted
+        // to send the link, we will examine the response then see the message we
+        // need to show to the user. Finally, we'll send out a proper response.
+        $status = Password::sendResetLink(
+            $this->only('email')
+        );
+
+        if ($status != Password::RESET_LINK_SENT) {
+            $this->addError('email', __($status));
+
+            return;
+        }
+
+        $this->reset('email');
+
+        session()->flash('status', __($status));
+    }
+}; ?>
+
+<div>
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+        {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
+    </div>
+
+    <!-- Session Status -->
+    <x-auth-session-status class="mb-4" :status="session('status')" />
+
+    <form wire:submit="sendPasswordResetLink">
+        <!-- Email Address -->
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input wire:model="email" id="email" class="block mt-1 w-full" type="email" name="email" required autofocus />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            <x-primary-button>
+                {{ __('Email Password Reset Link') }}
+            </x-primary-button>
+        </div>
+    </form>
+</div>
diff --git a/resources/views/livewire/pages/auth/login.blade.php b/resources/views/livewire/pages/auth/login.blade.php
new file mode 100644
index 000000000..e8b5f9484
--- /dev/null
+++ b/resources/views/livewire/pages/auth/login.blade.php
@@ -0,0 +1,71 @@
+<?php
+
+use App\Livewire\Forms\LoginForm;
+use Illuminate\Support\Facades\Session;
+use Livewire\Attributes\Layout;
+use Livewire\Volt\Component;
+
+new #[Layout('layouts.guest')] class extends Component
+{
+    public LoginForm $form;
+
+    /**
+     * Handle an incoming authentication request.
+     */
+    public function login(): void
+    {
+        $this->validate();
+
+        $this->form->authenticate();
+
+        Session::regenerate();
+
+        $this->redirectIntended(default: route('dashboard', absolute: false), navigate: true);
+    }
+}; ?>
+
+<div>
+    <!-- Session Status -->
+    <x-auth-session-status class="mb-4" :status="session('status')" />
+
+    <form wire:submit="login">
+        <!-- Email Address -->
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input wire:model="form.email" id="email" class="block mt-1 w-full" type="email" name="email" required autofocus autocomplete="username" />
+            <x-input-error :messages="$errors->get('form.email')" class="mt-2" />
+        </div>
+
+        <!-- Password -->
+        <div class="mt-4">
+            <x-input-label for="password" :value="__('Password')" />
+
+            <x-text-input wire:model="form.password" id="password" class="block mt-1 w-full"
+                            type="password"
+                            name="password"
+                            required autocomplete="current-password" />
+
+            <x-input-error :messages="$errors->get('form.password')" class="mt-2" />
+        </div>
+
+        <!-- Remember Me -->
+        <div class="block mt-4">
+            <label for="remember" class="inline-flex items-center">
+                <input wire:model="form.remember" id="remember" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+            </label>
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            @if (Route::has('password.request'))
+                <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('password.request') }}" wire:navigate>
+                    {{ __('Forgot your password?') }}
+                </a>
+            @endif
+
+            <x-primary-button class="ms-3">
+                {{ __('Log in') }}
+            </x-primary-button>
+        </div>
+    </form>
+</div>
diff --git a/resources/views/livewire/pages/auth/register.blade.php b/resources/views/livewire/pages/auth/register.blade.php
new file mode 100644
index 000000000..59ba2be9d
--- /dev/null
+++ b/resources/views/livewire/pages/auth/register.blade.php
@@ -0,0 +1,88 @@
+<?php
+
+use App\Models\User;
+use Illuminate\Auth\Events\Registered;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rules;
+use Livewire\Attributes\Layout;
+use Livewire\Volt\Component;
+
+new #[Layout('layouts.guest')] class extends Component
+{
+    public string $name = '';
+    public string $email = '';
+    public string $password = '';
+    public string $password_confirmation = '';
+
+    /**
+     * Handle an incoming registration request.
+     */
+    public function register(): void
+    {
+        $validated = $this->validate([
+            'name' => ['required', 'string', 'max:255'],
+            'email' => ['required', 'string', 'lowercase', 'email', 'max:255', 'unique:'.User::class],
+            'password' => ['required', 'string', 'confirmed', Rules\Password::defaults()],
+        ]);
+
+        $validated['password'] = Hash::make($validated['password']);
+
+        event(new Registered($user = User::create($validated)));
+
+        Auth::login($user);
+
+        $this->redirect(route('dashboard', absolute: false), navigate: true);
+    }
+}; ?>
+
+<div>
+    <form wire:submit="register">
+        <!-- Name -->
+        <div>
+            <x-input-label for="name" :value="__('Name')" />
+            <x-text-input wire:model="name" id="name" class="block mt-1 w-full" type="text" name="name" required autofocus autocomplete="name" />
+            <x-input-error :messages="$errors->get('name')" class="mt-2" />
+        </div>
+
+        <!-- Email Address -->
+        <div class="mt-4">
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input wire:model="email" id="email" class="block mt-1 w-full" type="email" name="email" required autocomplete="username" />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <!-- Password -->
+        <div class="mt-4">
+            <x-input-label for="password" :value="__('Password')" />
+
+            <x-text-input wire:model="password" id="password" class="block mt-1 w-full"
+                            type="password"
+                            name="password"
+                            required autocomplete="new-password" />
+
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <!-- Confirm Password -->
+        <div class="mt-4">
+            <x-input-label for="password_confirmation" :value="__('Confirm Password')" />
+
+            <x-text-input wire:model="password_confirmation" id="password_confirmation" class="block mt-1 w-full"
+                            type="password"
+                            name="password_confirmation" required autocomplete="new-password" />
+
+            <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            <a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800" href="{{ route('login') }}" wire:navigate>
+                {{ __('Already registered?') }}
+            </a>
+
+            <x-primary-button class="ms-4">
+                {{ __('Register') }}
+            </x-primary-button>
+        </div>
+    </form>
+</div>
diff --git a/resources/views/livewire/pages/auth/reset-password.blade.php b/resources/views/livewire/pages/auth/reset-password.blade.php
new file mode 100644
index 000000000..310a1966c
--- /dev/null
+++ b/resources/views/livewire/pages/auth/reset-password.blade.php
@@ -0,0 +1,105 @@
+<?php
+
+use Illuminate\Auth\Events\PasswordReset;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Password;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Support\Str;
+use Illuminate\Validation\Rules;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Locked;
+use Livewire\Volt\Component;
+
+new #[Layout('layouts.guest')] class extends Component
+{
+    #[Locked]
+    public string $token = '';
+    public string $email = '';
+    public string $password = '';
+    public string $password_confirmation = '';
+
+    /**
+     * Mount the component.
+     */
+    public function mount(string $token): void
+    {
+        $this->token = $token;
+
+        $this->email = request()->string('email');
+    }
+
+    /**
+     * Reset the password for the given user.
+     */
+    public function resetPassword(): void
+    {
+        $this->validate([
+            'token' => ['required'],
+            'email' => ['required', 'string', 'email'],
+            'password' => ['required', 'string', 'confirmed', Rules\Password::defaults()],
+        ]);
+
+        // Here we will attempt to reset the user's password. If it is successful we
+        // will update the password on an actual user model and persist it to the
+        // database. Otherwise we will parse the error and return the response.
+        $status = Password::reset(
+            $this->only('email', 'password', 'password_confirmation', 'token'),
+            function ($user) {
+                $user->forceFill([
+                    'password' => Hash::make($this->password),
+                    'remember_token' => Str::random(60),
+                ])->save();
+
+                event(new PasswordReset($user));
+            }
+        );
+
+        // If the password was successfully reset, we will redirect the user back to
+        // the application's home authenticated view. If there is an error we can
+        // redirect them back to where they came from with their error message.
+        if ($status != Password::PASSWORD_RESET) {
+            $this->addError('email', __($status));
+
+            return;
+        }
+
+        Session::flash('status', __($status));
+
+        $this->redirectRoute('login', navigate: true);
+    }
+}; ?>
+
+<div>
+    <form wire:submit="resetPassword">
+        <!-- Email Address -->
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input wire:model="email" id="email" class="block mt-1 w-full" type="email" name="email" required autofocus autocomplete="username" />
+            <x-input-error :messages="$errors->get('email')" class="mt-2" />
+        </div>
+
+        <!-- Password -->
+        <div class="mt-4">
+            <x-input-label for="password" :value="__('Password')" />
+            <x-text-input wire:model="password" id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <!-- Confirm Password -->
+        <div class="mt-4">
+            <x-input-label for="password_confirmation" :value="__('Confirm Password')" />
+
+            <x-text-input wire:model="password_confirmation" id="password_confirmation" class="block mt-1 w-full"
+                          type="password"
+                          name="password_confirmation" required autocomplete="new-password" />
+
+            <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center justify-end mt-4">
+            <x-primary-button>
+                {{ __('Reset Password') }}
+            </x-primary-button>
+        </div>
+    </form>
+</div>
diff --git a/resources/views/livewire/pages/auth/verify-email.blade.php b/resources/views/livewire/pages/auth/verify-email.blade.php
new file mode 100644
index 000000000..92e87ba87
--- /dev/null
+++ b/resources/views/livewire/pages/auth/verify-email.blade.php
@@ -0,0 +1,58 @@
+<?php
+
+use App\Livewire\Actions\Logout;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Session;
+use Livewire\Attributes\Layout;
+use Livewire\Volt\Component;
+
+new #[Layout('layouts.guest')] class extends Component
+{
+    /**
+     * Send an email verification notification to the user.
+     */
+    public function sendVerification(): void
+    {
+        if (Auth::user()->hasVerifiedEmail()) {
+            $this->redirectIntended(default: route('dashboard', absolute: false), navigate: true);
+
+            return;
+        }
+
+        Auth::user()->sendEmailVerificationNotification();
+
+        Session::flash('status', 'verification-link-sent');
+    }
+
+    /**
+     * Log the current user out of the application.
+     */
+    public function logout(Logout $logout): void
+    {
+        $logout();
+
+        $this->redirect('/', navigate: true);
+    }
+}; ?>
+
+<div>
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+        {{ __('Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
+    </div>
+
+    @if (session('status') == 'verification-link-sent')
+        <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
+            {{ __('A new verification link has been sent to the email address you provided during registration.') }}
+        </div>
+    @endif
+
+    <div class="mt-4 flex items-center justify-between">
+        <x-primary-button wire:click="sendVerification">
+            {{ __('Resend Verification Email') }}
+        </x-primary-button>
+
+        <button wire:click="logout" type="submit" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+            {{ __('Log Out') }}
+        </button>
+    </div>
+</div>
diff --git a/resources/views/livewire/profile/delete-user-form.blade.php b/resources/views/livewire/profile/delete-user-form.blade.php
new file mode 100644
index 000000000..92c9579ea
--- /dev/null
+++ b/resources/views/livewire/profile/delete-user-form.blade.php
@@ -0,0 +1,79 @@
+<?php
+
+use App\Livewire\Actions\Logout;
+use Illuminate\Support\Facades\Auth;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    public string $password = '';
+
+    /**
+     * Delete the currently authenticated user.
+     */
+    public function deleteUser(Logout $logout): void
+    {
+        $this->validate([
+            'password' => ['required', 'string', 'current_password'],
+        ]);
+
+        tap(Auth::user(), $logout(...))->delete();
+
+        $this->redirect('/', navigate: true);
+    }
+}; ?>
+
+<section class="space-y-6">
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Delete Account') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.') }}
+        </p>
+    </header>
+
+    <x-danger-button
+        x-data=""
+        x-on:click.prevent="$dispatch('open-modal', 'confirm-user-deletion')"
+    >{{ __('Delete Account') }}</x-danger-button>
+
+    <x-modal name="confirm-user-deletion" :show="$errors->isNotEmpty()" focusable>
+        <form wire:submit="deleteUser" class="p-6">
+
+            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+                {{ __('Are you sure you want to delete your account?') }}
+            </h2>
+
+            <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+                {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
+            </p>
+
+            <div class="mt-6">
+                <x-input-label for="password" value="{{ __('Password') }}" class="sr-only" />
+
+                <x-text-input
+                    wire:model="password"
+                    id="password"
+                    name="password"
+                    type="password"
+                    class="mt-1 block w-3/4"
+                    placeholder="{{ __('Password') }}"
+                />
+
+                <x-input-error :messages="$errors->get('password')" class="mt-2" />
+            </div>
+
+            <div class="mt-6 flex justify-end">
+                <x-secondary-button x-on:click="$dispatch('close')">
+                    {{ __('Cancel') }}
+                </x-secondary-button>
+
+                <x-danger-button class="ms-3">
+                    {{ __('Delete Account') }}
+                </x-danger-button>
+            </div>
+        </form>
+    </x-modal>
+</section>
diff --git a/resources/views/livewire/profile/update-password-form.blade.php b/resources/views/livewire/profile/update-password-form.blade.php
new file mode 100644
index 000000000..568cf2fd2
--- /dev/null
+++ b/resources/views/livewire/profile/update-password-form.blade.php
@@ -0,0 +1,79 @@
+<?php
+
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rules\Password;
+use Illuminate\Validation\ValidationException;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    public string $current_password = '';
+    public string $password = '';
+    public string $password_confirmation = '';
+
+    /**
+     * Update the password for the currently authenticated user.
+     */
+    public function updatePassword(): void
+    {
+        try {
+            $validated = $this->validate([
+                'current_password' => ['required', 'string', 'current_password'],
+                'password' => ['required', 'string', Password::defaults(), 'confirmed'],
+            ]);
+        } catch (ValidationException $e) {
+            $this->reset('current_password', 'password', 'password_confirmation');
+
+            throw $e;
+        }
+
+        Auth::user()->update([
+            'password' => Hash::make($validated['password']),
+        ]);
+
+        $this->reset('current_password', 'password', 'password_confirmation');
+
+        $this->dispatch('password-updated');
+    }
+}; ?>
+
+<section>
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Update Password') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __('Ensure your account is using a long, random password to stay secure.') }}
+        </p>
+    </header>
+
+    <form wire:submit="updatePassword" class="mt-6 space-y-6">
+        <div>
+            <x-input-label for="update_password_current_password" :value="__('Current Password')" />
+            <x-text-input wire:model="current_password" id="update_password_current_password" name="current_password" type="password" class="mt-1 block w-full" autocomplete="current-password" />
+            <x-input-error :messages="$errors->get('current_password')" class="mt-2" />
+        </div>
+
+        <div>
+            <x-input-label for="update_password_password" :value="__('New Password')" />
+            <x-text-input wire:model="password" id="update_password_password" name="password" type="password" class="mt-1 block w-full" autocomplete="new-password" />
+            <x-input-error :messages="$errors->get('password')" class="mt-2" />
+        </div>
+
+        <div>
+            <x-input-label for="update_password_password_confirmation" :value="__('Confirm Password')" />
+            <x-text-input wire:model="password_confirmation" id="update_password_password_confirmation" name="password_confirmation" type="password" class="mt-1 block w-full" autocomplete="new-password" />
+            <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
+        </div>
+
+        <div class="flex items-center gap-4">
+            <x-primary-button>{{ __('Save') }}</x-primary-button>
+
+            <x-action-message class="me-3" on="password-updated">
+                {{ __('Saved.') }}
+            </x-action-message>
+        </div>
+    </form>
+</section>
diff --git a/resources/views/livewire/profile/update-profile-information-form.blade.php b/resources/views/livewire/profile/update-profile-information-form.blade.php
new file mode 100644
index 000000000..4ff4d86ef
--- /dev/null
+++ b/resources/views/livewire/profile/update-profile-information-form.blade.php
@@ -0,0 +1,115 @@
+<?php
+
+use App\Models\User;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Session;
+use Illuminate\Validation\Rule;
+use Livewire\Volt\Component;
+
+new class extends Component
+{
+    public string $name = '';
+    public string $email = '';
+
+    /**
+     * Mount the component.
+     */
+    public function mount(): void
+    {
+        $this->name = Auth::user()->name;
+        $this->email = Auth::user()->email;
+    }
+
+    /**
+     * Update the profile information for the currently authenticated user.
+     */
+    public function updateProfileInformation(): void
+    {
+        $user = Auth::user();
+
+        $validated = $this->validate([
+            'name' => ['required', 'string', 'max:255'],
+            'email' => ['required', 'string', 'lowercase', 'email', 'max:255', Rule::unique(User::class)->ignore($user->id)],
+        ]);
+
+        $user->fill($validated);
+
+        if ($user->isDirty('email')) {
+            $user->email_verified_at = null;
+        }
+
+        $user->save();
+
+        $this->dispatch('profile-updated', name: $user->name);
+    }
+
+    /**
+     * Send an email verification notification to the current user.
+     */
+    public function sendVerification(): void
+    {
+        $user = Auth::user();
+
+        if ($user->hasVerifiedEmail()) {
+            $this->redirectIntended(default: route('dashboard', absolute: false));
+
+            return;
+        }
+
+        $user->sendEmailVerificationNotification();
+
+        Session::flash('status', 'verification-link-sent');
+    }
+}; ?>
+
+<section>
+    <header>
+        <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+            {{ __('Profile Information') }}
+        </h2>
+
+        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+            {{ __("Update your account's profile information and email address.") }}
+        </p>
+    </header>
+
+    <form wire:submit="updateProfileInformation" class="mt-6 space-y-6">
+        <div>
+            <x-input-label for="name" :value="__('Name')" />
+            <x-text-input wire:model="name" id="name" name="name" type="text" class="mt-1 block w-full" required autofocus autocomplete="name" />
+            <x-input-error class="mt-2" :messages="$errors->get('name')" />
+        </div>
+
+        <div>
+            <x-input-label for="email" :value="__('Email')" />
+            <x-text-input wire:model="email" id="email" name="email" type="email" class="mt-1 block w-full" required autocomplete="username" />
+            <x-input-error class="mt-2" :messages="$errors->get('email')" />
+
+            @if (auth()->user() instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! auth()->user()->hasVerifiedEmail())
+                <div>
+                    <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+                        {{ __('Your email address is unverified.') }}
+
+                        <button wire:click.prevent="sendVerification" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
+                            {{ __('Click here to re-send the verification email.') }}
+                        </button>
+                    </p>
+
+                    @if (session('status') === 'verification-link-sent')
+                        <p class="mt-2 font-medium text-sm text-green-600 dark:text-green-400">
+                            {{ __('A new verification link has been sent to your email address.') }}
+                        </p>
+                    @endif
+                </div>
+            @endif
+        </div>
+
+        <div class="flex items-center gap-4">
+            <x-primary-button>{{ __('Save') }}</x-primary-button>
+
+            <x-action-message class="me-3" on="profile-updated">
+                {{ __('Saved.') }}
+            </x-action-message>
+        </div>
+    </form>
+</section>
diff --git a/resources/views/livewire/welcome/navigation.blade.php b/resources/views/livewire/welcome/navigation.blade.php
new file mode 100644
index 000000000..7d079deb7
--- /dev/null
+++ b/resources/views/livewire/welcome/navigation.blade.php
@@ -0,0 +1,26 @@
+<nav class="-mx-3 flex flex-1 justify-end">
+    @auth
+        <a
+            href="{{ url('/dashboard') }}"
+            class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white"
+        >
+            Dashboard
+        </a>
+    @else
+        <a
+            href="{{ route('login') }}"
+            class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white"
+        >
+            Log in
+        </a>
+
+        @if (Route::has('register'))
+            <a
+                href="{{ route('register') }}"
+                class="rounded-md px-3 py-2 text-black ring-1 ring-transparent transition hover:text-black/70 focus:outline-none focus-visible:ring-[#FF2D20] dark:text-white dark:hover:text-white/80 dark:focus-visible:ring-white"
+            >
+                Register
+            </a>
+        @endif
+    @endauth
+</nav>
diff --git a/resources/views/profile.blade.php b/resources/views/profile.blade.php
new file mode 100644
index 000000000..b14bcc1b9
--- /dev/null
+++ b/resources/views/profile.blade.php
@@ -0,0 +1,29 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+            {{ __('Profile') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
+            <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="max-w-xl">
+                    <livewire:profile.update-profile-information-form />
+                </div>
+            </div>
+
+            <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="max-w-xl">
+                    <livewire:profile.update-password-form />
+                </div>
+            </div>
+
+            <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+                <div class="max-w-xl">
+                    <livewire:profile.delete-user-form />
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>
diff --git a/routes/auth.php b/routes/auth.php
new file mode 100644
index 000000000..131252e73
--- /dev/null
+++ b/routes/auth.php
@@ -0,0 +1,31 @@
+<?php
+
+use App\Http\Controllers\Auth\VerifyEmailController;
+use Illuminate\Support\Facades\Route;
+use Livewire\Volt\Volt;
+
+Route::middleware('guest')->group(function () {
+    Volt::route('register', 'pages.auth.register')
+        ->name('register');
+
+    Volt::route('login', 'pages.auth.login')
+        ->name('login');
+
+    Volt::route('forgot-password', 'pages.auth.forgot-password')
+        ->name('password.request');
+
+    Volt::route('reset-password/{token}', 'pages.auth.reset-password')
+        ->name('password.reset');
+});
+
+Route::middleware('auth')->group(function () {
+    Volt::route('verify-email', 'pages.auth.verify-email')
+        ->name('verification.notice');
+
+    Route::get('verify-email/{id}/{hash}', VerifyEmailController::class)
+        ->middleware(['signed', 'throttle:6,1'])
+        ->name('verification.verify');
+
+    Volt::route('confirm-password', 'pages.auth.confirm-password')
+        ->name('password.confirm');
+});
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 000000000..c29eb1a15
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,21 @@
+import defaultTheme from 'tailwindcss/defaultTheme';
+import forms from '@tailwindcss/forms';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
+        './storage/framework/views/*.php',
+        './resources/views/**/*.blade.php',
+    ],
+
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
+            },
+        },
+    },
+
+    plugins: [forms],
+};