diff --git a/README.md b/README.md
new file mode 100644
index 0000000..aad01f7
--- /dev/null
+++ b/README.md
@@ -0,0 +1,133 @@
+# StaticHTMLSites
+
+A Laravel 12 application for hosting static HTML mini-sites.
+Each page is accessible via subdomain (`{slug}.statichtmlsites.mtex.dev`) and path URL (`statichtmlsites.mtex.dev/{slug}/...`).
+
+---
+
+## Tech Stack
+
+| Layer    | Technology                       |
+|----------|----------------------------------|
+| Backend  | Laravel 12, PHP 8.2+             |
+| Frontend | Tailwind CSS 3, Alpine.js 3      |
+| Editor   | CodeMirror 6 (npm)               |
+| Build    | Vite 5 + laravel-vite-plugin     |
+| Auth     | Laravel Breeze (blade stack)     |
+| Database | SQLite (default) or MySQL        |
+| Storage  | Local filesystem                 |
+
+---
+
+## Installation
+
+```bash
+# 1. Install PHP + JS dependencies
+composer install
+npm install
+
+# 2. Environment
+cp .env.example .env
+php artisan key:generate
+
+# 3. Migrate
+php artisan migrate
+
+# 4. Install Breeze auth scaffolding
+php artisan breeze:install blade
+php artisan migrate
+
+# 5. Build assets
+npm run build
+```
+
+Key `.env` variables:
+
+| Variable          | Value                                |
+|-------------------|--------------------------------------|
+| APP_URL           | https://statichtmlsites.mtex.dev     |
+| APP_BASE_DOMAIN   | statichtmlsites.mtex.dev             |
+| MAX_UPLOAD_MB     | 50                                   |
+
+---
+
+## Wildcard Subdomain (DNS + Nginx)
+
+**DNS:**
+```
+*.statichtmlsites.mtex.dev  CNAME  statichtmlsites.mtex.dev
+```
+
+**Nginx:**
+```nginx
+server {
+    listen 443 ssl;
+    server_name statichtmlsites.mtex.dev *.statichtmlsites.mtex.dev;
+    ssl_certificate     /path/to/wildcard.crt;
+    ssl_certificate_key /path/to/wildcard.key;
+    root /var/www/statichtmlsites/public;
+    index index.php;
+    location / { try_files $uri $uri/ /index.php?$query_string; }
+    location ~ \.php$ {
+        fastcgi_pass unix:/var/run/php/php8.3-fpm.sock;
+        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
+        include fastcgi_params;
+    }
+}
+```
+
+**config/filesystems.php** — add to the returned array:
+```php
+'max_upload_mb' => env('MAX_UPLOAD_MB', 50),
+```
+
+---
+
+## Project Structure
+
+```
+app/
+  Http/Controllers/
+    DashboardController.php        Dashboard page
+    FileManagerController.php      File CRUD JSON API
+    PageController.php             Create / update / delete pages
+    PageServeController.php        Serve static files + <base> injection
+  Models/
+    Page.php                       ULID model, storage helpers, slug uniqueness
+    User.php                       Breeze user + pages() HasMany
+  Policies/PagePolicy.php          Ownership checks
+  Providers/AppServiceProvider.php Register FileManagerService singleton + policy
+  Services/FileManagerService.php  All file ops: tree, read, save, upload, delete, rename
+
+resources/
+  css/app.css                      Tailwind + CodeMirror overrides
+  js/
+    app.js                         Global entry (Alpine on non-manager pages)
+    file-manager.js                CodeMirror 6 + Alpine file-tree component
+  views/
+    layouts/app.blade.php          App shell with nav
+    welcome.blade.php              Marketing landing
+    pages/
+      dashboard.blade.php          Page grid
+      create.blade.php             New page form
+      manager.blade.php            Full-screen file manager
+
+database/migrations/
+  ..._create_pages_table.php
+
+routes/web.php                     All routes + subdomain group
+```
+
+---
+
+## Key Design Decisions
+
+- **`<base>` injection** — `PageServeController` detects subdomain vs. path access and injects `<base href="...">` into every HTML file before serving, keeping relative asset paths correct under both URL shapes.
+- **Path traversal guard** — `FileManagerService::guard()` and `PageServeController` both resolve real paths and assert they sit inside the page's storage root.
+- **Storage isolation** — `storage/app/pages/{slug}/`. Directories are auto-created on page creation, renamed on slug change, and deleted on page deletion via Eloquent model events.
+- **File tree** — Pure PHP recursive directory scan returned as JSON, rendered by an Alpine component with inline HTML strings.
+
+---
+
+## License
+MIT
diff --git a/app/Console/Commands/CleanupPageStorage.php b/app/Console/Commands/CleanupPageStorage.php
new file mode 100644
index 0000000..62aa56f
--- /dev/null
+++ b/app/Console/Commands/CleanupPageStorage.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Models\Page;
+use Illuminate\Console\Command;
+use Illuminate\Support\Facades\Storage;
+
+/**
+ * Removes storage directories that no longer have a matching Page row.
+ * Scheduled daily via routes/console.php.
+ *
+ * Usage:  php artisan pages:cleanup-storage [--dry-run]
+ */
+class CleanupPageStorage extends Command
+{
+    protected $signature   = 'pages:cleanup-storage {--dry-run : List orphaned directories without deleting}';
+    protected $description = 'Remove storage directories for deleted pages.';
+
+    public function handle(): int
+    {
+        $disk = Storage::disk('pages');
+
+        // Top-level directories on the pages disk are page slugs
+        $dirs = $disk->directories('/');
+
+        $slugs   = Page::pluck('slug')->flip(); // O(1) lookups
+        $orphans = collect($dirs)->filter(fn ($d) => ! $slugs->has($d));
+
+        if ($orphans->isEmpty()) {
+            $this->info('No orphaned directories found.');
+            return self::SUCCESS;
+        }
+
+        $dryRun = $this->option('dry-run');
+
+        foreach ($orphans as $dir) {
+            if ($dryRun) {
+                $this->line("  [dry-run] Would delete: {$dir}");
+            } else {
+                $disk->deleteDirectory($dir);
+                $this->line("  Deleted: {$dir}");
+            }
+        }
+
+        $count = $orphans->count();
+        $verb  = $dryRun ? 'Found' : 'Cleaned up';
+        $this->info("{$verb} {$count} orphaned " . str('directory')->plural($count) . '.');
+
+        return self::SUCCESS;
+    }
+}
diff --git a/app/Http/Controllers/Auth/AuthenticatedSessionController.php b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
new file mode 100644
index 0000000..ed07e05
--- /dev/null
+++ b/app/Http/Controllers/Auth/AuthenticatedSessionController.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\Auth\LoginRequest;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\View\View;
+
+class AuthenticatedSessionController extends Controller
+{
+    public function create(): View
+    {
+        return view('auth.login');
+    }
+
+    public function store(LoginRequest $request): RedirectResponse
+    {
+        $request->authenticate();
+        $request->session()->regenerate();
+
+        return redirect()->intended(route('dashboard', absolute: false));
+    }
+
+    public function destroy(Request $request): RedirectResponse
+    {
+        Auth::guard('web')->logout();
+
+        $request->session()->invalidate();
+        $request->session()->regenerateToken();
+
+        return redirect('/');
+    }
+}
diff --git a/app/Http/Controllers/Auth/ConfirmablePasswordController.php b/app/Http/Controllers/Auth/ConfirmablePasswordController.php
new file mode 100644
index 0000000..c3ac5b7
--- /dev/null
+++ b/app/Http/Controllers/Auth/ConfirmablePasswordController.php
@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Validation\ValidationException;
+use Illuminate\View\View;
+
+class ConfirmablePasswordController extends Controller
+{
+    public function show(): View
+    {
+        return view('auth.confirm-password');
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        if (! Auth::guard('web')->validate([
+            'email'    => $request->user()->email,
+            'password' => $request->password,
+        ])) {
+            throw ValidationException::withMessages([
+                'password' => __('auth.password'),
+            ]);
+        }
+
+        $request->session()->put('auth.password_confirmed_at', time());
+
+        return redirect()->intended(route('dashboard', absolute: false));
+    }
+}
diff --git a/app/Http/Controllers/Auth/EmailVerificationNotificationController.php b/app/Http/Controllers/Auth/EmailVerificationNotificationController.php
new file mode 100644
index 0000000..f8fdebb
--- /dev/null
+++ b/app/Http/Controllers/Auth/EmailVerificationNotificationController.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+
+class EmailVerificationNotificationController extends Controller
+{
+    public function store(Request $request): RedirectResponse
+    {
+        if ($request->user()->hasVerifiedEmail()) {
+            return redirect()->intended(route('dashboard', absolute: false));
+        }
+
+        $request->user()->sendEmailVerificationNotification();
+
+        return back()->with('status', 'verification-link-sent');
+    }
+}
diff --git a/app/Http/Controllers/Auth/EmailVerificationPromptController.php b/app/Http/Controllers/Auth/EmailVerificationPromptController.php
new file mode 100644
index 0000000..0cc9c66
--- /dev/null
+++ b/app/Http/Controllers/Auth/EmailVerificationPromptController.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class EmailVerificationPromptController extends Controller
+{
+    /**
+     * Invokable single-action controller.
+     * Routes use it directly without specifying a method:
+     *   Route::get('verify-email', EmailVerificationPromptController::class)
+     */
+    public function __invoke(Request $request): RedirectResponse|View
+    {
+        return $request->user()->hasVerifiedEmail()
+            ? redirect()->intended(route('dashboard', absolute: false))
+            : view('auth.verify-email');
+    }
+}
diff --git a/app/Http/Controllers/Auth/NewPasswordController.php b/app/Http/Controllers/Auth/NewPasswordController.php
new file mode 100644
index 0000000..5c53f0e
--- /dev/null
+++ b/app/Http/Controllers/Auth/NewPasswordController.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Auth\Events\PasswordReset;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Support\Facades\Password;
+use Illuminate\Support\Str;
+use Illuminate\Validation\Rules;
+use Illuminate\View\View;
+
+class NewPasswordController extends Controller
+{
+    public function create(Request $request): View
+    {
+        return view('auth.reset-password', ['request' => $request]);
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        $request->validate([
+            'token'    => ['required'],
+            'email'    => ['required', 'email'],
+            'password' => ['required', 'confirmed', Rules\Password::defaults()],
+        ]);
+
+        $status = Password::reset(
+            $request->only('email', 'password', 'password_confirmation', 'token'),
+            function ($user) use ($request) {
+                $user->forceFill([
+                    'password'       => Hash::make($request->password),
+                    'remember_token' => Str::random(60),
+                ])->save();
+
+                event(new PasswordReset($user));
+            }
+        );
+
+        return $status === Password::PASSWORD_RESET
+            ? redirect()->route('login')->with('status', __($status))
+            : back()->withInput($request->only('email'))
+                    ->withErrors(['email' => __($status)]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/PasswordController.php b/app/Http/Controllers/Auth/PasswordController.php
new file mode 100644
index 0000000..7985ba5
--- /dev/null
+++ b/app/Http/Controllers/Auth/PasswordController.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rules\Password;
+
+class PasswordController extends Controller
+{
+    /**
+     * Update the user's password (from a profile/settings form).
+     */
+    public function update(Request $request): RedirectResponse
+    {
+        $validated = $request->validateWithBag('updatePassword', [
+            'current_password' => ['required', 'current_password'],
+            'password'         => ['required', Password::defaults(), 'confirmed'],
+        ]);
+
+        $request->user()->update([
+            'password' => Hash::make($validated['password']),
+        ]);
+
+        return back()->with('status', 'password-updated');
+    }
+}
diff --git a/app/Http/Controllers/Auth/PasswordResetLinkController.php b/app/Http/Controllers/Auth/PasswordResetLinkController.php
new file mode 100644
index 0000000..4af48ca
--- /dev/null
+++ b/app/Http/Controllers/Auth/PasswordResetLinkController.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Password;
+use Illuminate\View\View;
+
+class PasswordResetLinkController extends Controller
+{
+    public function create(Request $request): View
+    {
+        return view('auth.forgot-password');
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        $request->validate([
+            'email' => ['required', 'email'],
+        ]);
+
+        $status = Password::sendResetLink(
+            $request->only('email')
+        );
+
+        return $status === Password::RESET_LINK_SENT
+            ? back()->with('status', __($status))
+            : back()->withInput($request->only('email'))
+                    ->withErrors(['email' => __($status)]);
+    }
+}
diff --git a/app/Http/Controllers/Auth/RegisteredUserController.php b/app/Http/Controllers/Auth/RegisteredUserController.php
new file mode 100644
index 0000000..99927f5
--- /dev/null
+++ b/app/Http/Controllers/Auth/RegisteredUserController.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\Models\User;
+use Illuminate\Auth\Events\Registered;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Hash;
+use Illuminate\Validation\Rules;
+use Illuminate\View\View;
+
+class RegisteredUserController extends Controller
+{
+    public function create(): View
+    {
+        return view('auth.register');
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        $request->validate([
+            'name'     => ['required', 'string', 'max:255'],
+            'email'    => ['required', 'string', 'lowercase', 'email', 'max:255', 'unique:'.User::class],
+            'password' => ['required', 'confirmed', Rules\Password::defaults()],
+        ]);
+
+        $user = User::create([
+            'name'     => $request->name,
+            'email'    => $request->email,
+            'password' => Hash::make($request->password),
+        ]);
+
+        event(new Registered($user));
+
+        Auth::login($user);
+
+        return redirect(route('dashboard', absolute: false));
+    }
+}
diff --git a/app/Http/Controllers/Auth/VerifyEmailController.php b/app/Http/Controllers/Auth/VerifyEmailController.php
new file mode 100644
index 0000000..bfdd971
--- /dev/null
+++ b/app/Http/Controllers/Auth/VerifyEmailController.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Auth\Events\Verified;
+use Illuminate\Foundation\Auth\EmailVerificationRequest;
+use Illuminate\Http\RedirectResponse;
+
+class VerifyEmailController extends Controller
+{
+    /**
+     * Invokable — handles the signed email verification URL.
+     */
+    public function __invoke(EmailVerificationRequest $request): RedirectResponse
+    {
+        if ($request->user()->hasVerifiedEmail()) {
+            return redirect()->intended(route('dashboard', absolute: false) . '?verified=1');
+        }
+
+        if ($request->user()->markEmailAsVerified()) {
+            event(new Verified($request->user()));
+        }
+
+        return redirect()->intended(route('dashboard', absolute: false) . '?verified=1');
+    }
+}
diff --git a/app/Http/Controllers/DashboardController.php b/app/Http/Controllers/DashboardController.php
new file mode 100644
index 0000000..f296637
--- /dev/null
+++ b/app/Http/Controllers/DashboardController.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class DashboardController extends Controller
+{
+    public function index(Request $request): View
+    {
+        $pages = $request->user()
+            ->pages()
+            ->latest()
+            ->get();
+
+        return view('pages.dashboard', compact('pages'));
+    }
+}
diff --git a/app/Http/Controllers/FileManagerController.php b/app/Http/Controllers/FileManagerController.php
new file mode 100644
index 0000000..32376ca
--- /dev/null
+++ b/app/Http/Controllers/FileManagerController.php
@@ -0,0 +1,124 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Page;
+use App\Services\FileManagerService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+use RuntimeException;
+
+/**
+ * REST/JSON API for the file manager.
+ * The primary UI is the Livewire\FileManager component; this controller
+ * exists for programmatic / JS access and is also used by the manager page.
+ */
+class FileManagerController extends Controller
+{
+    public function __construct(private readonly FileManagerService $fm) {}
+
+    // ── View ─────────────────────────────────────────────────────────────────
+
+    public function index(Request $request, string $slug): View
+    {
+        $page = $this->ownedPage($request, $slug);
+        return view('pages.manager', compact('page'));
+    }
+
+    // ── JSON endpoints ────────────────────────────────────────────────────────
+
+    public function list(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(fn () => $this->fm->tree($this->ownedPage($request, $slug)));
+    }
+
+    public function read(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $page = $this->ownedPage($request, $slug);
+            $path = $request->query('path', '');
+            return ['content' => $this->fm->read($page, $path), 'path' => $path];
+        });
+    }
+
+    public function save(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $data = $request->validate(['path' => 'required|string', 'content' => 'required|string']);
+            $this->fm->save($this->ownedPage($request, $slug), $data['path'], $data['content']);
+            return ['ok' => true];
+        });
+    }
+
+    public function create(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $data = $request->validate(['path' => 'required|string']);
+            $page = $this->ownedPage($request, $slug);
+            $this->fm->createFile($page, $data['path']);
+            return ['ok' => true, 'tree' => $this->fm->tree($page)];
+        });
+    }
+
+    public function upload(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $maxMb = (int) config('filesystems.max_upload_mb', 50);
+            $request->validate([
+                'file'   => "required|file|max:{$maxMb}000",
+                'folder' => 'nullable|string',
+            ]);
+            $page = $this->ownedPage($request, $slug);
+            $this->fm->upload($page, $request->file('file'), $request->input('folder', ''));
+            return ['ok' => true, 'tree' => $this->fm->tree($page)];
+        });
+    }
+
+    public function delete(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $data = $request->validate(['path' => 'required|string']);
+            $page = $this->ownedPage($request, $slug);
+            $this->fm->delete($page, $data['path']);
+            return ['ok' => true, 'tree' => $this->fm->tree($page)];
+        });
+    }
+
+    public function createFolder(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $data = $request->validate(['path' => 'required|string']);
+            $page = $this->ownedPage($request, $slug);
+            $this->fm->createFolder($page, $data['path']);
+            return ['ok' => true, 'tree' => $this->fm->tree($page)];
+        });
+    }
+
+    public function rename(Request $request, string $slug): JsonResponse
+    {
+        return $this->run(function () use ($request, $slug) {
+            $data = $request->validate(['from' => 'required|string', 'to' => 'required|string']);
+            $page = $this->ownedPage($request, $slug);
+            $this->fm->rename($page, $data['from'], $data['to']);
+            return ['ok' => true, 'tree' => $this->fm->tree($page)];
+        });
+    }
+
+    // ── Helpers ───────────────────────────────────────────────────────────────
+
+    private function ownedPage(Request $request, string $slug): Page
+    {
+        return $request->user()->pages()->where('slug', $slug)->firstOrFail();
+    }
+
+    private function run(callable $fn): JsonResponse
+    {
+        try {
+            $result = $fn();
+            return response()->json($result);
+        } catch (RuntimeException $e) {
+            return response()->json(['error' => $e->getMessage()], 422);
+        }
+    }
+}
diff --git a/app/Http/Controllers/PageController.php b/app/Http/Controllers/PageController.php
new file mode 100644
index 0000000..c7b837c
--- /dev/null
+++ b/app/Http/Controllers/PageController.php
@@ -0,0 +1,79 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Page;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Str;
+use Illuminate\View\View;
+
+class PageController extends Controller
+{
+    public function create(): View
+    {
+        return view('pages.create');
+    }
+
+    public function store(Request $request): RedirectResponse
+    {
+        $data = $request->validate([
+            'name' => ['required', 'string', 'max:100'],
+            'slug' => ['nullable', 'string', 'max:60', 'regex:/^[a-z0-9\-_]+$/'],
+        ]);
+
+        $slug = $data['slug'] ?? Page::makeUniqueSlug($data['name']);
+
+        // Ensure uniqueness even if user provided a slug
+        if (Page::where('slug', $slug)->exists()) {
+            return back()
+                ->withInput()
+                ->withErrors(['slug' => 'This slug is already taken.']);
+        }
+
+        $page = $request->user()->pages()->create([
+            'name'      => $data['name'],
+            'slug'      => $slug,
+            'is_public' => true,
+        ]);
+
+        return redirect()
+            ->route('pages.manager', $page->slug)
+            ->with('success', "Page \"{$page->name}\" created!");
+    }
+
+    public function updateSettings(Request $request, string $slug): RedirectResponse
+    {
+        $page = $request->user()->pages()->where('slug', $slug)->firstOrFail();
+
+        $data = $request->validate([
+            'name'      => ['required', 'string', 'max:100'],
+            'slug'      => ['required', 'string', 'max:60', 'regex:/^[a-z0-9\-_]+$/'],
+            'is_public' => ['boolean'],
+        ]);
+
+        // Slug uniqueness check (excluding current page)
+        if (
+            $data['slug'] !== $page->slug &&
+            Page::where('slug', $data['slug'])->exists()
+        ) {
+            return back()->withErrors(['slug' => 'This slug is already taken.']);
+        }
+
+        $page->update($data);
+
+        return redirect()
+            ->route('pages.manager', $page->slug)
+            ->with('success', 'Settings updated.');
+    }
+
+    public function destroy(Request $request, string $slug): RedirectResponse
+    {
+        $page = $request->user()->pages()->where('slug', $slug)->firstOrFail();
+        $page->delete();
+
+        return redirect()
+            ->route('dashboard')
+            ->with('success', "Page \"{$page->name}\" deleted.");
+    }
+}
diff --git a/app/Http/Controllers/PagePreviewController.php b/app/Http/Controllers/PagePreviewController.php
new file mode 100644
index 0000000..b3da9a8
--- /dev/null
+++ b/app/Http/Controllers/PagePreviewController.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Page;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\View\View;
+
+class PagePreviewController extends Controller
+{
+    /**
+     * Full-screen preview with responsive device frames and toolbar.
+     */
+    public function show(Request $request, string $slug): View
+    {
+        $page = Page::where('slug', $slug)->firstOrFail();
+        Gate::authorize('update', $page);
+
+        return view('pages.preview', compact('page'));
+    }
+}
diff --git a/app/Http/Controllers/PageServeController.php b/app/Http/Controllers/PageServeController.php
new file mode 100644
index 0000000..d09e16f
--- /dev/null
+++ b/app/Http/Controllers/PageServeController.php
@@ -0,0 +1,136 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Page;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Support\Facades\Storage;
+use Symfony\Component\HttpFoundation\BinaryFileResponse;
+
+class PageServeController extends Controller
+{
+    /**
+     * Serve a static file from the pages disk.
+     * Called by both subdomain and path-based routes.
+     */
+    public function serve(Request $request, string $slug, string $path = ''): Response|BinaryFileResponse
+    {
+        $page = Page::where('slug', $slug)->firstOrFail();
+
+        if (! $page->is_public && ! auth()->check()) {
+            abort(403, 'This page is private.');
+        }
+
+        // Resolve the disk path and guard against traversal
+        $diskPath = $this->resolveDiskPath($slug, $path);
+        $this->guardTraversal($slug, $diskPath);
+
+        $disk = Storage::disk('pages');
+
+        if (! $disk->exists($diskPath)) {
+            abort(404, 'File not found.');
+        }
+
+        $ext  = strtolower(pathinfo($diskPath, PATHINFO_EXTENSION));
+        $mime = $this->detectMime($ext);
+
+        // Inject <base> tag into HTML responses
+        if ($ext === 'html') {
+            $html = $disk->get($diskPath);
+            $html = $this->injectBase($html, $page, $request);
+            return response($html, 200, ['Content-Type' => 'text/html; charset=utf-8']);
+        }
+
+        return response()->file($disk->path($diskPath), ['Content-Type' => $mime]);
+    }
+
+    // ── Helpers ───────────────────────────────────────────────────────────────
+
+    /**
+     * Resolve a path within the page's slug directory on the pages disk.
+     * Handles directory index resolution.
+     */
+    private function resolveDiskPath(string $slug, string $path): string
+    {
+        $path = ltrim($path, '/');
+
+        if ($path === '' || $path === '/') {
+            return "{$slug}/index.html";
+        }
+
+        // No extension → try index.html inside that directory
+        if (! pathinfo($path, PATHINFO_EXTENSION)) {
+            $candidate = "{$slug}/" . rtrim($path, '/') . '/index.html';
+            if (Storage::disk('pages')->exists($candidate)) {
+                return $candidate;
+            }
+        }
+
+        return "{$slug}/{$path}";
+    }
+
+    /**
+     * Prevent path traversal by checking the real path stays inside the slug dir.
+     */
+    private function guardTraversal(string $slug, string $diskPath): void
+    {
+        $disk     = Storage::disk('pages');
+        $root     = realpath($disk->path($slug));
+        $realFile = realpath($disk->path($diskPath));
+
+        // realpath returns false for non-existent files – only check when both resolve
+        if ($root && $realFile && ! str_starts_with($realFile, $root)) {
+            abort(403, 'Path traversal detected.');
+        }
+    }
+
+    /**
+     * Inject <base href="..."> as the first child of <head>.
+     * Detects subdomain vs path-based access automatically.
+     */
+    private function injectBase(string $html, Page $page, Request $request): string
+    {
+        $host       = $request->getHost();
+        $baseDomain = config('app.base_domain', 'statichtmlsites.mtex.dev');
+        $isSubdomain = str_ends_with($host, ".{$baseDomain}");
+
+        $baseUrl = $isSubdomain ? $page->subdomainUrl() : $page->pathUrl();
+        $baseTag = "<base href=\"{$baseUrl}\">\n";
+
+        if (preg_match('/<head([^>]*)>/i', $html)) {
+            return preg_replace('/<head([^>]*)>/i', "<head$1>\n{$baseTag}", $html, 1);
+        }
+
+        return $baseTag . $html;
+    }
+
+    private function detectMime(string $ext): string
+    {
+        return [
+            'html'  => 'text/html',
+            'css'   => 'text/css',
+            'js'    => 'application/javascript',
+            'mjs'   => 'application/javascript',
+            'json'  => 'application/json',
+            'xml'   => 'application/xml',
+            'svg'   => 'image/svg+xml',
+            'txt'   => 'text/plain',
+            'md'    => 'text/plain',
+            'png'   => 'image/png',
+            'jpg'   => 'image/jpeg',
+            'jpeg'  => 'image/jpeg',
+            'gif'   => 'image/gif',
+            'webp'  => 'image/webp',
+            'ico'   => 'image/x-icon',
+            'mp4'   => 'video/mp4',
+            'webm'  => 'video/webm',
+            'mp3'   => 'audio/mpeg',
+            'wav'   => 'audio/wav',
+            'ogg'   => 'audio/ogg',
+            'pdf'   => 'application/pdf',
+            'woff'  => 'font/woff',
+            'woff2' => 'font/woff2',
+        ][$ext] ?? 'application/octet-stream';
+    }
+}
diff --git a/app/Http/Middleware/HandleAppearance.php b/app/Http/Middleware/HandleAppearance.php
new file mode 100644
index 0000000..45491c6
--- /dev/null
+++ b/app/Http/Middleware/HandleAppearance.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+/**
+ * Placeholder middleware required by bootstrap/app.php.
+ * Add theme / appearance handling here (e.g. dark-mode cookie).
+ */
+class HandleAppearance
+{
+    public function handle(Request $request, Closure $next): Response
+    {
+        return $next($request);
+    }
+}
diff --git a/app/Http/Requests/Auth/LoginRequest.php b/app/Http/Requests/Auth/LoginRequest.php
new file mode 100644
index 0000000..245b467
--- /dev/null
+++ b/app/Http/Requests/Auth/LoginRequest.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Http\Requests\Auth;
+
+use Illuminate\Auth\Events\Lockout;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\RateLimiter;
+use Illuminate\Support\Str;
+use Illuminate\Validation\ValidationException;
+
+class LoginRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    public function rules(): array
+    {
+        return [
+            'email'    => ['required', 'string', 'email'],
+            'password' => ['required', 'string'],
+        ];
+    }
+
+    /**
+     * Attempt authentication; throw on failure or rate-limit breach.
+     */
+    public function authenticate(): void
+    {
+        $this->ensureIsNotRateLimited();
+
+        if (! Auth::attempt($this->only('email', 'password'), $this->boolean('remember'))) {
+            RateLimiter::hit($this->throttleKey());
+
+            throw ValidationException::withMessages([
+                'email' => trans('auth.failed'),
+            ]);
+        }
+
+        RateLimiter::clear($this->throttleKey());
+    }
+
+    public function ensureIsNotRateLimited(): void
+    {
+        if (! RateLimiter::tooManyAttempts($this->throttleKey(), 5)) {
+            return;
+        }
+
+        event(new Lockout($this));
+
+        $seconds = RateLimiter::availableIn($this->throttleKey());
+
+        throw ValidationException::withMessages([
+            'email' => trans('auth.throttle', [
+                'seconds' => $seconds,
+                'minutes' => ceil($seconds / 60),
+            ]),
+        ]);
+    }
+
+    public function throttleKey(): string
+    {
+        return Str::transliterate(Str::lower($this->string('email')) . '|' . $this->ip());
+    }
+}
diff --git a/app/Livewire/FileManager.php b/app/Livewire/FileManager.php
new file mode 100644
index 0000000..81ff2e6
--- /dev/null
+++ b/app/Livewire/FileManager.php
@@ -0,0 +1,417 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\Page;
+use Flux\Flux;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Support\Facades\Storage;
+use Livewire\Attributes\Computed;
+use Livewire\Component;
+use Livewire\WithFileUploads;
+
+class FileManager extends Component
+{
+    use WithFileUploads;
+
+    // ─── Public state ─────────────────────────────────────────────────────────
+
+    public Page    $page;
+    public string  $activeFile    = '';
+    public string  $fileContent   = '';
+    public bool    $isDirty       = false;
+    public string  $newFileName   = '';
+    public string  $newFolderName = '';
+    public string  $currentDir    = '';
+    public ?string $renameTarget  = null;
+    public string  $renameTo      = '';
+    public mixed   $upload        = null;
+
+    // Delete modal state
+    public string $deleteTarget     = '';
+    public string $deleteTargetName = '';
+    public string $deleteTargetType = 'file';
+
+    // Settings panel
+    public string $pageName     = '';
+    public string $pageSlug     = '';
+    public bool   $pageIsPublic = false;
+
+    // ─── Lifecycle ────────────────────────────────────────────────────────────
+
+    public function mount(string $slug): void
+    {
+        $this->page = Page::where('slug', $slug)->firstOrFail();
+        Gate::authorize('update', $this->page);
+
+        $this->page->ensureStorageExists();
+
+        $this->pageName     = $this->page->name;
+        $this->pageSlug     = $this->page->slug;
+        $this->pageIsPublic = $this->page->is_public;
+
+        if ($this->disk()->exists($this->page->storagePath('index.html'))) {
+            $this->openFile('index.html');
+        }
+    }
+
+    // ─── Computed ─────────────────────────────────────────────────────────────
+
+    #[Computed]
+    public function fileTree(): array
+    {
+        $dir    = $this->page->storagePath($this->currentDir ?: '');
+        $prefix = $this->page->storagePath() . '/';
+        return $this->buildTree($dir, $prefix);
+    }
+
+    private function buildTree(string $dir, string $prefix): array
+    {
+        $entries = [];
+
+        foreach ($this->disk()->directories($dir) as $d) {
+            $entries[] = [
+                'type'     => 'dir',
+                'name'     => basename($d),
+                'path'     => $this->relative($d, $prefix),
+                'children' => $this->buildTree($d, $prefix),
+            ];
+        }
+
+        foreach ($this->disk()->files($dir) as $f) {
+            $rel       = $this->relative($f, $prefix);
+            $entries[] = [
+                'type'    => 'file',
+                'name'    => basename($f),
+                'path'    => $rel,
+                'active'  => $rel === $this->activeFile,
+                'isIndex' => basename($f) === 'index.html',
+            ];
+        }
+
+        usort($entries, fn ($a, $b) =>
+            [$a['type'] === 'file' ? 1 : 0, $a['name']]
+            <=>
+            [$b['type'] === 'file' ? 1 : 0, $b['name']]
+        );
+
+        return $entries;
+    }
+
+    #[Computed]
+    public function editorLanguage(): string
+    {
+        return match (strtolower(pathinfo($this->activeFile, PATHINFO_EXTENSION))) {
+            'html', 'htm' => 'html',
+            'css'         => 'css',
+            'js'          => 'javascript',
+            'json'        => 'json',
+            'xml', 'svg'  => 'xml',
+            default       => 'text',
+        };
+    }
+
+    #[Computed]
+    public function isEditable(): bool
+    {
+        return in_array(
+            strtolower(pathinfo($this->activeFile, PATHINFO_EXTENSION)),
+            ['html', 'htm', 'css', 'js', 'json', 'txt', 'xml', 'svg', 'md'],
+            true
+        );
+    }
+
+    #[Computed]
+    public function isPreviewable(): bool
+    {
+        return in_array(
+            strtolower(pathinfo($this->activeFile, PATHINFO_EXTENSION)),
+            ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'ico', 'mp4', 'webm', 'mp3', 'wav', 'ogg', 'pdf'],
+            true
+        );
+    }
+
+    #[Computed]
+    public function previewUrl(): string
+    {
+        return $this->page->subdomainUrl($this->activeFile);
+    }
+
+    // ─── File operations ──────────────────────────────────────────────────────
+
+    public function openFile(string $path): void
+    {
+        $this->guardPath($path);
+        $full = $this->page->storagePath($path);
+
+        if (! $this->disk()->exists($full)) {
+            $this->showFlash("File not found: {$path}", 'error');
+            return;
+        }
+
+        $this->activeFile  = $path;
+        $this->fileContent = $this->disk()->get($full) ?? '';
+        $this->isDirty     = false;
+
+        $this->dispatch('load-editor',
+            content: $this->fileContent,
+            language: $this->editorLanguage
+        );
+    }
+
+    public function saveFile(string $content): void
+    {
+        if ($this->activeFile === '') return;
+
+        $this->guardPath($this->activeFile);
+        $this->disk()->put($this->page->storagePath($this->activeFile), $content);
+
+        $this->fileContent = $content;
+        $this->isDirty     = false;
+        $this->showFlash('Saved ✓');
+    }
+
+    public function createFile(): void
+    {
+        $name = $this->sanitiseName($this->newFileName);
+
+        if ($name === '') {
+            $this->showFlash('File name cannot be empty.', 'error');
+            return;
+        }
+
+        $relative = $this->buildRelative($name);
+        $full     = $this->page->storagePath($relative);
+
+        if ($this->disk()->exists($full)) {
+            $this->showFlash('A file with that name already exists.', 'error');
+            return;
+        }
+
+        $this->disk()->put($full, '');
+        $this->newFileName = '';
+        $this->openFile($relative);
+        unset($this->fileTree);
+    }
+
+    /** Create file and close the modal. */
+    public function createFileAndClose(): void
+    {
+        $name = $this->sanitiseName($this->newFileName);
+        if ($name === '') { $this->showFlash('File name cannot be empty.', 'error'); return; }
+
+        $relative = $this->buildRelative($name);
+        $full     = $this->page->storagePath($relative);
+
+        if ($this->disk()->exists($full)) {
+            $this->showFlash('A file with that name already exists.', 'error');
+            return;
+        }
+
+        $this->disk()->put($full, '');
+        $this->newFileName = '';
+        Flux::modal('new-file')->close();
+        $this->openFile($relative);
+        unset($this->fileTree);
+    }
+
+    public function createFolder(): void
+    {
+        $name = $this->sanitiseName($this->newFolderName);
+        if ($name === '') { $this->showFlash('Folder name cannot be empty.', 'error'); return; }
+
+        $relative = $this->buildRelative($name);
+        $this->disk()->makeDirectory($this->page->storagePath($relative));
+
+        $this->newFolderName = '';
+        $this->showFlash("Folder '{$name}' created.");
+        unset($this->fileTree);
+    }
+
+    /** Create folder and close the modal. */
+    public function createFolderAndClose(): void
+    {
+        $name = $this->sanitiseName($this->newFolderName);
+        if ($name === '') { $this->showFlash('Folder name cannot be empty.', 'error'); return; }
+
+        $relative = $this->buildRelative($name);
+        $this->disk()->makeDirectory($this->page->storagePath($relative));
+
+        $this->newFolderName = '';
+        Flux::modal('new-folder')->close();
+        $this->showFlash("Folder '{$name}' created.");
+        unset($this->fileTree);
+    }
+
+    /** Show delete confirmation modal. */
+    public function prepareDelete(string $path, string $type = 'file'): void
+    {
+        $this->guardPath($path);
+        $this->deleteTarget     = $path;
+        $this->deleteTargetName = basename($path);
+        $this->deleteTargetType = $type;
+        Flux::modal('delete-confirm')->show();
+    }
+
+    /** Execute the pending delete after modal confirmation. */
+    public function executeDelete(): void
+    {
+        if ($this->deleteTarget === '') return;
+
+        $full = $this->page->storagePath($this->deleteTarget);
+
+        if ($this->disk()->directoryExists($full)) {
+            $this->disk()->deleteDirectory($full);
+        } else {
+            $this->disk()->delete($full);
+        }
+
+        if ($this->activeFile === $this->deleteTarget) {
+            $this->activeFile  = '';
+            $this->fileContent = '';
+            $this->isDirty     = false;
+        }
+
+        $this->showFlash("Deleted {$this->deleteTargetName}.");
+        $this->deleteTarget     = '';
+        $this->deleteTargetName = '';
+        Flux::modal('delete-confirm')->close();
+        unset($this->fileTree);
+    }
+
+    /** Prepare rename (shows inline form in sidebar). */
+    public function prepareRename(string $path): void
+    {
+        $this->guardPath($path);
+        $this->renameTarget = $path;
+        $this->renameTo     = basename($path);
+    }
+
+    public function confirmRename(): void
+    {
+        if ($this->renameTarget === null) return;
+
+        $this->guardPath($this->renameTarget);
+        $newName = $this->sanitiseName($this->renameTo);
+        if ($newName === '') return;
+
+        $dir     = dirname($this->renameTarget);
+        $newPath = ($dir === '.' ? '' : $dir . '/') . $newName;
+
+        $this->disk()->move(
+            $this->page->storagePath($this->renameTarget),
+            $this->page->storagePath($newPath)
+        );
+
+        if ($this->activeFile === $this->renameTarget) {
+            $this->openFile($newPath);
+        }
+
+        $this->renameTarget = null;
+        $this->renameTo     = '';
+        $this->showFlash("Renamed to {$newName}.");
+        unset($this->fileTree);
+    }
+
+    public function enterDirectory(string $path): void
+    {
+        $this->currentDir = $path;
+        unset($this->fileTree);
+    }
+
+    public function goUp(): void
+    {
+        $parent           = dirname($this->currentDir);
+        $this->currentDir = ($parent === '.' || $parent === '') ? '' : $parent;
+        unset($this->fileTree);
+    }
+
+    // ─── Upload ───────────────────────────────────────────────────────────────
+
+    public function uploadFile(): void
+    {
+        $maxKb = (int) config('filesystems.max_upload_mb', 50) * 1024;
+        $this->validate(['upload' => "required|file|max:{$maxKb}"]);
+
+        $name     = $this->sanitiseName($this->upload->getClientOriginalName());
+        $storeDir = $this->page->storagePath($this->currentDir ?: '');
+        $this->disk()->putFileAs($storeDir, $this->upload, $name);
+
+        $this->upload = null;
+        $this->showFlash("Uploaded {$name}.");
+        Flux::modal('upload')->close();
+        unset($this->fileTree);
+    }
+
+    // ─── Page settings ────────────────────────────────────────────────────────
+
+    public function saveSettings(): void
+    {
+        $this->validate([
+            'pageName'     => 'required|string|max:255',
+            'pageSlug'     => "required|string|max:100|regex:/^[a-z0-9\\-]+$/|unique:pages,slug,{$this->page->id}",
+            'pageIsPublic' => 'boolean',
+        ]);
+
+        $this->page->update([
+            'name'      => $this->pageName,
+            'slug'      => $this->pageSlug,
+            'is_public' => $this->pageIsPublic,
+        ]);
+
+        $this->page->refresh();
+        Flux::modal('settings')->close();
+        $this->showFlash('Settings saved.');
+
+        if ($this->page->wasChanged('slug')) {
+            $this->redirect(route('pages.manager', $this->page->slug), navigate: true);
+        }
+    }
+
+    public function deletePage(): void
+    {
+        $this->page->delete();
+        $this->redirect(route('dashboard'), navigate: true);
+    }
+
+    // ─── Helpers ──────────────────────────────────────────────────────────────
+
+    private function showFlash(string $message, string $type = 'success'): void
+    {
+        $this->dispatch('show-flash', message: $message, type: $type);
+    }
+
+    private function disk(): \Illuminate\Contracts\Filesystem\Filesystem
+    {
+        return Storage::disk('pages');
+    }
+
+    private function guardPath(string $path): void
+    {
+        if (str_contains($path, '..') || str_starts_with($path, '/')) {
+            abort(400, 'Invalid path.');
+        }
+    }
+
+    private function buildRelative(string $name): string
+    {
+        return $this->currentDir ? "{$this->currentDir}/{$name}" : $name;
+    }
+
+    private function relative(string $fullPath, string $prefix): string
+    {
+        return ltrim(str_replace($prefix, '', $fullPath), '/');
+    }
+
+    private function sanitiseName(string $name): string
+    {
+        return preg_replace('/[^a-zA-Z0-9\-_.]/', '-', trim($name));
+    }
+
+    // ─── Render ───────────────────────────────────────────────────────────────
+
+    public function render()
+    {
+        return view('livewire.file-manager');
+    }
+}
diff --git a/app/Models/Page.php b/app/Models/Page.php
new file mode 100644
index 0000000..1d659a2
--- /dev/null
+++ b/app/Models/Page.php
@@ -0,0 +1,140 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Concerns\HasUlids;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Str;
+
+class Page extends Model
+{
+    use HasFactory, HasUlids;
+
+    protected $fillable = ['user_id', 'name', 'slug', 'is_public'];
+
+    protected $casts = ['is_public' => 'boolean'];
+
+    // ── Relationships ─────────────────────────────────────────────────────────
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    // ── Storage path helpers ──────────────────────────────────────────────────
+
+    /**
+     * Path relative to the "pages" disk root (storage/app/pages/).
+     * Used with Storage::disk('pages').
+     *   e.g.  my-site/index.html
+     */
+    public function storagePath(string $relative = ''): string
+    {
+        return $relative
+            ? $this->slug . '/' . ltrim($relative, '/')
+            : $this->slug;
+    }
+
+    /**
+     * Path relative to the default "local" disk root (storage/app/).
+     * Used with Storage::disk('local') / the Storage facade without a disk.
+     *   e.g.  pages/my-site/index.html
+     */
+    public function diskPath(string $relative = ''): string
+    {
+        $base = 'pages/' . $this->slug;
+        return $relative ? $base . '/' . ltrim($relative, '/') : $base;
+    }
+
+    /**
+     * Ensure the storage directory exists.
+     */
+    public function ensureStorageExists(): void
+    {
+        Storage::disk('pages')->makeDirectory($this->slug);
+    }
+
+    // ── URL helpers ───────────────────────────────────────────────────────────
+
+    public function subdomainUrl(string $path = ''): string
+    {
+        $base = 'https://' . $this->slug . '.' . config('app.base_domain', 'statichtmlsites.mtex.dev');
+        return $path ? rtrim($base, '/') . '/' . ltrim($path, '/') : $base . '/';
+    }
+
+    public function pathUrl(string $path = ''): string
+    {
+        $base = rtrim(config('app.url'), '/') . '/' . $this->slug;
+        return $path ? $base . '/' . ltrim($path, '/') : $base . '/';
+    }
+
+    // ── Slug factory ──────────────────────────────────────────────────────────
+
+    public static function makeUniqueSlug(string $name): string
+    {
+        $slug     = Str::slug($name);
+        $original = $slug;
+        $counter  = 1;
+
+        while (static::where('slug', $slug)->exists()) {
+            $slug = "{$original}-{$counter}";
+            $counter++;
+        }
+
+        return $slug;
+    }
+
+    // ── Model events ──────────────────────────────────────────────────────────
+
+    protected static function booted(): void
+    {
+        static::created(function (Page $page) {
+            Storage::disk('pages')->makeDirectory($page->slug);
+
+            if (! Storage::disk('pages')->exists($page->storagePath('index.html'))) {
+                Storage::disk('pages')->put(
+                    $page->storagePath('index.html'),
+                    static::defaultHtml($page->name)
+                );
+            }
+        });
+
+        static::deleted(function (Page $page) {
+            Storage::disk('pages')->deleteDirectory($page->slug);
+        });
+
+        static::updating(function (Page $page) {
+            if ($page->isDirty('slug')) {
+                $old = $page->getOriginal('slug');
+                $new = $page->slug;
+                Storage::disk('pages')->move($old, $new);
+            }
+        });
+    }
+
+    private static function defaultHtml(string $name): string
+    {
+        $escaped = htmlspecialchars($name, ENT_QUOTES);
+        return <<<HTML
+        <!DOCTYPE html>
+        <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+            <title>{$escaped}</title>
+            <style>
+                body { font-family: system-ui, sans-serif; display: flex; align-items: center;
+                       justify-content: center; min-height: 100vh; margin: 0; background: #f8fafc; }
+                h1   { color: #1e293b; }
+            </style>
+        </head>
+        <body>
+            <h1>Welcome to {$escaped}</h1>
+        </body>
+        </html>
+        HTML;
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index 6e0ea6e..c9f95c3 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -2,64 +2,28 @@
 
 namespace App\Models;
 
-// use Illuminate\Contracts\Auth\MustVerifyEmail;
-use Database\Factories\UserFactory;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
-use Illuminate\Support\Str;
-use Laravel\Fortify\TwoFactorAuthenticatable;
 
 class User extends Authenticatable
 {
-    /** @use HasFactory<UserFactory> */
-    use HasFactory, Notifiable, TwoFactorAuthenticatable;
+    use HasFactory, Notifiable;
 
-    /**
-     * The attributes that are mass assignable.
-     *
-     * @var list<string>
-     */
-    protected $fillable = [
-        'name',
-        'email',
-        'password',
-    ];
+    protected $fillable = ['name', 'email', 'password'];
+    protected $hidden   = ['password', 'remember_token'];
 
-    /**
-     * The attributes that should be hidden for serialization.
-     *
-     * @var list<string>
-     */
-    protected $hidden = [
-        'password',
-        'two_factor_secret',
-        'two_factor_recovery_codes',
-        'remember_token',
-    ];
-
-    /**
-     * Get the attributes that should be cast.
-     *
-     * @return array<string, string>
-     */
     protected function casts(): array
     {
         return [
             'email_verified_at' => 'datetime',
-            'password' => 'hashed',
+            'password'          => 'hashed',
         ];
     }
 
-    /**
-     * Get the user's initials
-     */
-    public function initials(): string
+    public function pages(): HasMany
     {
-        return Str::of($this->name)
-            ->explode(' ')
-            ->take(2)
-            ->map(fn ($word) => Str::substr($word, 0, 1))
-            ->implode('');
+        return $this->hasMany(Page::class);
     }
 }
diff --git a/app/Policies/PagePolicy.php b/app/Policies/PagePolicy.php
new file mode 100644
index 0000000..b6f411d
--- /dev/null
+++ b/app/Policies/PagePolicy.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Policies;
+
+use App\Models\Page;
+use App\Models\User;
+use Illuminate\Auth\Access\HandlesAuthorization;
+
+class PagePolicy
+{
+    use HandlesAuthorization;
+
+    public function view(User $user, Page $page): bool   { return $user->id === $page->user_id; }
+    public function update(User $user, Page $page): bool { return $user->id === $page->user_id; }
+    public function delete(User $user, Page $page): bool { return $user->id === $page->user_id; }
+}
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index f1525e9..27769d9 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -5,6 +5,9 @@
 use Carbon\CarbonImmutable;
 use Illuminate\Support\Facades\Date;
 use Illuminate\Support\Facades\DB;
+use App\Models\Page;
+use App\Policies\PagePolicy;
+use Illuminate\Support\Facades\Gate;
 use Illuminate\Support\ServiceProvider;
 use Illuminate\Validation\Rules\Password;
 
@@ -24,6 +27,7 @@ public function register(): void
     public function boot(): void
     {
         $this->configureDefaults();
+        Gate::policy(Page::class, PagePolicy::class);
     }
 
     /**
@@ -47,4 +51,4 @@ protected function configureDefaults(): void
             : null,
         );
     }
-}
+}
\ No newline at end of file
diff --git a/app/Services/FileManagerService.php b/app/Services/FileManagerService.php
new file mode 100644
index 0000000..a858ba5
--- /dev/null
+++ b/app/Services/FileManagerService.php
@@ -0,0 +1,220 @@
+<?php
+
+namespace App\Services;
+
+use App\Models\Page;
+use Illuminate\Http\UploadedFile;
+use Illuminate\Support\Facades\Storage;
+use Illuminate\Support\Str;
+use RuntimeException;
+
+/**
+ * All file operations use Storage::disk('pages').
+ * Paths passed in/out are always relative to the page root:
+ *   e.g.  "index.html"  or  "assets/logo.png"
+ */
+class FileManagerService
+{
+    private const EDITABLE_EXT = ['html', 'css', 'js', 'json', 'txt', 'xml', 'svg', 'md'];
+
+    private const ALLOWED_EXT  = [
+        'html', 'css', 'js', 'json', 'txt', 'xml', 'svg', 'md',
+        'mp4', 'mp3', 'wav', 'ogg', 'png', 'jpg', 'jpeg', 'gif',
+        'webp', 'webm', 'pdf', 'ico', 'woff', 'woff2',
+    ];
+
+    private function disk(): \Illuminate\Contracts\Filesystem\Filesystem
+    {
+        return Storage::disk('pages');
+    }
+
+    // ── Tree ─────────────────────────────────────────────────────────────────
+
+    public function tree(Page $page): array
+    {
+        return $this->buildTree($page->slug, $page->slug);
+    }
+
+    private function buildTree(string $dir, string $root): array
+    {
+        $items = [];
+
+        foreach ($this->disk()->directories($dir) as $d) {
+            $name     = basename($d);
+            $relative = $this->relative($d, $root);
+            $items[]  = [
+                'type'     => 'directory',
+                'name'     => $name,
+                'path'     => $relative,
+                'children' => $this->buildTree($d, $root),
+            ];
+        }
+
+        foreach ($this->disk()->files($dir) as $f) {
+            $name     = basename($f);
+            $relative = $this->relative($f, $root);
+            $ext      = strtolower(pathinfo($name, PATHINFO_EXTENSION));
+            $items[]  = [
+                'type'     => 'file',
+                'name'     => $name,
+                'path'     => $relative,
+                'editable' => in_array($ext, self::EDITABLE_EXT, true),
+                'ext'      => $ext,
+                'size'     => $this->disk()->size($f),
+            ];
+        }
+
+        usort($items, fn ($a, $b) =>
+            [$a['type'] === 'file' ? 1 : 0, $a['name']]
+            <=>
+            [$b['type'] === 'file' ? 1 : 0, $b['name']]
+        );
+
+        return $items;
+    }
+
+    // ── Read / Write ──────────────────────────────────────────────────────────
+
+    public function read(Page $page, string $relative): string
+    {
+        $path = $page->storagePath($relative);
+        $this->guard($page, $relative);
+
+        if (! $this->disk()->exists($path)) {
+            throw new RuntimeException("File not found: {$relative}");
+        }
+
+        return $this->disk()->get($path);
+    }
+
+    public function save(Page $page, string $relative, string $content): void
+    {
+        $this->guard($page, $relative);
+        $this->disk()->put($page->storagePath($relative), $content);
+    }
+
+    public function createFile(Page $page, string $relative): void
+    {
+        $relative = $this->sanitizePath($relative);
+        $path     = $page->storagePath($relative);
+        $this->guard($page, $relative);
+
+        if ($this->disk()->exists($path)) {
+            throw new RuntimeException("File already exists: {$relative}");
+        }
+
+        $this->disk()->put($path, '');
+    }
+
+    // ── Upload ────────────────────────────────────────────────────────────────
+
+    public function upload(Page $page, UploadedFile $file, string $folder = ''): void
+    {
+        $name = $this->sanitizeName($file->getClientOriginalName());
+        $ext  = strtolower($file->getClientOriginalExtension());
+
+        if (! in_array($ext, self::ALLOWED_EXT, true)) {
+            throw new RuntimeException("File type .{$ext} is not allowed.");
+        }
+
+        $folder  = $folder ? $this->sanitizePath($folder) : '';
+        $diskDir = $folder
+            ? $page->storagePath($folder)
+            : $page->slug;
+
+        $this->disk()->putFileAs($diskDir, $file, $name);
+    }
+
+    // ── Delete ────────────────────────────────────────────────────────────────
+
+    public function delete(Page $page, string $relative): void
+    {
+        $path = $page->storagePath($relative);
+        $this->guard($page, $relative);
+
+        if ($this->disk()->directoryExists($path)) {
+            $this->disk()->deleteDirectory($path);
+        } elseif ($this->disk()->exists($path)) {
+            $this->disk()->delete($path);
+        } else {
+            throw new RuntimeException("Path not found: {$relative}");
+        }
+    }
+
+    // ── Folder ────────────────────────────────────────────────────────────────
+
+    public function createFolder(Page $page, string $relative): void
+    {
+        $relative = $this->sanitizePath($relative);
+        $this->guard($page, $relative);
+        $this->disk()->makeDirectory($page->storagePath($relative));
+    }
+
+    // ── Rename ────────────────────────────────────────────────────────────────
+
+    public function rename(Page $page, string $from, string $to): void
+    {
+        $from = $this->sanitizePath($from);
+        $to   = $this->sanitizePath($to);
+
+        $this->guard($page, $from);
+        $this->guard($page, $to);
+
+        $fromPath = $page->storagePath($from);
+        $toPath   = $page->storagePath($to);
+
+        if ($this->disk()->directoryExists($fromPath)) {
+            $this->moveDirectory($fromPath, $toPath);
+        } elseif ($this->disk()->exists($fromPath)) {
+            $this->disk()->move($fromPath, $toPath);
+        } else {
+            throw new RuntimeException("Path not found: {$from}");
+        }
+    }
+
+    private function moveDirectory(string $from, string $to): void
+    {
+        $this->disk()->makeDirectory($to);
+
+        foreach ($this->disk()->allFiles($from) as $file) {
+            $relative = Str::after($file, $from . '/');
+            $this->disk()->move($file, $to . '/' . $relative);
+        }
+
+        $this->disk()->deleteDirectory($from);
+    }
+
+    // ── Security ──────────────────────────────────────────────────────────────
+
+    /**
+     * Prevent path traversal. 'relative' must not escape the page slug directory.
+     */
+    private function guard(Page $page, string $relative): void
+    {
+        if (str_contains($relative, '..') || str_starts_with($relative, '/')) {
+            throw new RuntimeException('Path traversal detected.');
+        }
+    }
+
+    // ── Helpers ───────────────────────────────────────────────────────────────
+
+    private function relative(string $full, string $root): string
+    {
+        return ltrim(Str::after($full, $root . '/'), '/');
+    }
+
+    private function sanitizeName(string $name): string
+    {
+        $ext  = pathinfo($name, PATHINFO_EXTENSION);
+        $stem = pathinfo($name, PATHINFO_FILENAME);
+        $safe = preg_replace('/[^a-zA-Z0-9\-_]/', '-', $stem);
+        return $ext ? "{$safe}.{$ext}" : $safe;
+    }
+
+    private function sanitizePath(string $path): string
+    {
+        $segments = array_filter(explode('/', str_replace('\\', '/', $path)));
+        $safe     = array_map(fn ($s) => preg_replace('/[^a-zA-Z0-9\-_.]/', '-', $s), $segments);
+        return implode('/', $safe);
+    }
+}
diff --git a/bootstrap/app.php b/bootstrap/app.php
index c183276..8aef765 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -3,16 +3,33 @@
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
+use Illuminate\Http\Request;
 
 return Application::configure(basePath: dirname(__DIR__))
     ->withRouting(
-        web: __DIR__.'/../routes/web.php',
-        commands: __DIR__.'/../routes/console.php',
+        web: __DIR__ . '/../routes/web.php',
+        commands: __DIR__ . '/../routes/console.php',
         health: '/up',
     )
-    ->withMiddleware(function (Middleware $middleware): void {
-        //
+    ->withMiddleware(function (Middleware $middleware) {
+        $middleware->web(append: [
+            \App\Http\Middleware\HandleAppearance::class,
+        ]);
+
+        $middleware->alias([
+            'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
+        ]);
+
+        // Exclude page-serving routes from CSRF so subdomain requests work
+        $middleware->validateCsrfTokens(except: [
+            // CSRF is only needed for state-mutating requests from the browser,
+            // but we serve pages publicly so no exclusions needed here.
+        ]);
+    })
+    ->withExceptions(function (Exceptions $exceptions) {
+        // Return JSON for API-like file manager requests
+        $exceptions->shouldRenderJsonWhen(function (Request $request, Throwable $e) {
+            return $request->is('*/files*') || $request->expectsJson();
+        });
     })
-    ->withExceptions(function (Exceptions $exceptions): void {
-        //
-    })->create();
+    ->create();
diff --git a/bootstrap/providers.php b/bootstrap/providers.php
index 5ffd769..38b258d 100644
--- a/bootstrap/providers.php
+++ b/bootstrap/providers.php
@@ -1,9 +1,5 @@
 <?php
 
-use App\Providers\AppServiceProvider;
-use App\Providers\FortifyServiceProvider;
-
 return [
-    AppServiceProvider::class,
-    FortifyServiceProvider::class,
+    App\Providers\AppServiceProvider::class,
 ];
diff --git a/composer.json b/composer.json
index f2255e1..8b11659 100644
--- a/composer.json
+++ b/composer.json
@@ -1,15 +1,12 @@
 {
-    "$schema": "https://getcomposer.org/schema.json",
-    "name": "laravel/livewire-starter-kit",
+    "name": "mtex/statichtmlsites",
     "type": "project",
-    "description": "The official Laravel starter kit for Livewire.",
-    "keywords": [
-        "laravel",
-        "framework"
-    ],
+    "description": "Host and manage static HTML mini-sites.",
+    "keywords": ["laravel", "framework"],
     "license": "MIT",
     "require": {
         "php": "^8.2",
+        "laravel/breeze": "^2.1",
         "laravel/fortify": "^1.30",
         "laravel/framework": "^12.0",
         "laravel/tinker": "^2.10.1",
@@ -52,16 +49,9 @@
             "Composer\\Config::disableProcessTimeout",
             "npx concurrently -c \"#93c5fd,#c4b5fd,#fb7185,#fdba74\" \"php artisan serve\" \"php artisan queue:listen --tries=1 --timeout=0\" \"php artisan pail --timeout=0\" \"npm run dev\" --names=server,queue,logs,vite --kill-others"
         ],
-        "lint": [
-            "pint --parallel"
-        ],
-        "lint:check": [
-            "pint --parallel --test"
-        ],
-        "ci:check": [
-            "Composer\\Config::disableProcessTimeout",
-            "@test"
-        ],
+        "lint": ["pint --parallel"],
+        "lint:check": ["pint --parallel --test"],
+        "ci:check": ["Composer\\Config::disableProcessTimeout", "@test"],
         "test": [
             "@php artisan config:clear --ansi",
             "@lint:check",
@@ -102,4 +92,4 @@
     },
     "minimum-stability": "stable",
     "prefer-stable": true
-}
\ No newline at end of file
+}
diff --git a/composer.lock b/composer.lock
index 6e9ba17..8fcccde 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "63028766c4e0986010161b1f1958f00d",
+    "content-hash": "b33d07e938b3692a14088c8f0a47317d",
     "packages": [
         {
             "name": "bacon/bacon-qr-code",
@@ -1158,6 +1158,67 @@
             ],
             "time": "2025-08-22T14:27:06+00:00"
         },
+        {
+            "name": "laravel/breeze",
+            "version": "v2.4.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/breeze.git",
+                "reference": "28cefeaf6af20177ddf5cc7b93e87e4ad79d533f"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/breeze/zipball/28cefeaf6af20177ddf5cc7b93e87e4ad79d533f",
+                "reference": "28cefeaf6af20177ddf5cc7b93e87e4ad79d533f",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/console": "^11.0|^12.0|^13.0",
+                "illuminate/filesystem": "^11.0|^12.0|^13.0",
+                "illuminate/support": "^11.0|^12.0|^13.0",
+                "illuminate/validation": "^11.0|^12.0|^13.0",
+                "php": "^8.2.0",
+                "symfony/console": "^7.0|^8.0"
+            },
+            "require-dev": {
+                "laravel/framework": "^11.0|^12.0|^13.0",
+                "orchestra/testbench-core": "^9.0|^10.0|^11.0",
+                "phpstan/phpstan": "^2.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laravel\\Breeze\\BreezeServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Breeze\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylor@laravel.com"
+                }
+            ],
+            "description": "Minimal Laravel authentication scaffolding with Blade and Tailwind.",
+            "keywords": [
+                "auth",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/laravel/breeze/issues",
+                "source": "https://github.com/laravel/breeze"
+            },
+            "time": "2026-03-10T19:59:01+00:00"
+        },
         {
             "name": "laravel/fortify",
             "version": "v1.36.1",
@@ -2190,16 +2251,16 @@
         },
         {
             "name": "livewire/blaze",
-            "version": "v1.0.7",
+            "version": "v1.0.8",
             "source": {
                 "type": "git",
                 "url": "https://github.com/livewire/blaze.git",
-                "reference": "20cb545a8f70a3325f17c97254bb2532a99c0731"
+                "reference": "b7d8976e540f792aaf52c4955c3576fcc7eb5c0e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/livewire/blaze/zipball/20cb545a8f70a3325f17c97254bb2532a99c0731",
-                "reference": "20cb545a8f70a3325f17c97254bb2532a99c0731",
+                "url": "https://api.github.com/repos/livewire/blaze/zipball/b7d8976e540f792aaf52c4955c3576fcc7eb5c0e",
+                "reference": "b7d8976e540f792aaf52c4955c3576fcc7eb5c0e",
                 "shasum": ""
             },
             "require": {
@@ -2242,9 +2303,9 @@
             "description": "A tool for optimizing Blade component performance by folding them into parent templates",
             "support": {
                 "issues": "https://github.com/livewire/blaze/issues",
-                "source": "https://github.com/livewire/blaze/tree/v1.0.7"
+                "source": "https://github.com/livewire/blaze/tree/v1.0.8"
             },
-            "time": "2026-03-12T14:25:42+00:00"
+            "time": "2026-03-14T15:06:24+00:00"
         },
         {
             "name": "livewire/flux",
diff --git a/config/app.php b/config/app.php
index 440992f..e7211da 100644
--- a/config/app.php
+++ b/config/app.php
@@ -1,5 +1,8 @@
 <?php
 
+use Illuminate\Support\Facades\Facade;
+use Illuminate\Support\ServiceProvider;
+
 return [
 
     /*
@@ -84,6 +87,21 @@
 
     'faker_locale' => env('APP_FAKER_LOCALE', 'en_US'),
 
+    /*
+    |--------------------------------------------------------------------------
+    | Base domain
+    | Used for subdomain routing and URL helpers.
+    |--------------------------------------------------------------------------
+    */
+    'base_domain' => env('APP_BASE_DOMAIN', 'statichtmlsites.mtex.dev'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Max upload size (MB)
+    |--------------------------------------------------------------------------
+    */
+    'max_upload_mb' => (int) env('MAX_UPLOAD_MB', 50),
+
     /*
     |--------------------------------------------------------------------------
     | Encryption Key
@@ -123,4 +141,12 @@
         'store' => env('APP_MAINTENANCE_STORE', 'database'),
     ],
 
+
+    'providers' => ServiceProvider::defaultProviders()->merge([
+        App\Providers\AppServiceProvider::class,
+    ])->toArray(),
+
+    'aliases' => Facade::defaultAliases()->merge([
+        // 'Example' => App\Facades\Example::class,
+    ])->toArray(),
 ];
diff --git a/config/filesystems.php b/config/filesystems.php
index 37d8fca..023680d 100644
--- a/config/filesystems.php
+++ b/config/filesystems.php
@@ -47,6 +47,20 @@
             'report' => false,
         ],
 
+        /*
+        |----------------------------------------------------------------------
+        | Pages disk
+        | All user page files live here, scoped per slug:
+        |   storage/app/pages/{slug}/
+        |----------------------------------------------------------------------
+        */
+        'pages' => [
+            'driver'     => 'local',
+            'root'       => storage_path('app/pages'),
+            'visibility' => 'public',
+            'throw'      => true,
+        ],
+
         's3' => [
             'driver' => 's3',
             'key' => env('AWS_ACCESS_KEY_ID'),
diff --git a/database/factories/PageFactory.php b/database/factories/PageFactory.php
new file mode 100644
index 0000000..e7721f6
--- /dev/null
+++ b/database/factories/PageFactory.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Str;
+
+class PageFactory extends Factory
+{
+    public function definition(): array
+    {
+        $name = fake()->unique()->words(3, true);
+        return [
+            'user_id'   => User::factory(),
+            'name'      => ucwords($name),
+            'slug'      => Str::slug($name),
+            'is_public' => true,
+        ];
+    }
+
+    public function private(): static
+    {
+        return $this->state(['is_public' => false]);
+    }
+
+    public function withSlug(string $slug): static
+    {
+        return $this->state(['slug' => $slug]);
+    }
+}
diff --git a/database/factories/UserFactory.php b/database/factories/UserFactory.php
index 98825c8..29c4d3f 100644
--- a/database/factories/UserFactory.php
+++ b/database/factories/UserFactory.php
@@ -2,59 +2,29 @@
 
 namespace Database\Factories;
 
-use App\Models\User;
 use Illuminate\Database\Eloquent\Factories\Factory;
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Str;
 
-/**
- * @extends Factory<User>
- */
 class UserFactory extends Factory
 {
-    /**
-     * The current password being used by the factory.
-     */
     protected static ?string $password;
 
-    /**
-     * Define the model's default state.
-     *
-     * @return array<string, mixed>
-     */
     public function definition(): array
     {
         return [
-            'name' => fake()->name(),
-            'email' => fake()->unique()->safeEmail(),
+            'name'              => fake()->name(),
+            'email'             => fake()->unique()->safeEmail(),
             'email_verified_at' => now(),
-            'password' => static::$password ??= Hash::make('password'),
-            'remember_token' => Str::random(10),
-            'two_factor_secret' => null,
-            'two_factor_recovery_codes' => null,
-            'two_factor_confirmed_at' => null,
+            'password'          => static::$password ??= Hash::make('password'),
+            'remember_token'    => Str::random(10),
         ];
     }
 
-    /**
-     * Indicate that the model's email address should be unverified.
-     */
     public function unverified(): static
     {
         return $this->state(fn (array $attributes) => [
             'email_verified_at' => null,
         ]);
     }
-
-    /**
-     * Indicate that the model has two-factor authentication configured.
-     */
-    public function withTwoFactor(): static
-    {
-        return $this->state(fn (array $attributes) => [
-            'two_factor_secret' => encrypt('secret'),
-            'two_factor_recovery_codes' => encrypt(json_encode(['recovery-code-1'])),
-            'two_factor_confirmed_at' => now(),
-        ]);
-    }
 }
diff --git a/database/migrations/2026_01_01_000001_create_pages_table.php b/database/migrations/2026_01_01_000001_create_pages_table.php
new file mode 100644
index 0000000..522dadb
--- /dev/null
+++ b/database/migrations/2026_01_01_000001_create_pages_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('pages', function (Blueprint $table) {
+            $table->ulid('id')->primary();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete();
+            $table->string('name');
+            $table->string('slug')->unique();
+            $table->boolean('is_public')->default(true);
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('pages');
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index d01a0ef..a47f669 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -3,20 +3,14 @@
 namespace Database\Seeders;
 
 use App\Models\User;
-// use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
 
 class DatabaseSeeder extends Seeder
 {
-    /**
-     * Seed the application's database.
-     */
     public function run(): void
     {
-        // User::factory(10)->create();
-
         User::factory()->create([
-            'name' => 'Test User',
+            'name'  => 'Test User',
             'email' => 'test@example.com',
         ]);
     }
diff --git a/package-lock.json b/package-lock.json
index 40b5dd4..ef15d56 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,11 +5,25 @@
     "packages": {
         "": {
             "dependencies": {
+                "@codemirror/commands": "^6.6.0",
+                "@codemirror/lang-css": "^6.2.1",
+                "@codemirror/lang-html": "^6.4.9",
+                "@codemirror/lang-javascript": "^6.2.2",
+                "@codemirror/lang-json": "^6.0.1",
+                "@codemirror/lang-xml": "^6.1.0",
+                "@codemirror/language": "^6.10.1",
+                "@codemirror/state": "^6.4.1",
+                "@codemirror/theme-one-dark": "^6.1.2",
+                "@codemirror/view": "^6.33.0",
+                "alpinejs": "^3.14.0",
+                "axios": "^1.7.4"
+            },
+            "devDependencies": {
                 "@tailwindcss/vite": "^4.1.11",
                 "autoprefixer": "^10.4.20",
-                "axios": "^1.7.4",
                 "concurrently": "^9.0.1",
                 "laravel-vite-plugin": "^2.0",
+                "postcss": "^8.4.38",
                 "tailwindcss": "^4.0.7",
                 "vite": "^7.0.4"
             },
@@ -19,6 +33,157 @@
                 "lightningcss-linux-x64-gnu": "^1.29.1"
             }
         },
+        "node_modules/@codemirror/autocomplete": {
+            "version": "6.20.1",
+            "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.20.1.tgz",
+            "integrity": "sha512-1cvg3Vz1dSSToCNlJfRA2WSI4ht3K+WplO0UMOgmUYPivCyy2oueZY6Lx7M9wThm7SDUBViRmuT+OG/i8+ON9A==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.17.0",
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/commands": {
+            "version": "6.10.3",
+            "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.10.3.tgz",
+            "integrity": "sha512-JFRiqhKu+bvSkDLI+rUhJwSxQxYb759W5GBezE8Uc8mHLqC9aV/9aTC7yJSqCtB3F00pylrLCwnyS91Ap5ej4Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.6.0",
+                "@codemirror/view": "^6.27.0",
+                "@lezer/common": "^1.1.0"
+            }
+        },
+        "node_modules/@codemirror/lang-css": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.3.1.tgz",
+            "integrity": "sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@lezer/common": "^1.0.2",
+                "@lezer/css": "^1.1.7"
+            }
+        },
+        "node_modules/@codemirror/lang-html": {
+            "version": "6.4.11",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.11.tgz",
+            "integrity": "sha512-9NsXp7Nwp891pQchI7gPdTwBuSuT3K65NGTHWHNJ55HjYcHLllr0rbIZNdOzas9ztc1EUVBlHou85FFZS4BNnw==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/lang-css": "^6.0.0",
+                "@codemirror/lang-javascript": "^6.0.0",
+                "@codemirror/language": "^6.4.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.17.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/css": "^1.1.0",
+                "@lezer/html": "^1.3.12"
+            }
+        },
+        "node_modules/@codemirror/lang-javascript": {
+            "version": "6.2.5",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.5.tgz",
+            "integrity": "sha512-zD4e5mS+50htS7F+TYjBPsiIFGanfVqg4HyUz6WNFikgOPf2BgKlx+TQedI1w6n/IqRBVBbBWmGFdLB/7uxO4A==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.6.0",
+                "@codemirror/lint": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.17.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/javascript": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-json": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-json/-/lang-json-6.0.2.tgz",
+            "integrity": "sha512-x2OtO+AvwEHrEwR0FyyPtfDUiloG3rnVTSZV1W8UteaLL8/MajQd8DpvUb2YVzC+/T18aSDv0H9mu+xw0EStoQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@lezer/json": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/lang-xml": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/lang-xml/-/lang-xml-6.1.0.tgz",
+            "integrity": "sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/autocomplete": "^6.0.0",
+                "@codemirror/language": "^6.4.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/common": "^1.0.0",
+                "@lezer/xml": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/language": {
+            "version": "6.12.2",
+            "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.12.2.tgz",
+            "integrity": "sha512-jEPmz2nGGDxhRTg3lTpzmIyGKxz3Gp3SJES4b0nAuE5SWQoKdT5GoQ69cwMmFd+wvFUhYirtDTr0/DRHpQAyWg==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.23.0",
+                "@lezer/common": "^1.5.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0",
+                "style-mod": "^4.0.0"
+            }
+        },
+        "node_modules/@codemirror/lint": {
+            "version": "6.9.5",
+            "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.9.5.tgz",
+            "integrity": "sha512-GElsbU9G7QT9xXhpUg1zWGmftA/7jamh+7+ydKRuT0ORpWS3wOSP0yT1FOlIZa7mIJjpVPipErsyvVqB9cfTFA==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.35.0",
+                "crelt": "^1.0.5"
+            }
+        },
+        "node_modules/@codemirror/state": {
+            "version": "6.6.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.6.0.tgz",
+            "integrity": "sha512-4nbvra5R5EtiCzr9BTHiTLc+MLXK2QGiAVYMyi8PkQd3SR+6ixar/Q/01Fa21TBIDOZXgeWV4WppsQolSreAPQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@marijn/find-cluster-break": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/theme-one-dark": {
+            "version": "6.1.3",
+            "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.3.tgz",
+            "integrity": "sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/language": "^6.0.0",
+                "@codemirror/state": "^6.0.0",
+                "@codemirror/view": "^6.0.0",
+                "@lezer/highlight": "^1.0.0"
+            }
+        },
+        "node_modules/@codemirror/view": {
+            "version": "6.40.0",
+            "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.40.0.tgz",
+            "integrity": "sha512-WA0zdU7xfF10+5I3HhUUq3kqOx3KjqmtQ9lqZjfK7jtYk4G72YW9rezcSywpaUMCWOMlq+6E0pO1IWg1TNIhtg==",
+            "license": "MIT",
+            "dependencies": {
+                "@codemirror/state": "^6.6.0",
+                "crelt": "^1.0.6",
+                "style-mod": "^4.1.0",
+                "w3c-keyname": "^2.2.4"
+            }
+        },
         "node_modules/@esbuild/aix-ppc64": {
             "version": "0.27.4",
             "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.4.tgz",
@@ -26,6 +191,7 @@
             "cpu": [
                 "ppc64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -42,6 +208,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -58,6 +225,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -74,6 +242,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -90,6 +259,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -106,6 +276,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -122,6 +293,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -138,6 +310,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -154,6 +327,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -170,6 +344,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -186,6 +361,7 @@
             "cpu": [
                 "ia32"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -202,6 +378,7 @@
             "cpu": [
                 "loong64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -218,6 +395,7 @@
             "cpu": [
                 "mips64el"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -234,6 +412,7 @@
             "cpu": [
                 "ppc64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -250,6 +429,7 @@
             "cpu": [
                 "riscv64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -266,6 +446,7 @@
             "cpu": [
                 "s390x"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -282,6 +463,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -298,6 +480,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -314,6 +497,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -330,6 +514,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -346,6 +531,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -362,6 +548,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -378,6 +565,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -394,6 +582,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -410,6 +599,7 @@
             "cpu": [
                 "ia32"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -426,6 +616,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -439,6 +630,7 @@
             "version": "0.3.13",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
             "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.5.0",
@@ -449,6 +641,7 @@
             "version": "2.3.5",
             "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
             "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/gen-mapping": "^0.3.5",
@@ -459,6 +652,7 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
             "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=6.0.0"
@@ -468,18 +662,105 @@
             "version": "1.5.5",
             "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
             "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.31",
             "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
             "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/resolve-uri": "^3.1.0",
                 "@jridgewell/sourcemap-codec": "^1.4.14"
             }
         },
+        "node_modules/@lezer/common": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.5.1.tgz",
+            "integrity": "sha512-6YRVG9vBkaY7p1IVxL4s44n5nUnaNnGM2/AckNgYOnxTG2kWh1vR8BMxPseWPjRNpb5VtXnMpeYAEAADoRV1Iw==",
+            "license": "MIT"
+        },
+        "node_modules/@lezer/css": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.3.1.tgz",
+            "integrity": "sha512-PYAKeUVBo3HFThruRyp/iK91SwiZJnzXh8QzkQlwijB5y+N5iB28+iLk78o2zmKqqV0uolNhCwFqB8LA7b0Svg==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.2.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.3.0"
+            }
+        },
+        "node_modules/@lezer/highlight": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz",
+            "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.3.0"
+            }
+        },
+        "node_modules/@lezer/html": {
+            "version": "1.3.13",
+            "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.13.tgz",
+            "integrity": "sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.2.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/javascript": {
+            "version": "1.5.4",
+            "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.4.tgz",
+            "integrity": "sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.2.0",
+                "@lezer/highlight": "^1.1.3",
+                "@lezer/lr": "^1.3.0"
+            }
+        },
+        "node_modules/@lezer/json": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.3.tgz",
+            "integrity": "sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.2.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/lr": {
+            "version": "1.4.8",
+            "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.8.tgz",
+            "integrity": "sha512-bPWa0Pgx69ylNlMlPvBPryqeLYQjyJjqPx+Aupm5zydLIF3NE+6MMLT8Yi23Bd9cif9VS00aUebn+6fDIGBcDA==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.0.0"
+            }
+        },
+        "node_modules/@lezer/xml": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.6.tgz",
+            "integrity": "sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==",
+            "license": "MIT",
+            "dependencies": {
+                "@lezer/common": "^1.2.0",
+                "@lezer/highlight": "^1.0.0",
+                "@lezer/lr": "^1.0.0"
+            }
+        },
+        "node_modules/@marijn/find-cluster-break": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+            "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+            "license": "MIT"
+        },
         "node_modules/@rollup/rollup-android-arm-eabi": {
             "version": "4.59.0",
             "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
@@ -487,6 +768,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -500,6 +782,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -513,6 +796,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -526,6 +810,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -539,6 +824,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -552,6 +838,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -565,6 +852,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -578,6 +866,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -591,6 +880,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -604,6 +894,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -617,6 +908,7 @@
             "cpu": [
                 "loong64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -630,6 +922,7 @@
             "cpu": [
                 "loong64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -643,6 +936,7 @@
             "cpu": [
                 "ppc64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -656,6 +950,7 @@
             "cpu": [
                 "ppc64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -669,6 +964,7 @@
             "cpu": [
                 "riscv64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -682,6 +978,7 @@
             "cpu": [
                 "riscv64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -695,6 +992,7 @@
             "cpu": [
                 "s390x"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -721,6 +1019,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -734,6 +1033,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -747,6 +1047,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -760,6 +1061,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -773,6 +1075,7 @@
             "cpu": [
                 "ia32"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -786,6 +1089,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -799,6 +1103,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -809,6 +1114,7 @@
             "version": "4.2.1",
             "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.1.tgz",
             "integrity": "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/remapping": "^2.3.5",
@@ -824,6 +1130,7 @@
             "version": "4.2.1",
             "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.1.tgz",
             "integrity": "sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 20"
@@ -850,6 +1157,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -866,6 +1174,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -882,6 +1191,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -898,6 +1208,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -914,6 +1225,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -930,6 +1242,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -946,6 +1259,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -978,6 +1292,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1002,6 +1317,7 @@
             "cpu": [
                 "wasm32"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "dependencies": {
@@ -1023,6 +1339,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1039,6 +1356,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1052,6 +1370,7 @@
             "version": "4.2.1",
             "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.1.tgz",
             "integrity": "sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@tailwindcss/node": "4.2.1",
@@ -1066,12 +1385,38 @@
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
             "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
             "license": "MIT"
         },
+        "node_modules/alpinejs": {
+            "version": "3.15.8",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.15.8.tgz",
+            "integrity": "sha512-zxIfCRTBGvF1CCLIOMQOxAyBuqibxSEwS6Jm1a3HGA9rgrJVcjEWlwLcQTVGAWGS8YhAsTRLVrtQ5a5QT9bSSQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
             "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -1081,6 +1426,7 @@
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
             "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "color-convert": "^2.0.1"
@@ -1102,6 +1448,7 @@
             "version": "10.4.27",
             "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.27.tgz",
             "integrity": "sha512-NP9APE+tO+LuJGn7/9+cohklunJsXWiaWEfV3si4Gi/XHDwVNgkwr1J3RQYFIvPy76GmJ9/bW8vyoU1LcxwKHA==",
+            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -1149,6 +1496,7 @@
             "version": "2.10.7",
             "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.7.tgz",
             "integrity": "sha512-1ghYO3HnxGec0TCGBXiDLVns4eCSx4zJpxnHrlqFQajmhfKMQBzUGDdkMK7fUW7PTHTeLf+j87aTuKuuwWzMGw==",
+            "dev": true,
             "license": "Apache-2.0",
             "bin": {
                 "baseline-browser-mapping": "dist/cli.cjs"
@@ -1161,6 +1509,7 @@
             "version": "4.28.1",
             "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
             "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
+            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -1207,6 +1556,7 @@
             "version": "1.0.30001778",
             "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001778.tgz",
             "integrity": "sha512-PN7uxFL+ExFJO61aVmP1aIEG4i9whQd4eoSCebav62UwDyp5OHh06zN4jqKSMePVgxHifCw1QJxdRkA1Pisekg==",
+            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -1227,6 +1577,7 @@
             "version": "4.1.2",
             "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
             "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "ansi-styles": "^4.1.0",
@@ -1243,6 +1594,7 @@
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
             "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "has-flag": "^4.0.0"
@@ -1255,6 +1607,7 @@
             "version": "8.0.1",
             "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
             "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+            "dev": true,
             "license": "ISC",
             "dependencies": {
                 "string-width": "^4.2.0",
@@ -1269,6 +1622,7 @@
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
             "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "color-name": "~1.1.4"
@@ -1281,6 +1635,7 @@
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
             "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/combined-stream": {
@@ -1299,6 +1654,7 @@
             "version": "9.2.1",
             "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.1.tgz",
             "integrity": "sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "chalk": "4.1.2",
@@ -1319,6 +1675,12 @@
                 "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
             }
         },
+        "node_modules/crelt": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+            "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+            "license": "MIT"
+        },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -1332,6 +1694,7 @@
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
             "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+            "dev": true,
             "license": "Apache-2.0",
             "engines": {
                 "node": ">=8"
@@ -1355,18 +1718,21 @@
             "version": "1.5.313",
             "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.313.tgz",
             "integrity": "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA==",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/emoji-regex": {
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
             "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/enhanced-resolve": {
             "version": "5.20.0",
             "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
             "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "graceful-fs": "^4.2.4",
@@ -1425,6 +1791,7 @@
             "version": "0.27.4",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.4.tgz",
             "integrity": "sha512-Rq4vbHnYkK5fws5NF7MYTU68FPRE1ajX7heQ/8QXXWqNgqqJ/GkmmyxIzUnf2Sr/bakf8l54716CcMGHYhMrrQ==",
+            "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -1466,6 +1833,7 @@
             "version": "3.2.0",
             "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
             "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -1475,6 +1843,7 @@
             "version": "6.5.0",
             "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
             "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=12.0.0"
@@ -1528,6 +1897,7 @@
             "version": "5.3.4",
             "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
             "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": "*"
@@ -1541,6 +1911,7 @@
             "version": "2.3.3",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
             "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
             "optional": true,
@@ -1564,6 +1935,7 @@
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
             "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "dev": true,
             "license": "ISC",
             "engines": {
                 "node": "6.* || 8.* || >= 10.*"
@@ -1622,12 +1994,14 @@
             "version": "4.2.11",
             "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
             "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/has-flag": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
             "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -1676,6 +2050,7 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
             "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=8"
@@ -1685,6 +2060,7 @@
             "version": "2.6.1",
             "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
             "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+            "dev": true,
             "license": "MIT",
             "bin": {
                 "jiti": "lib/jiti-cli.mjs"
@@ -1694,6 +2070,7 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-2.1.0.tgz",
             "integrity": "sha512-z+ck2BSV6KWtYcoIzk9Y5+p4NEjqM+Y4i8/H+VZRLq0OgNjW2DqyADquwYu5j8qRvaXwzNmfCWl1KrMlV1zpsg==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -1713,6 +2090,7 @@
             "version": "1.31.1",
             "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.31.1.tgz",
             "integrity": "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==",
+            "dev": true,
             "license": "MPL-2.0",
             "dependencies": {
                 "detect-libc": "^2.0.3"
@@ -1745,6 +2123,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1765,6 +2144,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1785,6 +2165,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1805,6 +2186,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1825,6 +2207,7 @@
             "cpu": [
                 "arm"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1845,6 +2228,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1865,6 +2249,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1905,6 +2290,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1925,6 +2311,7 @@
             "cpu": [
                 "arm64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1945,6 +2332,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1965,6 +2353,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -1982,6 +2371,7 @@
             "version": "0.30.21",
             "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
             "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@jridgewell/sourcemap-codec": "^1.5.5"
@@ -2021,6 +2411,7 @@
             "version": "3.3.11",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
             "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -2039,18 +2430,21 @@
             "version": "2.0.36",
             "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
             "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/picocolors": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
             "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "dev": true,
             "license": "ISC"
         },
         "node_modules/picomatch": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
             "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -2063,6 +2457,7 @@
             "version": "8.5.8",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
             "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -2091,6 +2486,7 @@
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/proxy-from-env": {
@@ -2103,6 +2499,7 @@
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
             "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.10.0"
@@ -2112,6 +2509,7 @@
             "version": "4.59.0",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
             "integrity": "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.8"
@@ -2159,6 +2557,7 @@
             "cpu": [
                 "x64"
             ],
+            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -2169,6 +2568,7 @@
             "version": "7.8.2",
             "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
             "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+            "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
                 "tslib": "^2.1.0"
@@ -2178,6 +2578,7 @@
             "version": "1.8.3",
             "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
             "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2190,6 +2591,7 @@
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
             "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+            "dev": true,
             "license": "BSD-3-Clause",
             "engines": {
                 "node": ">=0.10.0"
@@ -2199,6 +2601,7 @@
             "version": "4.2.3",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "emoji-regex": "^8.0.0",
@@ -2213,6 +2616,7 @@
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
             "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "ansi-regex": "^5.0.1"
@@ -2221,10 +2625,17 @@
                 "node": ">=8"
             }
         },
+        "node_modules/style-mod": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.3.tgz",
+            "integrity": "sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==",
+            "license": "MIT"
+        },
         "node_modules/supports-color": {
             "version": "8.1.1",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
             "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "has-flag": "^4.0.0"
@@ -2240,12 +2651,14 @@
             "version": "4.2.1",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
             "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==",
+            "dev": true,
             "license": "MIT"
         },
         "node_modules/tapable": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
             "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=6"
@@ -2259,6 +2672,7 @@
             "version": "0.2.15",
             "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
             "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "fdir": "^6.5.0",
@@ -2275,6 +2689,7 @@
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
             "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+            "dev": true,
             "license": "MIT",
             "bin": {
                 "tree-kill": "cli.js"
@@ -2284,12 +2699,14 @@
             "version": "2.8.1",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "dev": true,
             "license": "0BSD"
         },
         "node_modules/update-browserslist-db": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
             "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -2320,6 +2737,7 @@
             "version": "7.3.1",
             "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
             "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "esbuild": "^0.27.0",
@@ -2394,6 +2812,7 @@
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
             "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -2404,6 +2823,7 @@
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
             "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=8.6"
@@ -2412,10 +2832,17 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/w3c-keyname": {
+            "version": "2.2.8",
+            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+            "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+            "license": "MIT"
+        },
         "node_modules/wrap-ansi": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
             "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "ansi-styles": "^4.0.0",
@@ -2433,6 +2860,7 @@
             "version": "5.0.8",
             "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
             "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+            "dev": true,
             "license": "ISC",
             "engines": {
                 "node": ">=10"
@@ -2442,6 +2870,7 @@
             "version": "17.7.2",
             "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
             "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "cliui": "^8.0.1",
@@ -2460,6 +2889,7 @@
             "version": "21.1.1",
             "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
             "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+            "dev": true,
             "license": "ISC",
             "engines": {
                 "node": ">=12"
diff --git a/package.json b/package.json
index 688bea8..df56eeb 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,4 @@
 {
-    "$schema": "https://www.schemastore.org/package.json",
     "private": true,
     "type": "module",
     "scripts": {
@@ -7,11 +6,25 @@
         "dev": "vite"
     },
     "dependencies": {
+        "@codemirror/commands": "^6.6.0",
+        "@codemirror/lang-css": "^6.2.1",
+        "@codemirror/lang-html": "^6.4.9",
+        "@codemirror/lang-javascript": "^6.2.2",
+        "@codemirror/lang-json": "^6.0.1",
+        "@codemirror/lang-xml": "^6.1.0",
+        "@codemirror/language": "^6.10.1",
+        "@codemirror/state": "^6.4.1",
+        "@codemirror/theme-one-dark": "^6.1.2",
+        "@codemirror/view": "^6.33.0",
+        "alpinejs": "^3.14.0",
+        "axios": "^1.7.4"
+    },
+    "devDependencies": {
         "@tailwindcss/vite": "^4.1.11",
         "autoprefixer": "^10.4.20",
-        "axios": "^1.7.4",
         "concurrently": "^9.0.1",
         "laravel-vite-plugin": "^2.0",
+        "postcss": "^8.4.38",
         "tailwindcss": "^4.0.7",
         "vite": "^7.0.4"
     },
diff --git a/phpunit.xml b/phpunit.xml
index e7f0a48..95d5cc8 100644
--- a/phpunit.xml
+++ b/phpunit.xml
@@ -2,8 +2,8 @@
 <phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
          xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
          bootstrap="vendor/autoload.php"
-         colors="true"
->
+         colors="true">
+
     <testsuites>
         <testsuite name="Unit">
             <directory>tests/Unit</directory>
@@ -12,25 +12,26 @@
             <directory>tests/Feature</directory>
         </testsuite>
     </testsuites>
+
     <source>
         <include>
             <directory>app</directory>
         </include>
     </source>
+
     <php>
-        <env name="APP_ENV" value="testing"/>
-        <env name="APP_MAINTENANCE_DRIVER" value="file"/>
-        <env name="BCRYPT_ROUNDS" value="4"/>
-        <env name="BROADCAST_CONNECTION" value="null"/>
-        <env name="CACHE_STORE" value="array"/>
-        <env name="DB_CONNECTION" value="sqlite"/>
-        <env name="DB_DATABASE" value=":memory:"/>
-        <env name="DB_URL" value=""/>
-        <env name="MAIL_MAILER" value="array"/>
-        <env name="QUEUE_CONNECTION" value="sync"/>
-        <env name="SESSION_DRIVER" value="array"/>
-        <env name="PULSE_ENABLED" value="false"/>
-        <env name="TELESCOPE_ENABLED" value="false"/>
-        <env name="NIGHTWATCH_ENABLED" value="false"/>
+        <env name="APP_ENV"                  value="testing"/>
+        <env name="APP_MAINTENANCE_DRIVER"   value="file"/>
+        <env name="BCRYPT_ROUNDS"            value="4"/>
+        <env name="CACHE_STORE"              value="array"/>
+        <env name="DB_CONNECTION"            value="sqlite"/>
+        <env name="DB_DATABASE"              value=":memory:"/>
+        <env name="MAIL_MAILER"              value="array"/>
+        <env name="QUEUE_CONNECTION"         value="sync"/>
+        <env name="SESSION_DRIVER"           value="array"/>
+        <env name="APP_BASE_DOMAIN"          value="statichtmlsites.test"/>
+        <env name="PULSE_ENABLED"            value="false"/>
+        <env name="TELESCOPE_ENABLED"        value="false"/>
     </php>
+
 </phpunit>
diff --git a/resources/css/app.css b/resources/css/app.css
index ad6eeed..5b11777 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -9,9 +9,9 @@
 @custom-variant dark (&:where(.dark, .dark *));
 
 @theme {
-    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-
-    --color-zinc-50: #fafafa;
+    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
+                 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --color-zinc-50:  #fafafa;
     --color-zinc-100: #f5f5f5;
     --color-zinc-200: #e5e5e5;
     --color-zinc-300: #d4d4d4;
@@ -22,22 +22,20 @@
     --color-zinc-800: #262626;
     --color-zinc-900: #171717;
     --color-zinc-950: #0a0a0a;
-
-    --color-accent: var(--color-neutral-800);
-    --color-accent-content: var(--color-neutral-800);
-    --color-accent-foreground: var(--color-white);
+    --color-accent:             var(--color-neutral-800);
+    --color-accent-content:     var(--color-neutral-800);
+    --color-accent-foreground:  var(--color-white);
 }
 
 @layer theme {
     .dark {
-        --color-accent: var(--color-white);
-        --color-accent-content: var(--color-white);
-        --color-accent-foreground: var(--color-neutral-800);
+        --color-accent:             var(--color-white);
+        --color-accent-content:     var(--color-white);
+        --color-accent-foreground:  var(--color-neutral-800);
     }
 }
 
 @layer base {
-
     *,
     ::after,
     ::before,
@@ -52,7 +50,7 @@
 }
 
 [data-flux-label] {
-    @apply  !mb-0 !leading-tight;
+    @apply !mb-0 !leading-tight;
 }
 
 input:focus[data-flux-control],
@@ -61,6 +59,13 @@ select:focus[data-flux-control] {
     @apply outline-hidden ring-2 ring-accent ring-offset-2 ring-offset-accent-foreground;
 }
 
-/* \[:where(&)\]:size-4 {
-    @apply size-4;
-} */
+/* ── CodeMirror 6 ─────────────────────────────────────────────────────────── */
+.cm-editor {
+    height: 100%;
+    font-size: 0.85rem;
+}
+
+.cm-scroller {
+    overflow: auto;
+    font-family: ui-monospace, 'Cascadia Code', 'JetBrains Mono', monospace;
+}
diff --git a/resources/js/app.js b/resources/js/app.js
index e69de29..286830d 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -0,0 +1,7 @@
+/**
+ * app.js — global entry point loaded on every page.
+ *
+ * Alpine is provided by @fluxScripts (Livewire/Flux bundle).
+ * Do NOT import or start Alpine here.
+ */
+import './bootstrap';
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
new file mode 100644
index 0000000..953d266
--- /dev/null
+++ b/resources/js/bootstrap.js
@@ -0,0 +1,3 @@
+import axios from 'axios';
+window.axios = axios;
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
diff --git a/resources/js/file-manager.js b/resources/js/file-manager.js
new file mode 100644
index 0000000..96a70a3
--- /dev/null
+++ b/resources/js/file-manager.js
@@ -0,0 +1,164 @@
+/**
+ * file-manager.js  — loaded only on the file manager page.
+ *
+ * Alpine is provided by @fluxScripts (bundled with Livewire/Flux).
+ * We must NOT import or start our own Alpine — Flux registers its modal
+ * plugin on its own Alpine instance. We hook into it via alpine:init.
+ *
+ * CodeMirror 6 is tree-shaken and bundled here by Vite.
+ */
+
+import { EditorState, Compartment }               from '@codemirror/state';
+import {
+    EditorView, keymap, lineNumbers,
+    highlightActiveLineGutter, highlightActiveLine,
+    drawSelection, dropCursor, rectangularSelection,
+    crosshairCursor, highlightSpecialChars,
+} from '@codemirror/view';
+import {
+    defaultKeymap, history, historyKeymap, indentWithTab,
+} from '@codemirror/commands';
+import {
+    indentOnInput, bracketMatching, foldGutter,
+    syntaxHighlighting, defaultHighlightStyle,
+} from '@codemirror/language';
+import { html }        from '@codemirror/lang-html';
+import { css }         from '@codemirror/lang-css';
+import { javascript }  from '@codemirror/lang-javascript';
+import { json }        from '@codemirror/lang-json';
+import { xml }         from '@codemirror/lang-xml';
+import { oneDark }     from '@codemirror/theme-one-dark';
+
+// ── CodeMirror state ──────────────────────────────────────────────────────────
+
+const langCompartment = new Compartment();
+let   editorView      = null;
+let   saveDebounce    = null;
+
+function publishCursor(state) {
+    const head = state.selection.main.head;
+    const line = state.doc.lineAt(head);
+    window.dispatchEvent(new CustomEvent('cm-cursor', {
+        detail: { line: line.number, col: head - line.from + 1, total: state.doc.lines },
+    }));
+}
+
+function langExt(lang) {
+    switch (lang) {
+        case 'html':       return html({ matchClosingTags: true, autoCloseTags: true });
+        case 'css':        return css();
+        case 'javascript': return javascript();
+        case 'json':       return json();
+        case 'xml':        return xml();
+        default:           return [];
+    }
+}
+
+function getWire() {
+    const el = document.querySelector('[wire\\:id]');
+    return el ? window.Livewire?.find(el.getAttribute('wire:id')) : null;
+}
+
+function triggerSave() {
+    if (!editorView) return;
+    getWire()?.call('saveFile', editorView.state.doc.toString());
+}
+
+export function createEditor(content, lang) {
+    const host = document.getElementById('cm-host');
+    if (!host) return;
+
+    editorView?.destroy();
+    editorView = null;
+
+    editorView = new EditorView({
+        state: EditorState.create({
+            doc: content,
+            extensions: [
+                oneDark,
+                EditorView.theme({
+                    '&':            { height: '100%' },
+                    '.cm-scroller': { overflow: 'auto', fontFamily: "ui-monospace, 'Cascadia Code', 'JetBrains Mono', Menlo, monospace" },
+                    '.cm-content':  { padding: '8px 0' },
+                    '.cm-gutters':  { background: 'transparent', border: 'none' },
+                }),
+                lineNumbers(),
+                highlightActiveLineGutter(),
+                highlightActiveLine(),
+                highlightSpecialChars(),
+                drawSelection(),
+                dropCursor(),
+                history(),
+                indentOnInput(),
+                bracketMatching(),
+                foldGutter(),
+                rectangularSelection(),
+                crosshairCursor(),
+                syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+                langCompartment.of(langExt(lang)),
+                keymap.of([
+                    { key: 'Mod-s', run() { triggerSave(); return true; } },
+                    ...defaultKeymap,
+                    ...historyKeymap,
+                    indentWithTab,
+                ]),
+                EditorView.updateListener.of(update => {
+                    if (update.selectionSet) publishCursor(update.state);
+                    if (!update.docChanged) return;
+                    getWire()?.set('isDirty', true);
+                    clearTimeout(saveDebounce);
+                    saveDebounce = setTimeout(triggerSave, 1200);
+                }),
+            ],
+        }),
+        parent: host,
+    });
+
+    publishCursor(editorView.state);
+}
+
+// ── Alpine component — registered on Flux/Livewire's Alpine instance ──────────
+//
+// We use alpine:init so our data component is registered BEFORE Alpine
+// processes the DOM, but AFTER Flux has registered its own plugins
+// (including x-flux-modal and $dispatch helpers).
+
+document.addEventListener('alpine:init', () => {
+    // Safety guard: window.Alpine is set by @fluxScripts before this fires.
+    if (!window.Alpine) return;
+
+    window.Alpine.data('fileManager', () => ({
+        openDirs: [],
+        ctx: { show: false, x: 0, y: 0, item: null },
+        cursor: { line: 1, col: 1 },
+
+        isOpen(path)   { return this.openDirs.includes(path); },
+        toggleDir(path) {
+            this.openDirs = this.isOpen(path)
+                ? this.openDirs.filter(p => p !== path)
+                : [...this.openDirs, path];
+        },
+
+        openContext(e, item) {
+            this.ctx = { show: true, x: e.clientX, y: e.clientY, item };
+        },
+        closeContext() {
+            this.ctx = { show: false, x: 0, y: 0, item: null };
+        },
+
+        init() {
+            window.addEventListener('cm-cursor', e => { this.cursor = e.detail; });
+
+            window.addEventListener('load-editor', e => {
+                createEditor(e.detail.content, e.detail.language);
+            });
+
+            window.addEventListener('click', () => this.closeContext());
+            window.addEventListener('keydown', e => {
+                if (e.key === 'Escape') this.closeContext();
+            });
+        },
+
+        save() { triggerSave(); },
+    }));
+});
diff --git a/resources/views/auth/confirm-password.blade.php b/resources/views/auth/confirm-password.blade.php
new file mode 100644
index 0000000..fe7950a
--- /dev/null
+++ b/resources/views/auth/confirm-password.blade.php
@@ -0,0 +1,25 @@
+<x-auth-layout title="Confirm Password">
+
+    <flux:heading size="lg" class="text-center mb-2">Confirm your password</flux:heading>
+    <p class="text-center text-sm text-zinc-500 dark:text-zinc-400 mb-6">
+        Please confirm your password before continuing.
+    </p>
+
+    <form method="POST" action="{{ route('password.confirm') }}" class="space-y-5">
+        @csrf
+
+        <flux:field>
+            <flux:label>Password</flux:label>
+            <flux:input type="password" name="password"
+                        required autocomplete="current-password" />
+            @error('password')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:button type="submit" variant="primary" class="w-full">
+            Confirm
+        </flux:button>
+    </form>
+
+</x-auth-layout>
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
new file mode 100644
index 0000000..6d2ad83
--- /dev/null
+++ b/resources/views/auth/forgot-password.blade.php
@@ -0,0 +1,35 @@
+<x-auth-layout title="Forgot Password">
+
+    <flux:heading size="lg" class="text-center mb-2">Reset your password</flux:heading>
+    <p class="text-center text-sm text-zinc-500 dark:text-zinc-400 mb-6">
+        Enter your email and we'll send a reset link.
+    </p>
+
+    @if (session('status'))
+        <flux:callout variant="success" icon="check-circle" class="mb-4">
+            {{ session('status') }}
+        </flux:callout>
+    @endif
+
+    <form method="POST" action="{{ route('password.email') }}" class="space-y-5">
+        @csrf
+
+        <flux:field>
+            <flux:label>Email address</flux:label>
+            <flux:input type="email" name="email" value="{{ old('email') }}"
+                        required autofocus />
+            @error('email')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:button type="submit" variant="primary" class="w-full">
+            Send reset link
+        </flux:button>
+    </form>
+
+    <p class="mt-6 text-center text-sm">
+        <flux:link href="{{ route('login') }}">← Back to login</flux:link>
+    </p>
+
+</x-auth-layout>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
new file mode 100644
index 0000000..bfb627e
--- /dev/null
+++ b/resources/views/auth/login.blade.php
@@ -0,0 +1,51 @@
+<x-auth-layout title="Log In">
+
+    <flux:heading size="lg" class="text-center mb-6">Welcome back</flux:heading>
+
+    @if (session('status'))
+        <flux:callout variant="success" icon="check-circle" class="mb-4">
+            {{ session('status') }}
+        </flux:callout>
+    @endif
+
+    <form method="POST" action="{{ route('login') }}" class="space-y-5">
+        @csrf
+
+        <flux:field>
+            <flux:label>Email address</flux:label>
+            <flux:input type="email" name="email" value="{{ old('email') }}"
+                        required autofocus autocomplete="username" />
+            @error('email')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:field>
+            <div class="flex items-center justify-between">
+                <flux:label>Password</flux:label>
+                @if (Route::has('password.request'))
+                    <flux:link href="{{ route('password.request') }}" size="sm">
+                        Forgot password?
+                    </flux:link>
+                @endif
+            </div>
+            <flux:input type="password" name="password"
+                        required autocomplete="current-password" />
+            @error('password')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:checkbox name="remember" label="Remember me" />
+
+        <flux:button type="submit" variant="primary" class="w-full">
+            Log in
+        </flux:button>
+    </form>
+
+    <p class="mt-6 text-center text-sm text-zinc-500 dark:text-zinc-400">
+        No account?
+        <flux:link href="{{ route('register') }}">Register</flux:link>
+    </p>
+
+</x-auth-layout>
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
new file mode 100644
index 0000000..842ce4a
--- /dev/null
+++ b/resources/views/auth/register.blade.php
@@ -0,0 +1,54 @@
+<x-auth-layout title="Register">
+
+    <flux:heading size="lg" class="text-center mb-6">Create your account</flux:heading>
+
+    <form method="POST" action="{{ route('register') }}" class="space-y-5">
+        @csrf
+
+        <flux:field>
+            <flux:label>Name</flux:label>
+            <flux:input type="text" name="name" value="{{ old('name') }}"
+                        required autofocus autocomplete="name" />
+            @error('name')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:field>
+            <flux:label>Email address</flux:label>
+            <flux:input type="email" name="email" value="{{ old('email') }}"
+                        required autocomplete="username" />
+            @error('email')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:field>
+            <flux:label>Password</flux:label>
+            <flux:input type="password" name="password"
+                        required autocomplete="new-password" />
+            @error('password')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:field>
+            <flux:label>Confirm password</flux:label>
+            <flux:input type="password" name="password_confirmation"
+                        required autocomplete="new-password" />
+            @error('password_confirmation')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:button type="submit" variant="primary" class="w-full">
+            Create account
+        </flux:button>
+    </form>
+
+    <p class="mt-6 text-center text-sm text-zinc-500 dark:text-zinc-400">
+        Already have an account?
+        <flux:link href="{{ route('login') }}">Log in</flux:link>
+    </p>
+
+</x-auth-layout>
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
new file mode 100644
index 0000000..0df05cb
--- /dev/null
+++ b/resources/views/auth/reset-password.blade.php
@@ -0,0 +1,39 @@
+<x-auth-layout title="Reset Password">
+
+    <flux:heading size="lg" class="text-center mb-6">Choose a new password</flux:heading>
+
+    <form method="POST" action="{{ route('password.store') }}" class="space-y-5">
+        @csrf
+        <input type="hidden" name="token" value="{{ $request->route('token') }}">
+
+        <flux:field>
+            <flux:label>Email address</flux:label>
+            <flux:input type="email" name="email"
+                        value="{{ old('email', $request->email) }}"
+                        required autofocus autocomplete="username" />
+            @error('email')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:field>
+            <flux:label>New password</flux:label>
+            <flux:input type="password" name="password"
+                        required autocomplete="new-password" />
+            @error('password')
+                <flux:error>{{ $message }}</flux:error>
+            @enderror
+        </flux:field>
+
+        <flux:field>
+            <flux:label>Confirm new password</flux:label>
+            <flux:input type="password" name="password_confirmation"
+                        required autocomplete="new-password" />
+        </flux:field>
+
+        <flux:button type="submit" variant="primary" class="w-full">
+            Reset password
+        </flux:button>
+    </form>
+
+</x-auth-layout>
diff --git a/resources/views/auth/verify-email.blade.php b/resources/views/auth/verify-email.blade.php
new file mode 100644
index 0000000..e0f9608
--- /dev/null
+++ b/resources/views/auth/verify-email.blade.php
@@ -0,0 +1,30 @@
+<x-auth-layout title="Verify Email">
+
+    <flux:heading size="lg" class="text-center mb-2">Verify your email</flux:heading>
+    <p class="text-center text-sm text-zinc-500 dark:text-zinc-400 mb-6">
+        Check your inbox for a verification link. Didn't get one?
+    </p>
+
+    @if (session('status') === 'verification-link-sent')
+        <flux:callout variant="success" icon="check-circle" class="mb-4">
+            A new verification link has been sent to your email address.
+        </flux:callout>
+    @endif
+
+    <div class="space-y-3">
+        <form method="POST" action="{{ route('verification.send') }}">
+            @csrf
+            <flux:button type="submit" variant="primary" class="w-full">
+                Resend verification email
+            </flux:button>
+        </form>
+
+        <form method="POST" action="{{ route('logout') }}">
+            @csrf
+            <flux:button type="submit" variant="ghost" class="w-full">
+                Log out
+            </flux:button>
+        </form>
+    </div>
+
+</x-auth-layout>
diff --git a/resources/views/components/action-message.blade.php b/resources/views/components/action-message.blade.php
deleted file mode 100644
index d313ee6..0000000
--- a/resources/views/components/action-message.blade.php
+++ /dev/null
@@ -1,14 +0,0 @@
-@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']) }}
->
-    {{ $slot->isEmpty() ? __('Saved.') : $slot }}
-</div>
diff --git a/resources/views/components/app-layout.blade.php b/resources/views/components/app-layout.blade.php
new file mode 100644
index 0000000..eb49845
--- /dev/null
+++ b/resources/views/components/app-layout.blade.php
@@ -0,0 +1,70 @@
+@props(['title' => config('app.name')])
+
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>{{ $title }}</title>
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+    @livewireStyles
+    @stack('head')
+</head>
+<body class="min-h-full bg-white dark:bg-zinc-900 font-sans antialiased">
+
+    <flux:header class="border-b border-zinc-200 dark:border-zinc-700">
+        <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
+
+        <flux:brand href="{{ route('dashboard') }}" name="{{ config('app.name') }}" />
+
+        <flux:spacer />
+
+        <flux:navbar>
+            <flux:navbar.item href="{{ route('dashboard') }}"
+                              :current="request()->routeIs('dashboard')">
+                Dashboard
+            </flux:navbar.item>
+        </flux:navbar>
+
+        <flux:spacer />
+
+        <flux:button href="{{ route('pages.create') }}" variant="primary" size="sm" icon="plus">
+            New Page
+        </flux:button>
+
+        <form method="POST" action="{{ route('logout') }}" class="ml-2">
+            @csrf
+            <flux:button type="submit" variant="ghost" size="sm">Logout</flux:button>
+        </form>
+    </flux:header>
+
+    @if (session('success'))
+        <div x-data="{ show: true }"
+             x-show="show"
+             x-transition
+             x-init="setTimeout(() => show = false, 4000)"
+             class="border-b border-green-200 bg-green-50 dark:bg-green-950 dark:border-green-800
+                    text-green-800 dark:text-green-300 px-6 py-3 text-sm flex justify-between">
+            <span>{{ session('success') }}</span>
+            <button x-on:click="show = false" class="opacity-60 hover:opacity-100 ml-4">✕</button>
+        </div>
+    @endif
+
+    @if ($errors->any())
+        <div class="border-b border-red-200 bg-red-50 dark:bg-red-950
+                    text-red-700 dark:text-red-300 px-6 py-3 text-sm">
+            <ul class="list-disc list-inside space-y-0.5">
+                @foreach ($errors->all() as $error)
+                    <li>{{ $error }}</li>
+                @endforeach
+            </ul>
+        </div>
+    @endif
+
+    <main>{{ $slot }}</main>
+
+    @livewireScripts
+    @stack('scripts')
+</body>
+</html>
diff --git a/resources/views/components/app-logo-icon.blade.php b/resources/views/components/app-logo-icon.blade.php
deleted file mode 100644
index 0adc3a2..0000000
--- a/resources/views/components/app-logo-icon.blade.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42" {{ $attributes }}>
-    <path 
-        fill="currentColor" 
-        fill-rule="evenodd" 
-        clip-rule="evenodd"
-        d="M17.2 5.633 8.6.855 0 5.633v26.51l16.2 9 16.2-9v-8.442l7.6-4.223V9.856l-8.6-4.777-8.6 4.777V18.3l-5.6 3.111V5.633ZM38 18.301l-5.6 3.11v-6.157l5.6-3.11V18.3Zm-1.06-7.856-5.54 3.078-5.54-3.079 5.54-3.078 5.54 3.079ZM24.8 18.3v-6.157l5.6 3.111v6.158L24.8 18.3Zm-1 1.732 5.54 3.078-13.14 7.302-5.54-3.078 13.14-7.3v-.002Zm-16.2 7.89 7.6 4.222V38.3L2 30.966V7.92l5.6 3.111v16.892ZM8.6 9.3 3.06 6.222 8.6 3.143l5.54 3.08L8.6 9.3Zm21.8 15.51-13.2 7.334V38.3l13.2-7.334v-6.156ZM9.6 11.034l5.6-3.11v14.6l-5.6 3.11v-14.6Z"
-    />
-</svg>
diff --git a/resources/views/components/app-logo.blade.php b/resources/views/components/app-logo.blade.php
deleted file mode 100644
index 26e8f68..0000000
--- a/resources/views/components/app-logo.blade.php
+++ /dev/null
@@ -1,17 +0,0 @@
-@props([
-    'sidebar' => false,
-])
-
-@if($sidebar)
-    <flux:sidebar.brand name="Laravel Starter Kit" {{ $attributes }}>
-        <x-slot name="logo" class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
-            <x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
-        </x-slot>
-    </flux:sidebar.brand>
-@else
-    <flux:brand name="Laravel Starter Kit" {{ $attributes }}>
-        <x-slot name="logo" class="flex aspect-square size-8 items-center justify-center rounded-md bg-accent-content text-accent-foreground">
-            <x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
-        </x-slot>
-    </flux:brand>
-@endif
diff --git a/resources/views/components/auth-header.blade.php b/resources/views/components/auth-header.blade.php
deleted file mode 100644
index e596a3f..0000000
--- a/resources/views/components/auth-header.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-@props([
-    'title',
-    'description',
-])
-
-<div class="flex w-full flex-col text-center">
-    <flux:heading size="xl">{{ $title }}</flux:heading>
-    <flux:subheading>{{ $description }}</flux:subheading>
-</div>
diff --git a/resources/views/components/auth-layout.blade.php b/resources/views/components/auth-layout.blade.php
new file mode 100644
index 0000000..6bc5859
--- /dev/null
+++ b/resources/views/components/auth-layout.blade.php
@@ -0,0 +1,29 @@
+@props(['title' => config('app.name')])
+
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>{{ $title }} — {{ config('app.name') }}</title>
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+</head>
+<body class="min-h-full bg-white dark:bg-zinc-900 font-sans antialiased">
+
+    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
+        <div class="sm:mx-auto sm:w-full sm:max-w-sm">
+            <a href="{{ route('home') }}" class="flex justify-center">
+                <flux:heading size="xl" class="text-accent font-bold tracking-tight">
+                    {{ config('app.name') }}
+                </flux:heading>
+            </a>
+        </div>
+
+        <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-sm">
+            {{ $slot }}
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/resources/views/components/auth-session-status.blade.php b/resources/views/components/auth-session-status.blade.php
deleted file mode 100644
index 98e0011..0000000
--- a/resources/views/components/auth-session-status.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-@props([
-    'status',
-])
-
-@if ($status)
-    <div {{ $attributes->merge(['class' => 'font-medium text-sm text-green-600']) }}>
-        {{ $status }}
-    </div>
-@endif
diff --git a/resources/views/components/desktop-user-menu.blade.php b/resources/views/components/desktop-user-menu.blade.php
deleted file mode 100644
index 7fb3706..0000000
--- a/resources/views/components/desktop-user-menu.blade.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<flux:dropdown position="bottom" align="start">
-    <flux:sidebar.profile
-        :name="auth()->user()->name"
-        :initials="auth()->user()->initials()"
-        icon:trailing="chevrons-up-down"
-        data-test="sidebar-menu-button"
-    />
-
-    <flux:menu>
-        <div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
-            <flux:avatar
-                :name="auth()->user()->name"
-                :initials="auth()->user()->initials()"
-            />
-            <div class="grid flex-1 text-start text-sm leading-tight">
-                <flux:heading class="truncate">{{ auth()->user()->name }}</flux:heading>
-                <flux:text class="truncate">{{ auth()->user()->email }}</flux:text>
-            </div>
-        </div>
-        <flux:menu.separator />
-        <flux:menu.radio.group>
-            <flux:menu.item :href="route('profile.edit')" icon="cog" wire:navigate>
-                {{ __('Settings') }}
-            </flux:menu.item>
-            <form method="POST" action="{{ route('logout') }}" class="w-full">
-                @csrf
-                <flux:menu.item
-                    as="button"
-                    type="submit"
-                    icon="arrow-right-start-on-rectangle"
-                    class="w-full cursor-pointer"
-                    data-test="logout-button"
-                >
-                    {{ __('Log out') }}
-                </flux:menu.item>
-            </form>
-        </flux:menu.radio.group>
-    </flux:menu>
-</flux:dropdown>
diff --git a/resources/views/components/placeholder-pattern.blade.php b/resources/views/components/placeholder-pattern.blade.php
deleted file mode 100644
index 8a434f0..0000000
--- a/resources/views/components/placeholder-pattern.blade.php
+++ /dev/null
@@ -1,12 +0,0 @@
-@props([
-    'id' => uniqid(),
-])
-
-<svg {{ $attributes }} fill="none">
-    <defs>
-        <pattern id="pattern-{{ $id }}" x="0" y="0" width="8" height="8" patternUnits="userSpaceOnUse">
-            <path d="M-1 5L5 -1M3 9L8.5 3.5" stroke-width="0.5"></path>
-        </pattern>
-    </defs>
-    <rect stroke="none" fill="url(#pattern-{{ $id }})" width="100%" height="100%"></rect>
-</svg>
diff --git a/resources/views/components/settings/layout.blade.php b/resources/views/components/settings/layout.blade.php
deleted file mode 100644
index 3a65247..0000000
--- a/resources/views/components/settings/layout.blade.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="flex items-start max-md:flex-col">
-    <div class="me-10 w-full pb-4 md:w-[220px]">
-        <flux:navlist aria-label="{{ __('Settings') }}">
-            <flux:navlist.item :href="route('profile.edit')" wire:navigate>{{ __('Profile') }}</flux:navlist.item>
-            <flux:navlist.item :href="route('security.edit')" wire:navigate>{{ __('Security') }}</flux:navlist.item>
-            <flux:navlist.item :href="route('appearance.edit')" wire:navigate>{{ __('Appearance') }}</flux:navlist.item>
-        </flux:navlist>
-    </div>
-
-    <flux:separator class="md:hidden" />
-
-    <div class="flex-1 self-stretch max-md:pt-6">
-        <flux:heading>{{ $heading ?? '' }}</flux:heading>
-        <flux:subheading>{{ $subheading ?? '' }}</flux:subheading>
-
-        <div class="mt-5 w-full max-w-lg">
-            {{ $slot }}
-        </div>
-    </div>
-</div>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
deleted file mode 100644
index 8f08c05..0000000
--- a/resources/views/dashboard.blade.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<x-layouts::app :title="__('Dashboard')">
-    <div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
-        <div class="grid auto-rows-min gap-4 md:grid-cols-3">
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
-            </div>
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
-            </div>
-            <div class="relative aspect-video overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-                <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
-            </div>
-        </div>
-        <div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-            <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
-        </div>
-    </div>
-</x-layouts::app>
diff --git a/resources/views/errors/403.blade.php b/resources/views/errors/403.blade.php
new file mode 100644
index 0000000..02f090b
--- /dev/null
+++ b/resources/views/errors/403.blade.php
@@ -0,0 +1,12 @@
+@php
+$map = [
+    403 => ['title' => 'Access Forbidden',         'msg' => 'You don\'t have permission to view this page.'],
+    404 => ['title' => 'Page Not Found',            'msg' => 'The page or file you\'re looking for doesn\'t exist.'],
+    419 => ['title' => 'Session Expired',           'msg' => 'Your session has expired. Please refresh and try again.'],
+    429 => ['title' => 'Too Many Requests',         'msg' => 'You\'re doing that too fast. Please wait a moment.'],
+    500 => ['title' => 'Server Error',              'msg' => 'Something went wrong on our end. We\'ve been notified.'],
+    503 => ['title' => 'Service Unavailable',       'msg' => 'We\'re doing some maintenance. Back shortly!'],
+];
+$info = $map[403] ?? ['title' => 'Error', 'msg' => 'An unexpected error occurred.'];
+@endphp
+@include('errors.layout', ['code' => 403, 'title' => $info['title'], 'message' => $info['msg']])
diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php
new file mode 100644
index 0000000..f7ccdea
--- /dev/null
+++ b/resources/views/errors/404.blade.php
@@ -0,0 +1,12 @@
+@php
+$map = [
+    403 => ['title' => 'Access Forbidden',         'msg' => 'You don\'t have permission to view this page.'],
+    404 => ['title' => 'Page Not Found',            'msg' => 'The page or file you\'re looking for doesn\'t exist.'],
+    419 => ['title' => 'Session Expired',           'msg' => 'Your session has expired. Please refresh and try again.'],
+    429 => ['title' => 'Too Many Requests',         'msg' => 'You\'re doing that too fast. Please wait a moment.'],
+    500 => ['title' => 'Server Error',              'msg' => 'Something went wrong on our end. We\'ve been notified.'],
+    503 => ['title' => 'Service Unavailable',       'msg' => 'We\'re doing some maintenance. Back shortly!'],
+];
+$info = $map[404] ?? ['title' => 'Error', 'msg' => 'An unexpected error occurred.'];
+@endphp
+@include('errors.layout', ['code' => 404, 'title' => $info['title'], 'message' => $info['msg']])
diff --git a/resources/views/errors/419.blade.php b/resources/views/errors/419.blade.php
new file mode 100644
index 0000000..781a3a1
--- /dev/null
+++ b/resources/views/errors/419.blade.php
@@ -0,0 +1,12 @@
+@php
+$map = [
+    403 => ['title' => 'Access Forbidden',         'msg' => 'You don\'t have permission to view this page.'],
+    404 => ['title' => 'Page Not Found',            'msg' => 'The page or file you\'re looking for doesn\'t exist.'],
+    419 => ['title' => 'Session Expired',           'msg' => 'Your session has expired. Please refresh and try again.'],
+    429 => ['title' => 'Too Many Requests',         'msg' => 'You\'re doing that too fast. Please wait a moment.'],
+    500 => ['title' => 'Server Error',              'msg' => 'Something went wrong on our end. We\'ve been notified.'],
+    503 => ['title' => 'Service Unavailable',       'msg' => 'We\'re doing some maintenance. Back shortly!'],
+];
+$info = $map[419] ?? ['title' => 'Error', 'msg' => 'An unexpected error occurred.'];
+@endphp
+@include('errors.layout', ['code' => 419, 'title' => $info['title'], 'message' => $info['msg']])
diff --git a/resources/views/errors/429.blade.php b/resources/views/errors/429.blade.php
new file mode 100644
index 0000000..ca20a7d
--- /dev/null
+++ b/resources/views/errors/429.blade.php
@@ -0,0 +1,12 @@
+@php
+$map = [
+    403 => ['title' => 'Access Forbidden',         'msg' => 'You don\'t have permission to view this page.'],
+    404 => ['title' => 'Page Not Found',            'msg' => 'The page or file you\'re looking for doesn\'t exist.'],
+    419 => ['title' => 'Session Expired',           'msg' => 'Your session has expired. Please refresh and try again.'],
+    429 => ['title' => 'Too Many Requests',         'msg' => 'You\'re doing that too fast. Please wait a moment.'],
+    500 => ['title' => 'Server Error',              'msg' => 'Something went wrong on our end. We\'ve been notified.'],
+    503 => ['title' => 'Service Unavailable',       'msg' => 'We\'re doing some maintenance. Back shortly!'],
+];
+$info = $map[429] ?? ['title' => 'Error', 'msg' => 'An unexpected error occurred.'];
+@endphp
+@include('errors.layout', ['code' => 429, 'title' => $info['title'], 'message' => $info['msg']])
diff --git a/resources/views/errors/500.blade.php b/resources/views/errors/500.blade.php
new file mode 100644
index 0000000..84155d2
--- /dev/null
+++ b/resources/views/errors/500.blade.php
@@ -0,0 +1,12 @@
+@php
+$map = [
+    403 => ['title' => 'Access Forbidden',         'msg' => 'You don\'t have permission to view this page.'],
+    404 => ['title' => 'Page Not Found',            'msg' => 'The page or file you\'re looking for doesn\'t exist.'],
+    419 => ['title' => 'Session Expired',           'msg' => 'Your session has expired. Please refresh and try again.'],
+    429 => ['title' => 'Too Many Requests',         'msg' => 'You\'re doing that too fast. Please wait a moment.'],
+    500 => ['title' => 'Server Error',              'msg' => 'Something went wrong on our end. We\'ve been notified.'],
+    503 => ['title' => 'Service Unavailable',       'msg' => 'We\'re doing some maintenance. Back shortly!'],
+];
+$info = $map[500] ?? ['title' => 'Error', 'msg' => 'An unexpected error occurred.'];
+@endphp
+@include('errors.layout', ['code' => 500, 'title' => $info['title'], 'message' => $info['msg']])
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
new file mode 100644
index 0000000..3c9989f
--- /dev/null
+++ b/resources/views/errors/503.blade.php
@@ -0,0 +1,12 @@
+@php
+$map = [
+    403 => ['title' => 'Access Forbidden',         'msg' => 'You don\'t have permission to view this page.'],
+    404 => ['title' => 'Page Not Found',            'msg' => 'The page or file you\'re looking for doesn\'t exist.'],
+    419 => ['title' => 'Session Expired',           'msg' => 'Your session has expired. Please refresh and try again.'],
+    429 => ['title' => 'Too Many Requests',         'msg' => 'You\'re doing that too fast. Please wait a moment.'],
+    500 => ['title' => 'Server Error',              'msg' => 'Something went wrong on our end. We\'ve been notified.'],
+    503 => ['title' => 'Service Unavailable',       'msg' => 'We\'re doing some maintenance. Back shortly!'],
+];
+$info = $map[503] ?? ['title' => 'Error', 'msg' => 'An unexpected error occurred.'];
+@endphp
+@include('errors.layout', ['code' => 503, 'title' => $info['title'], 'message' => $info['msg']])
diff --git a/resources/views/errors/layout.blade.php b/resources/views/errors/layout.blade.php
new file mode 100644
index 0000000..f5a09ae
--- /dev/null
+++ b/resources/views/errors/layout.blade.php
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ $code }} — {{ config('app.name') }}</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        body {
+            font-family: system-ui, -apple-system, sans-serif;
+            background: #0f172a; color: #e2e8f0;
+            display: flex; align-items: center; justify-content: center;
+            min-height: 100vh; padding: 2rem;
+        }
+        .card {
+            text-align: center; max-width: 420px;
+        }
+        .code {
+            font-size: 7rem; font-weight: 800; line-height: 1;
+            background: linear-gradient(135deg, #6366f1, #a855f7);
+            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+        h1 { font-size: 1.5rem; font-weight: 600; margin: .75rem 0 .5rem; color: #f1f5f9; }
+        p  { color: #94a3b8; font-size: .95rem; line-height: 1.6; }
+        a  {
+            display: inline-block; margin-top: 1.5rem;
+            background: #6366f1; color: #fff; text-decoration: none;
+            padding: .6rem 1.4rem; border-radius: .6rem; font-size: .875rem;
+            transition: background .2s;
+        }
+        a:hover { background: #4f46e5; }
+    </style>
+</head>
+<body>
+    <div class="card">
+        <div class="code">{{ $code }}</div>
+        <h1>{{ $title }}</h1>
+        <p>{{ $message }}</p>
+        <a href="{{ url('/') }}">← Back home</a>
+    </div>
+</body>
+</html>
diff --git a/resources/views/flux/icon/book-open-text.blade.php b/resources/views/flux/icon/book-open-text.blade.php
deleted file mode 100644
index bff20a3..0000000
--- a/resources/views/flux/icon/book-open-text.blade.php
+++ /dev/null
@@ -1,47 +0,0 @@
-{{-- Credit: Lucide (https://lucide.dev) --}}
-
-@props([
-    'variant' => 'outline',
-])
-
-@php
-    if ($variant === 'solid') {
-        throw new \Exception('The "solid" variant is not supported in Lucide.');
-    }
-
-    $classes = Flux::classes('shrink-0')->add(
-        match ($variant) {
-            'outline' => '[:where(&)]:size-6',
-            'solid' => '[:where(&)]:size-6',
-            'mini' => '[:where(&)]:size-5',
-            'micro' => '[:where(&)]:size-4',
-        },
-    );
-
-    $strokeWidth = match ($variant) {
-        'outline' => 2,
-        'mini' => 2.25,
-        'micro' => 2.5,
-    };
-@endphp
-
-<svg
-    {{ $attributes->class($classes) }}
-    data-flux-icon
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="{{ $strokeWidth }}"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-    data-slot="icon"
->
-    <path d="M12 7v14" />
-    <path d="M16 12h2" />
-    <path d="M16 8h2" />
-    <path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" />
-    <path d="M6 12h2" />
-    <path d="M6 8h2" />
-</svg>
diff --git a/resources/views/flux/icon/chevrons-up-down.blade.php b/resources/views/flux/icon/chevrons-up-down.blade.php
deleted file mode 100644
index bf1ba2b..0000000
--- a/resources/views/flux/icon/chevrons-up-down.blade.php
+++ /dev/null
@@ -1,43 +0,0 @@
-{{-- Credit: Lucide (https://lucide.dev) --}}
-
-@props([
-    'variant' => 'outline',
-])
-
-@php
-    if ($variant === 'solid') {
-        throw new \Exception('The "solid" variant is not supported in Lucide.');
-    }
-
-    $classes = Flux::classes('shrink-0')->add(
-        match ($variant) {
-            'outline' => '[:where(&)]:size-6',
-            'solid' => '[:where(&)]:size-6',
-            'mini' => '[:where(&)]:size-5',
-            'micro' => '[:where(&)]:size-4',
-        },
-    );
-
-    $strokeWidth = match ($variant) {
-        'outline' => 2,
-        'mini' => 2.25,
-        'micro' => 2.5,
-    };
-@endphp
-
-<svg
-    {{ $attributes->class($classes) }}
-    data-flux-icon
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="{{ $strokeWidth }}"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-    data-slot="icon"
->
-    <path d="m7 15 5 5 5-5" />
-    <path d="m7 9 5-5 5 5" />
-</svg>
diff --git a/resources/views/flux/icon/folder-git-2.blade.php b/resources/views/flux/icon/folder-git-2.blade.php
deleted file mode 100644
index 292171b..0000000
--- a/resources/views/flux/icon/folder-git-2.blade.php
+++ /dev/null
@@ -1,45 +0,0 @@
-{{-- Credit: Lucide (https://lucide.dev) --}}
-
-@props([
-    'variant' => 'outline',
-])
-
-@php
-    if ($variant === 'solid') {
-        throw new \Exception('The "solid" variant is not supported in Lucide.');
-    }
-
-    $classes = Flux::classes('shrink-0')->add(
-        match ($variant) {
-            'outline' => '[:where(&)]:size-6',
-            'solid' => '[:where(&)]:size-6',
-            'mini' => '[:where(&)]:size-5',
-            'micro' => '[:where(&)]:size-4',
-        },
-    );
-
-    $strokeWidth = match ($variant) {
-        'outline' => 2,
-        'mini' => 2.25,
-        'micro' => 2.5,
-    };
-@endphp
-
-<svg
-    {{ $attributes->class($classes) }}
-    data-flux-icon
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="{{ $strokeWidth }}"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-    data-slot="icon"
->
-    <path d="M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5" />
-    <circle cx="13" cy="12" r="2" />
-    <path d="M18 19c-2.8 0-5-2.2-5-5v8" />
-    <circle cx="20" cy="19" r="2" />
-</svg>
diff --git a/resources/views/flux/icon/layout-grid.blade.php b/resources/views/flux/icon/layout-grid.blade.php
deleted file mode 100644
index 88c5698..0000000
--- a/resources/views/flux/icon/layout-grid.blade.php
+++ /dev/null
@@ -1,45 +0,0 @@
-{{-- Credit: Lucide (https://lucide.dev) --}}
-
-@props([
-    'variant' => 'outline',
-])
-
-@php
-    if ($variant === 'solid') {
-        throw new \Exception('The "solid" variant is not supported in Lucide.');
-    }
-
-    $classes = Flux::classes('shrink-0')->add(
-        match ($variant) {
-            'outline' => '[:where(&)]:size-6',
-            'solid' => '[:where(&)]:size-6',
-            'mini' => '[:where(&)]:size-5',
-            'micro' => '[:where(&)]:size-4',
-        },
-    );
-
-    $strokeWidth = match ($variant) {
-        'outline' => 2,
-        'mini' => 2.25,
-        'micro' => 2.5,
-    };
-@endphp
-
-<svg
-    {{ $attributes->class($classes) }}
-    data-flux-icon
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="{{ $strokeWidth }}"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-    data-slot="icon"
->
-    <rect width="7" height="7" x="3" y="3" rx="1" />
-    <rect width="7" height="7" x="14" y="3" rx="1" />
-    <rect width="7" height="7" x="14" y="14" rx="1" />
-    <rect width="7" height="7" x="3" y="14" rx="1" />
-</svg>
diff --git a/resources/views/flux/navlist/group.blade.php b/resources/views/flux/navlist/group.blade.php
deleted file mode 100644
index 5e691a2..0000000
--- a/resources/views/flux/navlist/group.blade.php
+++ /dev/null
@@ -1,51 +0,0 @@
-@props([
-    'expandable' => false,
-    'expanded' => true,
-    'heading' => null,
-])
-
-<?php if ($expandable && $heading): ?>
-
-<ui-disclosure
-    {{ $attributes->class('group/disclosure') }}
-    @if ($expanded === true) open @endif
-    data-flux-navlist-group
->
-    <button
-        type="button"
-        class="group/disclosure-button mb-[2px] flex h-10 w-full items-center rounded-lg text-zinc-500 hover:bg-zinc-800/5 hover:text-zinc-800 lg:h-8 dark:text-white/80 dark:hover:bg-white/[7%] dark:hover:text-white"
-    >
-        <div class="ps-3 pe-4">
-            <flux:icon.chevron-down class="hidden size-3! group-data-open/disclosure-button:block" />
-            <flux:icon.chevron-right class="block size-3! group-data-open/disclosure-button:hidden" />
-        </div>
-
-        <span class="text-sm font-medium leading-none">{{ $heading }}</span>
-    </button>
-
-    <div class="relative hidden space-y-[2px] ps-7 data-open:block" @if ($expanded === true) data-open @endif>
-        <div class="absolute inset-y-[3px] start-0 ms-4 w-px bg-zinc-200 dark:bg-white/30"></div>
-
-        {{ $slot }}
-    </div>
-</ui-disclosure>
-
-<?php elseif ($heading): ?>
-
-<div {{ $attributes->class('block space-y-[2px]') }}>
-    <div class="px-1 py-2">
-        <div class="text-xs leading-none text-zinc-400">{{ $heading }}</div>
-    </div>
-
-    <div>
-        {{ $slot }}
-    </div>
-</div>
-
-<?php else: ?>
-
-<div {{ $attributes->class('block space-y-[2px]') }}>
-    {{ $slot }}
-</div>
-
-<?php endif; ?>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
deleted file mode 100644
index 037dd1b..0000000
--- a/resources/views/layouts/app.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<x-layouts::app.sidebar :title="$title ?? null">
-    <flux:main>
-        {{ $slot }}
-    </flux:main>
-</x-layouts::app.sidebar>
diff --git a/resources/views/layouts/app/header.blade.php b/resources/views/layouts/app/header.blade.php
deleted file mode 100644
index e1f84d9..0000000
--- a/resources/views/layouts/app/header.blade.php
+++ /dev/null
@@ -1,78 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-    <head>
-        @include('partials.head')
-    </head>
-    <body class="min-h-screen bg-white dark:bg-zinc-800">
-        <flux:header container class="border-b border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
-            <flux:sidebar.toggle class="lg:hidden mr-2" icon="bars-2" inset="left" />
-
-            <x-app-logo href="{{ route('dashboard') }}" wire:navigate />
-
-            <flux:navbar class="-mb-px max-lg:hidden">
-                <flux:navbar.item icon="layout-grid" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>
-                    {{ __('Dashboard') }}
-                </flux:navbar.item>
-            </flux:navbar>
-
-            <flux:spacer />
-
-            <flux:navbar class="me-1.5 space-x-0.5 rtl:space-x-reverse py-0!">
-                <flux:tooltip :content="__('Search')" position="bottom">
-                    <flux:navbar.item class="!h-10 [&>div>svg]:size-5" icon="magnifying-glass" href="#" :label="__('Search')" />
-                </flux:tooltip>
-                <flux:tooltip :content="__('Repository')" position="bottom">
-                    <flux:navbar.item
-                        class="h-10 max-lg:hidden [&>div>svg]:size-5"
-                        icon="folder-git-2"
-                        href="https://github.com/laravel/livewire-starter-kit"
-                        target="_blank"
-                        :label="__('Repository')"
-                    />
-                </flux:tooltip>
-                <flux:tooltip :content="__('Documentation')" position="bottom">
-                    <flux:navbar.item
-                        class="h-10 max-lg:hidden [&>div>svg]:size-5"
-                        icon="book-open-text"
-                        href="https://laravel.com/docs/starter-kits#livewire"
-                        target="_blank"
-                        :label="__('Documentation')"
-                    />
-                </flux:tooltip>
-            </flux:navbar>
-
-            <x-desktop-user-menu />
-        </flux:header>
-
-        <!-- Mobile Menu -->
-        <flux:sidebar collapsible="mobile" sticky class="lg:hidden border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
-            <flux:sidebar.header>
-                <x-app-logo :sidebar="true" href="{{ route('dashboard') }}" wire:navigate />
-                <flux:sidebar.collapse class="in-data-flux-sidebar-on-desktop:not-in-data-flux-sidebar-collapsed-desktop:-mr-2" />
-            </flux:sidebar.header>
-
-            <flux:sidebar.nav>
-                <flux:sidebar.group :heading="__('Platform')">
-                    <flux:sidebar.item icon="layout-grid" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>
-                        {{ __('Dashboard')  }}
-                    </flux:sidebar.item>
-                </flux:sidebar.group>
-            </flux:sidebar.nav>
-
-            <flux:spacer />
-
-            <flux:sidebar.nav>
-                <flux:sidebar.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
-                    {{ __('Repository') }}
-                </flux:sidebar.item>
-                <flux:sidebar.item icon="book-open-text" href="https://laravel.com/docs/starter-kits#livewire" target="_blank">
-                    {{ __('Documentation') }}
-                </flux:sidebar.item>
-            </flux:sidebar.nav>
-        </flux:sidebar>
-
-        {{ $slot }}
-
-        @fluxScripts
-    </body>
-</html>
diff --git a/resources/views/layouts/app/sidebar.blade.php b/resources/views/layouts/app/sidebar.blade.php
deleted file mode 100644
index 3d04ed1..0000000
--- a/resources/views/layouts/app/sidebar.blade.php
+++ /dev/null
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-    <head>
-        @include('partials.head')
-    </head>
-    <body class="min-h-screen bg-white dark:bg-zinc-800">
-        <flux:sidebar sticky collapsible="mobile" class="border-e border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900">
-            <flux:sidebar.header>
-                <x-app-logo :sidebar="true" href="{{ route('dashboard') }}" wire:navigate />
-                <flux:sidebar.collapse class="lg:hidden" />
-            </flux:sidebar.header>
-
-            <flux:sidebar.nav>
-                <flux:sidebar.group :heading="__('Platform')" class="grid">
-                    <flux:sidebar.item icon="home" :href="route('dashboard')" :current="request()->routeIs('dashboard')" wire:navigate>
-                        {{ __('Dashboard') }}
-                    </flux:sidebar.item>
-                </flux:sidebar.group>
-            </flux:sidebar.nav>
-
-            <flux:spacer />
-
-            <flux:sidebar.nav>
-                <flux:sidebar.item icon="folder-git-2" href="https://github.com/laravel/livewire-starter-kit" target="_blank">
-                    {{ __('Repository') }}
-                </flux:sidebar.item>
-
-                <flux:sidebar.item icon="book-open-text" href="https://laravel.com/docs/starter-kits#livewire" target="_blank">
-                    {{ __('Documentation') }}
-                </flux:sidebar.item>
-            </flux:sidebar.nav>
-
-            <x-desktop-user-menu class="hidden lg:block" :name="auth()->user()->name" />
-        </flux:sidebar>
-
-        <!-- Mobile User Menu -->
-        <flux:header class="lg:hidden">
-            <flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
-
-            <flux:spacer />
-
-            <flux:dropdown position="top" align="end">
-                <flux:profile
-                    :initials="auth()->user()->initials()"
-                    icon-trailing="chevron-down"
-                />
-
-                <flux:menu>
-                    <flux:menu.radio.group>
-                        <div class="p-0 text-sm font-normal">
-                            <div class="flex items-center gap-2 px-1 py-1.5 text-start text-sm">
-                                <flux:avatar
-                                    :name="auth()->user()->name"
-                                    :initials="auth()->user()->initials()"
-                                />
-
-                                <div class="grid flex-1 text-start text-sm leading-tight">
-                                    <flux:heading class="truncate">{{ auth()->user()->name }}</flux:heading>
-                                    <flux:text class="truncate">{{ auth()->user()->email }}</flux:text>
-                                </div>
-                            </div>
-                        </div>
-                    </flux:menu.radio.group>
-
-                    <flux:menu.separator />
-
-                    <flux:menu.radio.group>
-                        <flux:menu.item :href="route('profile.edit')" icon="cog" wire:navigate>
-                            {{ __('Settings') }}
-                        </flux:menu.item>
-                    </flux:menu.radio.group>
-
-                    <flux:menu.separator />
-
-                    <form method="POST" action="{{ route('logout') }}" class="w-full">
-                        @csrf
-                        <flux:menu.item
-                            as="button"
-                            type="submit"
-                            icon="arrow-right-start-on-rectangle"
-                            class="w-full cursor-pointer"
-                            data-test="logout-button"
-                        >
-                            {{ __('Log out') }}
-                        </flux:menu.item>
-                    </form>
-                </flux:menu>
-            </flux:dropdown>
-        </flux:header>
-
-        {{ $slot }}
-
-        @fluxScripts
-    </body>
-</html>
diff --git a/resources/views/layouts/auth.blade.php b/resources/views/layouts/auth.blade.php
deleted file mode 100644
index 7150091..0000000
--- a/resources/views/layouts/auth.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<x-layouts::auth.simple :title="$title ?? null">
-    {{ $slot }}
-</x-layouts::auth.simple>
diff --git a/resources/views/layouts/auth/card.blade.php b/resources/views/layouts/auth/card.blade.php
deleted file mode 100644
index db94716..0000000
--- a/resources/views/layouts/auth/card.blade.php
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-    <head>
-        @include('partials.head')
-    </head>
-    <body class="min-h-screen bg-neutral-100 antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900">
-        <div class="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
-            <div class="flex w-full max-w-md flex-col gap-6">
-                <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
-                    <span class="flex h-9 w-9 items-center justify-center rounded-md">
-                        <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
-                    </span>
-
-                    <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
-                </a>
-
-                <div class="flex flex-col gap-6">
-                    <div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
-                        <div class="px-10 py-8">{{ $slot }}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        @fluxScripts
-    </body>
-</html>
diff --git a/resources/views/layouts/auth/simple.blade.php b/resources/views/layouts/auth/simple.blade.php
deleted file mode 100644
index 6e0d909..0000000
--- a/resources/views/layouts/auth/simple.blade.php
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-    <head>
-        @include('partials.head')
-    </head>
-    <body class="min-h-screen bg-white antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900">
-        <div class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
-            <div class="flex w-full max-w-sm flex-col gap-2">
-                <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
-                    <span class="flex h-9 w-9 mb-1 items-center justify-center rounded-md">
-                        <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
-                    </span>
-                    <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
-                </a>
-                <div class="flex flex-col gap-6">
-                    {{ $slot }}
-                </div>
-            </div>
-        </div>
-        @fluxScripts
-    </body>
-</html>
diff --git a/resources/views/layouts/auth/split.blade.php b/resources/views/layouts/auth/split.blade.php
deleted file mode 100644
index 4e9788b..0000000
--- a/resources/views/layouts/auth/split.blade.php
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
-    <head>
-        @include('partials.head')
-    </head>
-    <body class="min-h-screen bg-white antialiased dark:bg-linear-to-b dark:from-neutral-950 dark:to-neutral-900">
-        <div class="relative grid h-dvh flex-col items-center justify-center px-8 sm:px-0 lg:max-w-none lg:grid-cols-2 lg:px-0">
-            <div class="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-e dark:border-neutral-800">
-                <div class="absolute inset-0 bg-neutral-900"></div>
-                <a href="{{ route('home') }}" class="relative z-20 flex items-center text-lg font-medium" wire:navigate>
-                    <span class="flex h-10 w-10 items-center justify-center rounded-md">
-                        <x-app-logo-icon class="me-2 h-7 fill-current text-white" />
-                    </span>
-                    {{ config('app.name', 'Laravel') }}
-                </a>
-
-                @php
-                    [$message, $author] = str(Illuminate\Foundation\Inspiring::quotes()->random())->explode('-');
-                @endphp
-
-                <div class="relative z-20 mt-auto">
-                    <blockquote class="space-y-2">
-                        <flux:heading size="lg">&ldquo;{{ trim($message) }}&rdquo;</flux:heading>
-                        <footer><flux:heading>{{ trim($author) }}</flux:heading></footer>
-                    </blockquote>
-                </div>
-            </div>
-            <div class="w-full lg:p-8">
-                <div class="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
-                    <a href="{{ route('home') }}" class="z-20 flex flex-col items-center gap-2 font-medium lg:hidden" wire:navigate>
-                        <span class="flex h-9 w-9 items-center justify-center rounded-md">
-                            <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
-                        </span>
-
-                        <span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
-                    </a>
-                    {{ $slot }}
-                </div>
-            </div>
-        </div>
-        @fluxScripts
-    </body>
-</html>
diff --git a/resources/views/livewire/auth/confirm-password.blade.php b/resources/views/livewire/auth/confirm-password.blade.php
deleted file mode 100644
index 13dd110..0000000
--- a/resources/views/livewire/auth/confirm-password.blade.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<x-layouts::auth :title="__('Confirm password')">
-    <div class="flex flex-col gap-6">
-        <x-auth-header
-            :title="__('Confirm password')"
-            :description="__('This is a secure area of the application. Please confirm your password before continuing.')"
-        />
-
-        <x-auth-session-status class="text-center" :status="session('status')" />
-
-        <form method="POST" action="{{ route('password.confirm.store') }}" class="flex flex-col gap-6">
-            @csrf
-
-            <flux:input
-                name="password"
-                :label="__('Password')"
-                type="password"
-                required
-                autocomplete="current-password"
-                :placeholder="__('Password')"
-                viewable
-            />
-
-            <flux:button variant="primary" type="submit" class="w-full" data-test="confirm-password-button">
-                {{ __('Confirm') }}
-            </flux:button>
-        </form>
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/auth/forgot-password.blade.php b/resources/views/livewire/auth/forgot-password.blade.php
deleted file mode 100644
index 5f1cdad..0000000
--- a/resources/views/livewire/auth/forgot-password.blade.php
+++ /dev/null
@@ -1,31 +0,0 @@
-<x-layouts::auth :title="__('Forgot password')">
-    <div class="flex flex-col gap-6">
-        <x-auth-header :title="__('Forgot password')" :description="__('Enter your email to receive a password reset link')" />
-
-        <!-- Session Status -->
-        <x-auth-session-status class="text-center" :status="session('status')" />
-
-        <form method="POST" action="{{ route('password.email') }}" class="flex flex-col gap-6">
-            @csrf
-
-            <!-- Email Address -->
-            <flux:input
-                name="email"
-                :label="__('Email address')"
-                type="email"
-                required
-                autofocus
-                placeholder="email@example.com"
-            />
-
-            <flux:button variant="primary" type="submit" class="w-full" data-test="email-password-reset-link-button">
-                {{ __('Email password reset link') }}
-            </flux:button>
-        </form>
-
-        <div class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-400">
-            <span>{{ __('Or, return to') }}</span>
-            <flux:link :href="route('login')" wire:navigate>{{ __('log in') }}</flux:link>
-        </div>
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
deleted file mode 100644
index e9167da..0000000
--- a/resources/views/livewire/auth/login.blade.php
+++ /dev/null
@@ -1,59 +0,0 @@
-<x-layouts::auth :title="__('Log in')">
-    <div class="flex flex-col gap-6">
-        <x-auth-header :title="__('Log in to your account')" :description="__('Enter your email and password below to log in')" />
-
-        <!-- Session Status -->
-        <x-auth-session-status class="text-center" :status="session('status')" />
-
-        <form method="POST" action="{{ route('login.store') }}" class="flex flex-col gap-6">
-            @csrf
-
-            <!-- Email Address -->
-            <flux:input
-                name="email"
-                :label="__('Email address')"
-                :value="old('email')"
-                type="email"
-                required
-                autofocus
-                autocomplete="email"
-                placeholder="email@example.com"
-            />
-
-            <!-- Password -->
-            <div class="relative">
-                <flux:input
-                    name="password"
-                    :label="__('Password')"
-                    type="password"
-                    required
-                    autocomplete="current-password"
-                    :placeholder="__('Password')"
-                    viewable
-                />
-
-                @if (Route::has('password.request'))
-                    <flux:link class="absolute top-0 text-sm end-0" :href="route('password.request')" wire:navigate>
-                        {{ __('Forgot your password?') }}
-                    </flux:link>
-                @endif
-            </div>
-
-            <!-- Remember Me -->
-            <flux:checkbox name="remember" :label="__('Remember me')" :checked="old('remember')" />
-
-            <div class="flex items-center justify-end">
-                <flux:button variant="primary" type="submit" class="w-full" data-test="login-button">
-                    {{ __('Log in') }}
-                </flux:button>
-            </div>
-        </form>
-
-        @if (Route::has('register'))
-            <div class="space-x-1 text-sm text-center rtl:space-x-reverse text-zinc-600 dark:text-zinc-400">
-                <span>{{ __('Don\'t have an account?') }}</span>
-                <flux:link :href="route('register')" wire:navigate>{{ __('Sign up') }}</flux:link>
-            </div>
-        @endif
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/auth/register.blade.php b/resources/views/livewire/auth/register.blade.php
deleted file mode 100644
index 6c12579..0000000
--- a/resources/views/livewire/auth/register.blade.php
+++ /dev/null
@@ -1,67 +0,0 @@
-<x-layouts::auth :title="__('Register')">
-    <div class="flex flex-col gap-6">
-        <x-auth-header :title="__('Create an account')" :description="__('Enter your details below to create your account')" />
-
-        <!-- Session Status -->
-        <x-auth-session-status class="text-center" :status="session('status')" />
-
-        <form method="POST" action="{{ route('register.store') }}" class="flex flex-col gap-6">
-            @csrf
-            <!-- Name -->
-            <flux:input
-                name="name"
-                :label="__('Name')"
-                :value="old('name')"
-                type="text"
-                required
-                autofocus
-                autocomplete="name"
-                :placeholder="__('Full name')"
-            />
-
-            <!-- Email Address -->
-            <flux:input
-                name="email"
-                :label="__('Email address')"
-                :value="old('email')"
-                type="email"
-                required
-                autocomplete="email"
-                placeholder="email@example.com"
-            />
-
-            <!-- Password -->
-            <flux:input
-                name="password"
-                :label="__('Password')"
-                type="password"
-                required
-                autocomplete="new-password"
-                :placeholder="__('Password')"
-                viewable
-            />
-
-            <!-- Confirm Password -->
-            <flux:input
-                name="password_confirmation"
-                :label="__('Confirm password')"
-                type="password"
-                required
-                autocomplete="new-password"
-                :placeholder="__('Confirm password')"
-                viewable
-            />
-
-            <div class="flex items-center justify-end">
-                <flux:button type="submit" variant="primary" class="w-full" data-test="register-user-button">
-                    {{ __('Create account') }}
-                </flux:button>
-            </div>
-        </form>
-
-        <div class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-600 dark:text-zinc-400">
-            <span>{{ __('Already have an account?') }}</span>
-            <flux:link :href="route('login')" wire:navigate>{{ __('Log in') }}</flux:link>
-        </div>
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/auth/reset-password.blade.php b/resources/views/livewire/auth/reset-password.blade.php
deleted file mode 100644
index e649471..0000000
--- a/resources/views/livewire/auth/reset-password.blade.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<x-layouts::auth :title="__('Reset password')">
-    <div class="flex flex-col gap-6">
-        <x-auth-header :title="__('Reset password')" :description="__('Please enter your new password below')" />
-
-        <!-- Session Status -->
-        <x-auth-session-status class="text-center" :status="session('status')" />
-
-        <form method="POST" action="{{ route('password.update') }}" class="flex flex-col gap-6">
-            @csrf
-            <!-- Token -->
-            <input type="hidden" name="token" value="{{ request()->route('token') }}">
-
-            <!-- Email Address -->
-            <flux:input
-                name="email"
-                value="{{ request('email') }}"
-                :label="__('Email')"
-                type="email"
-                required
-                autocomplete="email"
-            />
-
-            <!-- Password -->
-            <flux:input
-                name="password"
-                :label="__('Password')"
-                type="password"
-                required
-                autocomplete="new-password"
-                :placeholder="__('Password')"
-                viewable
-            />
-
-            <!-- Confirm Password -->
-            <flux:input
-                name="password_confirmation"
-                :label="__('Confirm password')"
-                type="password"
-                required
-                autocomplete="new-password"
-                :placeholder="__('Confirm password')"
-                viewable
-            />
-
-            <div class="flex items-center justify-end">
-                <flux:button type="submit" variant="primary" class="w-full" data-test="reset-password-button">
-                    {{ __('Reset password') }}
-                </flux:button>
-            </div>
-        </form>
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/auth/two-factor-challenge.blade.php b/resources/views/livewire/auth/two-factor-challenge.blade.php
deleted file mode 100644
index 0726c0b..0000000
--- a/resources/views/livewire/auth/two-factor-challenge.blade.php
+++ /dev/null
@@ -1,95 +0,0 @@
-<x-layouts::auth :title="__('Two-factor authentication')">
-    <div class="flex flex-col gap-6">
-        <div
-            class="relative w-full h-auto"
-            x-cloak
-            x-data="{
-                showRecoveryInput: @js($errors->has('recovery_code')),
-                code: '',
-                recovery_code: '',
-                toggleInput() {
-                    this.showRecoveryInput = !this.showRecoveryInput;
-
-                    this.code = '';
-                    this.recovery_code = '';
-
-                    $dispatch('clear-2fa-auth-code');
-
-                    $nextTick(() => {
-                        this.showRecoveryInput
-                            ? this.$refs.recovery_code?.focus()
-                            : $dispatch('focus-2fa-auth-code');
-                    });
-                },
-            }"
-        >
-            <div x-show="!showRecoveryInput">
-                <x-auth-header
-                    :title="__('Authentication code')"
-                    :description="__('Enter the authentication code provided by your authenticator application.')"
-                />
-            </div>
-
-            <div x-show="showRecoveryInput">
-                <x-auth-header
-                    :title="__('Recovery code')"
-                    :description="__('Please confirm access to your account by entering one of your emergency recovery codes.')"
-                />
-            </div>
-
-            <form method="POST" action="{{ route('two-factor.login.store') }}">
-                @csrf
-
-                <div class="space-y-5 text-center">
-                    <div x-show="!showRecoveryInput">
-                        <div class="flex items-center justify-center my-5">
-                            <flux:otp
-                                x-model="code"
-                                length="6"
-                                name="code"
-                                label="OTP Code"
-                                label:sr-only
-                                class="mx-auto"
-                             />
-                        </div>
-                    </div>
-
-                    <div x-show="showRecoveryInput">
-                        <div class="my-5">
-                            <flux:input
-                                type="text"
-                                name="recovery_code"
-                                x-ref="recovery_code"
-                                x-bind:required="showRecoveryInput"
-                                autocomplete="one-time-code"
-                                x-model="recovery_code"
-                            />
-                        </div>
-
-                        @error('recovery_code')
-                            <flux:text color="red">
-                                {{ $message }}
-                            </flux:text>
-                        @enderror
-                    </div>
-
-                    <flux:button
-                        variant="primary"
-                        type="submit"
-                        class="w-full"
-                    >
-                        {{ __('Continue') }}
-                    </flux:button>
-                </div>
-
-                <div class="mt-5 space-x-0.5 text-sm leading-5 text-center">
-                    <span class="opacity-50">{{ __('or you can') }}</span>
-                    <div class="inline font-medium underline cursor-pointer opacity-80">
-                        <span x-show="!showRecoveryInput" @click="toggleInput()">{{ __('login using a recovery code') }}</span>
-                        <span x-show="showRecoveryInput" @click="toggleInput()">{{ __('login using an authentication code') }}</span>
-                    </div>
-                </div>
-            </form>
-        </div>
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/auth/verify-email.blade.php b/resources/views/livewire/auth/verify-email.blade.php
deleted file mode 100644
index 50e7b44..0000000
--- a/resources/views/livewire/auth/verify-email.blade.php
+++ /dev/null
@@ -1,29 +0,0 @@
-<x-layouts::auth :title="__('Email verification')">
-    <div class="mt-4 flex flex-col gap-6">
-        <flux:text class="text-center">
-            {{ __('Please verify your email address by clicking on the link we just emailed to you.') }}
-        </flux:text>
-
-        @if (session('status') == 'verification-link-sent')
-            <flux:text class="text-center font-medium !dark:text-green-400 !text-green-600">
-                {{ __('A new verification link has been sent to the email address you provided during registration.') }}
-            </flux:text>
-        @endif
-
-        <div class="flex flex-col items-center justify-between space-y-3">
-            <form method="POST" action="{{ route('verification.send') }}">
-                @csrf
-                <flux:button type="submit" variant="primary" class="w-full">
-                    {{ __('Resend verification email') }}
-                </flux:button>
-            </form>
-
-            <form method="POST" action="{{ route('logout') }}">
-                @csrf
-                <flux:button variant="ghost" type="submit" class="text-sm cursor-pointer" data-test="logout-button">
-                    {{ __('Log out') }}
-                </flux:button>
-            </form>
-        </div>
-    </div>
-</x-layouts::auth>
diff --git a/resources/views/livewire/file-manager.blade.php b/resources/views/livewire/file-manager.blade.php
new file mode 100644
index 0000000..8c247e2
--- /dev/null
+++ b/resources/views/livewire/file-manager.blade.php
@@ -0,0 +1,660 @@
+{{--
+  File Manager — full-screen IDE layout.
+
+  Alpine root: fileManager() from resources/js/file-manager.js
+  Livewire:    App\Livewire\FileManager
+
+  Conventions:
+  - x-on: prefix everywhere (avoids @livewire Blade directive collision)
+  - Flux modals for new-file, new-folder, rename, delete-confirm, settings
+  - Context menu fully in Alpine
+--}}
+
+<div
+    class="h-screen flex flex-col bg-zinc-950 text-zinc-100 overflow-hidden select-none"
+    x-data="fileManager()"
+    x-on:keydown.ctrl.s.window.prevent="save()"
+    x-on:keydown.meta.s.window.prevent="save()"
+>
+
+    {{-- ═══════════════════════════════════════════════════════════════════════
+         TOP BAR
+    ═══════════════════════════════════════════════════════════════════════ --}}
+    <header class="h-11 shrink-0 flex items-center gap-3 px-3 border-b border-white/8 bg-zinc-900/80 backdrop-blur">
+
+        {{-- Back --}}
+        <a href="{{ route('dashboard') }}"
+           class="flex items-center gap-1 text-xs text-zinc-500 hover:text-zinc-100 transition px-1.5 py-1 rounded-md hover:bg-white/8">
+            <flux:icon.arrow-left class="size-3.5" />
+            <span class="hidden sm:inline">Dashboard</span>
+        </a>
+
+        <div class="w-px h-5 bg-white/10 shrink-0"></div>
+
+        {{-- Page info --}}
+        <div class="flex items-center gap-2 min-w-0">
+            <span class="text-sm font-medium text-zinc-200 truncate max-w-40">{{ $page->name }}</span>
+            <code class="text-[11px] bg-white/8 text-indigo-300 px-1.5 py-0.5 rounded font-mono shrink-0">
+                {{ $page->slug }}
+            </code>
+            @if ($page->is_public)
+                <span class="hidden sm:flex items-center gap-1 text-[11px] text-emerald-400">
+                    <flux:icon.globe-alt class="size-3" /> Public
+                </span>
+            @else
+                <span class="hidden sm:flex items-center gap-1 text-[11px] text-zinc-500">
+                    <flux:icon.lock-closed class="size-3" /> Private
+                </span>
+            @endif
+        </div>
+
+        <div class="flex-1"></div>
+
+        {{-- Unsaved indicator --}}
+        @if ($isDirty)
+            <span class="flex items-center gap-1 text-[11px] text-amber-400 animate-pulse shrink-0">
+                <span class="size-1.5 rounded-full bg-amber-400"></span>
+                Unsaved
+            </span>
+        @endif
+
+        {{-- Preview --}}
+        <a href="{{ route('pages.preview', $page->slug) }}"
+           target="_blank"
+           class="hidden sm:flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-md
+                  bg-white/8 hover:bg-white/14 text-zinc-300 hover:text-white transition">
+            <flux:icon.eye class="size-3.5" />
+            Preview
+        </a>
+
+        {{-- Open in new tab --}}
+        <a href="{{ $page->subdomainUrl() }}" target="_blank" rel="noopener"
+           class="hidden sm:flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-md
+                  bg-indigo-600 hover:bg-indigo-500 text-white transition">
+            <flux:icon.arrow-top-right-on-square class="size-3.5" />
+            Open Site
+        </a>
+
+        {{-- Settings --}}
+        <button
+            x-on:click="$modal.show('settings')"
+            class="flex items-center gap-1 text-zinc-400 hover:text-zinc-100 px-1.5 py-1.5
+                   rounded-md hover:bg-white/8 transition">
+            <flux:icon.cog-6-tooth class="size-4" />
+        </button>
+    </header>
+
+
+    {{-- ═══════════════════════════════════════════════════════════════════════
+         MAIN SPLIT PANE
+    ═══════════════════════════════════════════════════════════════════════ --}}
+    <div class="flex flex-1 overflow-hidden">
+
+        {{-- ── LEFT SIDEBAR ──────────────────────────────────────────────── --}}
+        <aside class="w-56 lg:w-60 shrink-0 flex flex-col border-r border-white/8 bg-zinc-900/40">
+
+            {{-- Sidebar toolbar --}}
+            <div class="h-9 flex items-center gap-1 px-2 border-b border-white/8 shrink-0">
+                <span class="text-[11px] text-zinc-600 uppercase tracking-wider font-medium px-1 flex-1">
+                    Explorer
+                </span>
+                <button
+                    x-on:click="$modal.show('new-file')"
+                    class="p-1 rounded text-zinc-500 hover:text-zinc-100 hover:bg-white/8 transition"
+                    title="New File">
+                    <flux:icon.document-plus class="size-4" />
+                </button>
+                <button
+                    x-on:click="$modal.show('new-folder')"
+                    class="p-1 rounded text-zinc-500 hover:text-zinc-100 hover:bg-white/8 transition"
+                    title="New Folder">
+                    <flux:icon.folder-plus class="size-4" />
+                </button>
+                <button
+                    x-on:click="$modal.show('upload')"
+                    class="p-1 rounded text-zinc-500 hover:text-zinc-100 hover:bg-white/8 transition"
+                    title="Upload Files">
+                    <flux:icon.arrow-up-tray class="size-4" />
+                </button>
+                <button
+                    wire:click="$refresh"
+                    class="p-1 rounded text-zinc-500 hover:text-zinc-100 hover:bg-white/8 transition"
+                    title="Refresh">
+                    <flux:icon.arrow-path class="size-3.5" />
+                </button>
+            </div>
+
+            {{-- Current directory breadcrumb --}}
+            @if ($currentDir)
+            <div class="flex items-center gap-1 px-3 py-1.5 border-b border-white/8 bg-white/3">
+                <button wire:click="goUp"
+                        class="flex items-center gap-1 text-[11px] text-zinc-500 hover:text-zinc-200 transition">
+                    <flux:icon.arrow-uturn-left class="size-3" />
+                </button>
+                <span class="text-[11px] text-zinc-500 truncate font-mono">
+                    / {{ $currentDir }}
+                </span>
+            </div>
+            @endif
+
+            {{-- File tree --}}
+            <div class="flex-1 overflow-y-auto py-1 min-h-0 scrollbar-thin scrollbar-thumb-white/10">
+                @forelse ($this->fileTree as $item)
+                    @include('livewire.partials.tree-item', ['item' => $item, 'depth' => 0])
+                @empty
+                    <div class="flex flex-col items-center justify-center h-32 text-zinc-600">
+                        <flux:icon.document class="size-8 mb-2 opacity-30" />
+                        <p class="text-xs">No files yet</p>
+                        <button
+                            x-on:click="$modal.show('new-file')"
+                            class="text-xs text-indigo-400 hover:text-indigo-300 mt-2 transition">
+                            Create index.html
+                        </button>
+                    </div>
+                @endforelse
+            </div>
+
+            {{-- Rename inline form (shown when renameTarget is set) --}}
+            @if ($renameTarget !== null)
+            <div class="border-t border-white/8 p-2 bg-zinc-900/60">
+                <p class="text-[11px] text-zinc-500 mb-1.5 flex items-center gap-1">
+                    <flux:icon.pencil class="size-3" /> Rename
+                </p>
+                <input
+                    wire:model="renameTo"
+                    type="text"
+                    autofocus
+                    wire:keydown.enter="confirmRename"
+                    wire:keydown.escape="$set('renameTarget', null)"
+                    class="w-full bg-white/8 border border-white/15 text-zinc-100 text-xs rounded-md
+                           px-2 py-1.5 focus:outline-none focus:ring-1 focus:ring-indigo-500 font-mono">
+                <div class="flex gap-1.5 mt-1.5">
+                    <button wire:click="confirmRename"
+                            class="flex-1 bg-indigo-600 hover:bg-indigo-500 text-white text-xs
+                                   rounded-md py-1 font-medium transition">
+                        Rename
+                    </button>
+                    <button wire:click="$set('renameTarget', null)"
+                            class="flex-1 bg-white/8 hover:bg-white/14 text-zinc-300 text-xs
+                                   rounded-md py-1 transition">
+                        Cancel
+                    </button>
+                </div>
+            </div>
+            @endif
+
+        </aside>
+
+
+        {{-- ── CENTER EDITOR PANE ──────────────────────────────────────── --}}
+        <div class="flex-1 flex flex-col overflow-hidden min-w-0">
+
+            {{-- Editor toolbar --}}
+            <div class="h-9 flex items-center gap-2 px-3 border-b border-white/8 bg-zinc-900/30 shrink-0">
+                @if ($activeFile)
+                    <flux:icon.document class="size-3.5 text-zinc-600 shrink-0" />
+                    <span class="text-xs text-zinc-400 font-mono truncate flex-1">
+                        {{ $activeFile }}
+                    </span>
+                @else
+                    <span class="text-xs text-zinc-600 flex-1 italic">No file open</span>
+                @endif
+
+                <div class="flex items-center gap-2 shrink-0">
+                    @if ($isDirty)
+                        <button
+                            x-on:click="save()"
+                            class="flex items-center gap-1 text-xs px-2 py-1 rounded-md
+                                   bg-indigo-600 hover:bg-indigo-500 text-white transition">
+                            <flux:icon.check class="size-3" />
+                            Save
+                            <kbd class="text-[10px] opacity-50 ml-0.5">⌘S</kbd>
+                        </button>
+                    @elseif ($activeFile && $this->isEditable)
+                        <span class="flex items-center gap-1 text-[11px] text-emerald-500">
+                            <flux:icon.check-circle class="size-3" />
+                            Saved
+                        </span>
+                    @endif
+
+                    @if ($activeFile && $this->isPreviewable && !$this->isEditable)
+                        <a href="{{ $this->previewUrl }}" target="_blank" rel="noopener"
+                           class="flex items-center gap-1 text-xs px-2 py-1 rounded-md
+                                  bg-white/8 hover:bg-white/14 text-zinc-300 transition">
+                            <flux:icon.arrow-top-right-on-square class="size-3" />
+                            Open
+                        </a>
+                    @endif
+                </div>
+            </div>
+
+            {{-- ── Content area ── --}}
+
+            @if ($this->isEditable && $activeFile)
+                {{-- CodeMirror host --}}
+                <div id="cm-host" class="flex-1 overflow-hidden min-h-0"></div>
+
+            @elseif ($this->isPreviewable && $activeFile)
+                {{-- Media / binary preview --}}
+                @php $ext = strtolower(pathinfo($activeFile, PATHINFO_EXTENSION)); @endphp
+                <div class="flex-1 flex items-center justify-center bg-zinc-950/60 p-8 min-h-0">
+                    @if (in_array($ext, ['png','jpg','jpeg','gif','webp','ico']))
+                        <img src="{{ $this->previewUrl }}"
+                             class="max-h-full max-w-full object-contain rounded-lg shadow-2xl ring-1 ring-white/10">
+                    @elseif ($ext === 'svg')
+                        <img src="{{ $this->previewUrl }}"
+                             class="max-h-96 max-w-full object-contain rounded-lg bg-white/5 p-4">
+                    @elseif (in_array($ext, ['mp4','webm']))
+                        <video src="{{ $this->previewUrl }}" controls
+                               class="max-h-full max-w-full rounded-lg shadow-2xl"></video>
+                    @elseif (in_array($ext, ['mp3','wav','ogg']))
+                        <div class="text-center">
+                            <flux:icon.musical-note class="size-16 text-zinc-600 mx-auto mb-4" />
+                            <p class="text-sm text-zinc-400 mb-4">{{ basename($activeFile) }}</p>
+                            <audio src="{{ $this->previewUrl }}" controls class="w-80"></audio>
+                        </div>
+                    @elseif ($ext === 'pdf')
+                        <iframe src="{{ $this->previewUrl }}"
+                                class="w-full h-full rounded-lg border-0"></iframe>
+                    @endif
+                </div>
+
+            @elseif ($activeFile)
+                {{-- Non-previewable binary --}}
+                <div class="flex-1 flex flex-col items-center justify-center text-zinc-600">
+                    <flux:icon.document class="size-16 mb-3 opacity-30" />
+                    <p class="text-sm">{{ basename($activeFile) }}</p>
+                    <p class="text-xs mt-1 opacity-60">Binary file — cannot be edited in browser</p>
+                </div>
+
+            @else
+                {{-- Empty state --}}
+                <div class="flex-1 flex flex-col items-center justify-center text-zinc-700">
+                    <flux:icon.code-bracket-square class="size-20 mb-4 opacity-20" />
+                    <p class="text-base font-medium mb-1">No file open</p>
+                    <p class="text-sm opacity-60">Select a file from the explorer to start editing</p>
+                    <button
+                        x-on:click="$modal.show('new-file')"
+                        class="mt-4 flex items-center gap-1.5 text-sm text-indigo-400 hover:text-indigo-300 transition">
+                        <flux:icon.plus class="size-4" />
+                        Create a new file
+                    </button>
+                </div>
+            @endif
+
+        </div>
+
+    </div>
+
+
+    {{-- ═══════════════════════════════════════════════════════════════════════
+         STATUS BAR
+    ═══════════════════════════════════════════════════════════════════════ --}}
+    <footer class="h-6 shrink-0 flex items-center justify-between px-3 bg-indigo-900/40
+                   border-t border-white/8 text-[11px] text-zinc-500">
+        <div class="flex items-center gap-4">
+            @if ($activeFile)
+                <span class="font-mono">{{ basename($activeFile) }}</span>
+                @if ($this->isEditable)
+                    <span
+                        x-data="{ line: 1, col: 1 }"
+                        x-on:cm-cursor.window="line = $event.detail.line; col = $event.detail.col"
+                        class="tabular-nums">
+                        Ln <span x-text="line">1</span>,
+                        Col <span x-text="col">1</span>
+                    </span>
+                    <span class="capitalize">{{ $this->editorLanguage }}</span>
+                @endif
+            @else
+                <span>{{ config('app.name') }}</span>
+            @endif
+        </div>
+        <div class="flex items-center gap-3">
+            <span>{{ $page->slug }}</span>
+            <span class="{{ $page->is_public ? 'text-emerald-500' : 'text-zinc-600' }}">
+                {{ $page->is_public ? '🌐 Public' : '🔒 Private' }}
+            </span>
+        </div>
+    </footer>
+
+
+    {{-- ═══════════════════════════════════════════════════════════════════════
+         CONTEXT MENU (Alpine, fully client-side)
+    ═══════════════════════════════════════════════════════════════════════ --}}
+    <template x-if="ctx.show">
+        <div
+            class="fixed z-[100] min-w-40 bg-zinc-800 border border-white/12 rounded-lg shadow-2xl
+                   py-1 text-sm overflow-hidden"
+            x-bind:style="`top: ${Math.min(ctx.y, window.innerHeight - 180)}px; left: ${Math.min(ctx.x, window.innerWidth - 180)}px`"
+            x-on:click.stop
+        >
+            <template x-if="ctx.item?.type === 'dir'">
+                <div>
+                    <button
+                        x-on:click="$modal.show('new-file'); closeContext()"
+                        class="w-full flex items-center gap-2.5 px-3 py-1.5 hover:bg-white/8 text-zinc-300 hover:text-white transition">
+                        <flux:icon.document-plus class="size-4 text-zinc-500" />
+                        New File Here
+                    </button>
+                    <button
+                        x-on:click="$modal.show('new-folder'); closeContext()"
+                        class="w-full flex items-center gap-2.5 px-3 py-1.5 hover:bg-white/8 text-zinc-300 hover:text-white transition">
+                        <flux:icon.folder-plus class="size-4 text-zinc-500" />
+                        New Folder Here
+                    </button>
+                    <div class="my-1 border-t border-white/8"></div>
+                </div>
+            </template>
+
+            <button
+                x-on:click="$wire.call('prepareRename', ctx.item.path); closeContext()"
+                class="w-full flex items-center gap-2.5 px-3 py-1.5 hover:bg-white/8 text-zinc-300 hover:text-white transition">
+                <flux:icon.pencil class="size-4 text-zinc-500" />
+                Rename
+            </button>
+
+            <button
+                x-on:click="navigator.clipboard.writeText(ctx.item.path); closeContext()"
+                class="w-full flex items-center gap-2.5 px-3 py-1.5 hover:bg-white/8 text-zinc-300 hover:text-white transition">
+                <flux:icon.clipboard class="size-4 text-zinc-500" />
+                Copy Path
+            </button>
+
+            <div class="my-1 border-t border-white/8"></div>
+
+            <button
+                x-on:click="$wire.call('prepareDelete', ctx.item.path, ctx.item.type === 'dir' ? 'dir' : 'file'); closeContext()"
+                class="w-full flex items-center gap-2.5 px-3 py-1.5 hover:bg-red-500/15 text-zinc-400 hover:text-red-400 transition">
+                <flux:icon.trash class="size-4" />
+                Delete
+            </button>
+        </div>
+    </template>
+
+
+    {{-- ═══════════════════════════════════════════════════════════════════════
+         FLASH TOAST
+    ═══════════════════════════════════════════════════════════════════════ --}}
+    <div
+        x-data="{ show: false, msg: '', type: 'success' }"
+        x-on:show-flash.window="
+            msg  = $event.detail.message;
+            type = $event.detail.type ?? 'success';
+            show = true;
+            setTimeout(() => show = false, 3000)
+        "
+        x-show="show"
+        x-transition:enter="transition ease-out duration-200"
+        x-transition:enter-start="opacity-0 translate-y-2"
+        x-transition:enter-end="opacity-100 translate-y-0"
+        x-transition:leave="transition ease-in duration-150"
+        x-transition:leave-start="opacity-100"
+        x-transition:leave-end="opacity-0"
+        class="fixed bottom-8 left-1/2 -translate-x-1/2 z-[200]
+               flex items-center gap-2 px-4 py-2.5 rounded-xl shadow-2xl text-sm font-medium
+               backdrop-blur border"
+        x-bind:class="type === 'error'
+            ? 'bg-red-950/90 border-red-500/30 text-red-200'
+            : 'bg-zinc-800/90 border-white/12 text-zinc-100'"
+        style="display:none"
+    >
+        <template x-if="type !== 'error'">
+            <flux:icon.check-circle class="size-4 text-emerald-400 shrink-0" />
+        </template>
+        <template x-if="type === 'error'">
+            <flux:icon.exclamation-circle class="size-4 text-red-400 shrink-0" />
+        </template>
+        <span x-text="msg"></span>
+    </div>
+
+
+    {{-- ═══════════════════════════════════════════════════════════════════════
+         MODALS
+    ═══════════════════════════════════════════════════════════════════════ --}}
+
+    {{-- ── New File ────────────────────────────────────────────────────── --}}
+    <flux:modal name="new-file" class="max-w-sm">
+        <div class="p-5">
+            <flux:heading size="lg" class="mb-1">New File</flux:heading>
+            <flux:subheading class="mb-5">
+                Create a new file in
+                <code class="text-xs bg-white/8 px-1 py-0.5 rounded">
+                    {{ $currentDir ?: '/' }}
+                </code>
+            </flux:subheading>
+
+            <flux:field>
+                <flux:label>File name</flux:label>
+                <flux:input
+                    wire:model="newFileName"
+                    placeholder="index.html"
+                    autofocus
+                    wire:keydown.enter="createFileAndClose" />
+                @error('newFileName') <flux:error>{{ $message }}</flux:error> @enderror
+            </flux:field>
+
+            <div class="flex gap-2 mt-5">
+                <flux:button
+                    wire:click="createFileAndClose"
+                    variant="primary"
+                    class="flex-1">
+                    Create File
+                </flux:button>
+                <flux:button
+                    x-on:click="$modal.close('new-file')"
+                    variant="ghost">
+                    Cancel
+                </flux:button>
+            </div>
+        </div>
+    </flux:modal>
+
+    {{-- ── New Folder ──────────────────────────────────────────────────── --}}
+    <flux:modal name="new-folder" class="max-w-sm">
+        <div class="p-5">
+            <flux:heading size="lg" class="mb-1">New Folder</flux:heading>
+            <flux:subheading class="mb-5">Create a folder inside
+                <code class="text-xs bg-white/8 px-1 py-0.5 rounded">
+                    {{ $currentDir ?: '/' }}
+                </code>
+            </flux:subheading>
+
+            <flux:field>
+                <flux:label>Folder name</flux:label>
+                <flux:input
+                    wire:model="newFolderName"
+                    placeholder="assets"
+                    wire:keydown.enter="createFolderAndClose" />
+                @error('newFolderName') <flux:error>{{ $message }}</flux:error> @enderror
+            </flux:field>
+
+            <div class="flex gap-2 mt-5">
+                <flux:button
+                    wire:click="createFolderAndClose"
+                    variant="primary"
+                    class="flex-1">
+                    Create Folder
+                </flux:button>
+                <flux:button
+                    x-on:click="$modal.close('new-folder')"
+                    variant="ghost">
+                    Cancel
+                </flux:button>
+            </div>
+        </div>
+    </flux:modal>
+
+    {{-- ── Upload ──────────────────────────────────────────────────────── --}}
+    <flux:modal name="upload" class="max-w-md">
+        <div class="p-5">
+            <flux:heading size="lg" class="mb-1">Upload Files</flux:heading>
+            <flux:subheading class="mb-5">
+                Upload to <code class="text-xs bg-white/8 px-1 py-0.5 rounded">{{ $currentDir ?: '/' }}</code>
+                — max {{ config('filesystems.max_upload_mb', 50) }} MB per file
+            </flux:subheading>
+
+            <label
+                class="flex flex-col items-center justify-center gap-3 w-full h-36
+                       border-2 border-dashed border-white/15 rounded-xl cursor-pointer
+                       hover:border-indigo-500/50 hover:bg-indigo-500/5 transition group"
+                x-on:dragover.prevent
+                x-on:drop.prevent="
+                    const files = Array.from($event.dataTransfer.files);
+                    $wire.upload('upload', files[0])
+                ">
+                <flux:icon.arrow-up-tray class="size-8 text-zinc-600 group-hover:text-indigo-400 transition" />
+                <span class="text-sm text-zinc-500 group-hover:text-zinc-300 transition">
+                    Drop files here, or <span class="text-indigo-400">click to browse</span>
+                </span>
+                <input
+                    type="file"
+                    wire:model="upload"
+                    x-on:change="$wire.uploadFile()"
+                    class="hidden"
+                    multiple>
+            </label>
+
+            <div wire:loading wire:target="upload" class="flex items-center gap-2 mt-3 text-sm text-zinc-400">
+                <svg class="animate-spin size-4 text-indigo-400" viewBox="0 0 24 24" fill="none">
+                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
+                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
+                </svg>
+                Uploading…
+            </div>
+
+            @error('upload')
+                <flux:callout variant="danger" icon="exclamation-circle" class="mt-3">
+                    {{ $message }}
+                </flux:callout>
+            @enderror
+
+            <div class="mt-4 flex justify-end">
+                <flux:button
+                    x-on:click="$modal.close('upload')"
+                    variant="ghost">
+                    Done
+                </flux:button>
+            </div>
+        </div>
+    </flux:modal>
+
+    {{-- ── Delete Confirmation ─────────────────────────────────────────── --}}
+    <flux:modal name="delete-confirm" class="max-w-sm">
+        <div class="p-5">
+            <div class="flex items-start gap-3 mb-4">
+                <div class="flex items-center justify-center size-10 rounded-full bg-red-500/15 shrink-0">
+                    <flux:icon.trash class="size-5 text-red-400" />
+                </div>
+                <div>
+                    <flux:heading size="lg">
+                        Delete {{ $deleteTargetType === 'dir' ? 'folder' : 'file' }}?
+                    </flux:heading>
+                    <p class="text-sm text-zinc-400 mt-1">
+                        <code class="text-zinc-200 bg-white/8 px-1.5 py-0.5 rounded text-xs font-mono">
+                            {{ $deleteTargetName }}
+                        </code>
+                        will be permanently deleted.
+                        @if ($deleteTargetType === 'dir')
+                            <span class="text-red-400">All files inside will be lost.</span>
+                        @endif
+                    </p>
+                </div>
+            </div>
+
+            <div class="flex gap-2">
+                <flux:button
+                    wire:click="executeDelete"
+                    variant="danger"
+                    class="flex-1">
+                    Delete
+                </flux:button>
+                <flux:button
+                    x-on:click="$modal.close('delete-confirm')"
+                    variant="ghost"
+                    class="flex-1">
+                    Cancel
+                </flux:button>
+            </div>
+        </div>
+    </flux:modal>
+
+    {{-- ── Page Settings ───────────────────────────────────────────────── --}}
+    <flux:modal name="settings" class="max-w-md" variant="flyout">
+        <div class="p-5">
+            <flux:heading size="lg" class="mb-1">Page Settings</flux:heading>
+            <flux:subheading class="mb-6">
+                Configure your page's name, URL slug, and visibility.
+            </flux:subheading>
+
+            <div class="space-y-4">
+                <flux:field>
+                    <flux:label>Page Name</flux:label>
+                    <flux:input wire:model="pageName" type="text" />
+                    @error('pageName') <flux:error>{{ $message }}</flux:error> @enderror
+                </flux:field>
+
+                <flux:field>
+                    <flux:label>Slug</flux:label>
+                    <flux:input wire:model="pageSlug" type="text" class="font-mono" />
+                    @error('pageSlug') <flux:error>{{ $message }}</flux:error> @enderror
+                    <flux:description>
+                        {{ config('app.base_domain') }}/<strong>{{ $pageSlug }}</strong>
+                    </flux:description>
+                </flux:field>
+
+                <flux:field variant="inline">
+                    <flux:switch wire:model="pageIsPublic" />
+                    <flux:label>Publicly accessible</flux:label>
+                    <flux:description>When off, only you can view this page.</flux:description>
+                </flux:field>
+            </div>
+
+            {{-- URLs --}}
+            <div class="mt-5 p-3 rounded-lg bg-white/4 border border-white/8 space-y-2">
+                <p class="text-[11px] text-zinc-500 uppercase tracking-wider font-medium">Access URLs</p>
+                <div>
+                    <p class="text-[11px] text-zinc-600 mb-0.5">Subdomain</p>
+                    <a href="{{ $page->subdomainUrl() }}" target="_blank"
+                       class="text-xs text-indigo-400 hover:underline font-mono break-all">
+                        {{ $page->subdomainUrl() }}
+                    </a>
+                </div>
+                <div>
+                    <p class="text-[11px] text-zinc-600 mb-0.5">Path-based</p>
+                    <a href="{{ $page->pathUrl() }}" target="_blank"
+                       class="text-xs text-indigo-400 hover:underline font-mono break-all">
+                        {{ $page->pathUrl() }}
+                    </a>
+                </div>
+            </div>
+
+            <div class="flex gap-2 mt-5">
+                <flux:button
+                    wire:click="saveSettings"
+                    wire:loading.attr="disabled"
+                    variant="primary"
+                    class="flex-1">
+                    <span wire:loading.remove wire:target="saveSettings">Save Settings</span>
+                    <span wire:loading wire:target="saveSettings">Saving…</span>
+                </flux:button>
+                <flux:button
+                    x-on:click="$modal.close('settings')"
+                    variant="ghost">
+                    Cancel
+                </flux:button>
+            </div>
+
+            <div class="mt-4 pt-4 border-t border-white/8">
+                <flux:button
+                    wire:click="deletePage"
+                    wire:confirm="Permanently delete '{{ $page->name }}' and all its files?\nThis cannot be undone."
+                    variant="ghost"
+                    class="w-full text-red-400 hover:text-red-300 hover:bg-red-500/10">
+                    <flux:icon.trash class="size-4" />
+                    Delete this page
+                </flux:button>
+            </div>
+        </div>
+    </flux:modal>
+
+</div>
diff --git a/resources/views/livewire/partials/tree-item.blade.php b/resources/views/livewire/partials/tree-item.blade.php
new file mode 100644
index 0000000..4c8bd83
--- /dev/null
+++ b/resources/views/livewire/partials/tree-item.blade.php
@@ -0,0 +1,136 @@
+{{--
+  Recursive file-tree item.
+  Variables: $item (array), $depth (int, default 0)
+  Alpine context: fileManager() component on ancestor div.
+--}}
+@php
+$depth ??= 0;
+$pl     = 8 + $depth * 16;
+
+// File-type icon + colour mapping (Flux/Heroicons)
+$ext      = strtolower(pathinfo($item['name'], PATHINFO_EXTENSION));
+$iconMap  = [
+    'html'  => ['name' => 'globe-alt',      'class' => 'text-orange-400'],
+    'htm'   => ['name' => 'globe-alt',      'class' => 'text-orange-400'],
+    'css'   => ['name' => 'swatch',         'class' => 'text-sky-400'],
+    'js'    => ['name' => 'bolt',           'class' => 'text-yellow-400'],
+    'json'  => ['name' => 'document-text',  'class' => 'text-amber-500'],
+    'md'    => ['name' => 'document-text',  'class' => 'text-zinc-400'],
+    'txt'   => ['name' => 'document-text',  'class' => 'text-zinc-400'],
+    'xml'   => ['name' => 'code-bracket',   'class' => 'text-green-400'],
+    'svg'   => ['name' => 'swatch',         'class' => 'text-pink-400'],
+    'png'   => ['name' => 'photo',          'class' => 'text-violet-400'],
+    'jpg'   => ['name' => 'photo',          'class' => 'text-violet-400'],
+    'jpeg'  => ['name' => 'photo',          'class' => 'text-violet-400'],
+    'gif'   => ['name' => 'photo',          'class' => 'text-violet-400'],
+    'webp'  => ['name' => 'photo',          'class' => 'text-violet-400'],
+    'ico'   => ['name' => 'photo',          'class' => 'text-violet-400'],
+    'mp4'   => ['name' => 'film',           'class' => 'text-red-400'],
+    'webm'  => ['name' => 'film',           'class' => 'text-red-400'],
+    'mp3'   => ['name' => 'musical-note',   'class' => 'text-emerald-400'],
+    'wav'   => ['name' => 'musical-note',   'class' => 'text-emerald-400'],
+    'ogg'   => ['name' => 'musical-note',   'class' => 'text-emerald-400'],
+    'pdf'   => ['name' => 'document',       'class' => 'text-red-500'],
+    'woff'  => ['name' => 'document',       'class' => 'text-zinc-500'],
+    'woff2' => ['name' => 'document',       'class' => 'text-zinc-500'],
+];
+$fileIcon = $item['isIndex'] ?? false
+    ? ['name' => 'home',     'class' => 'text-emerald-400']
+    : ($iconMap[$ext] ?? ['name' => 'document', 'class' => 'text-zinc-500']);
+@endphp
+
+@if ($item['type'] === 'dir')
+{{-- ── DIRECTORY ──────────────────────────────────────────────────────── --}}
+<div>
+    <div
+        class="flex items-center gap-1.5 py-[3px] pr-1 rounded-md cursor-pointer group
+               text-zinc-400 hover:text-zinc-100 hover:bg-white/5 select-none"
+        style="padding-left: {{ $pl }}px"
+        x-on:click="toggleDir(@js($item['path']))"
+        x-on:contextmenu.prevent="openContext($event, @js($item))"
+        wire:key="tree-dir-{{ $item['path'] }}"
+    >
+        {{-- Chevron --}}
+        <span class="shrink-0 transition-transform duration-150"
+              x-bind:class="isOpen(@js($item['path'])) ? 'rotate-90' : ''">
+            <flux:icon.chevron-right class="size-3 text-zinc-600" />
+        </span>
+
+        {{-- Folder icon --}}
+        <span class="shrink-0">
+            <flux:icon.folder-open class="size-4 text-sky-400"
+                x-show="isOpen(@js($item['path']))" style="display:none" />
+            <flux:icon.folder class="size-4 text-sky-400"
+                x-show="!isOpen(@js($item['path']))" />
+        </span>
+
+        {{-- Name --}}
+        <span class="flex-1 text-xs truncate">{{ $item['name'] }}</span>
+
+        {{-- Hover actions --}}
+        <div class="hidden group-hover:flex items-center gap-0.5 ml-1">
+            <button
+                wire:click.stop="prepareRename(@js($item['path']))"
+                class="p-0.5 rounded hover:bg-white/10 text-zinc-500 hover:text-zinc-200 transition"
+                title="Rename">
+                <flux:icon.pencil class="size-3.5" />
+            </button>
+            <button
+                wire:click.stop="prepareDelete(@js($item['path']), 'dir')"
+                class="p-0.5 rounded hover:bg-red-500/20 text-zinc-500 hover:text-red-400 transition"
+                title="Delete folder">
+                <flux:icon.trash class="size-3.5" />
+            </button>
+        </div>
+    </div>
+
+    {{-- Children --}}
+    <div x-show="isOpen(@js($item['path']))" x-cloak>
+        @forelse ($item['children'] ?? [] as $child)
+            @include('livewire.partials.tree-item', ['item' => $child, 'depth' => $depth + 1])
+        @empty
+            <p class="text-[11px] text-zinc-600 italic py-1 select-none"
+               style="padding-left: {{ $pl + 24 }}px">
+                Empty
+            </p>
+        @endforelse
+    </div>
+</div>
+
+@else
+{{-- ── FILE ────────────────────────────────────────────────────────────── --}}
+<div
+    class="flex items-center gap-1.5 py-[3px] pr-1 rounded-md cursor-pointer group select-none transition-colors
+           {{ ($item['active'] ?? false) ? 'bg-white/10 text-white' : 'text-zinc-400 hover:text-zinc-100 hover:bg-white/5' }}"
+    style="padding-left: {{ $pl }}px"
+    wire:click="openFile(@js($item['path']))"
+    x-on:contextmenu.prevent="openContext($event, @js($item))"
+    wire:key="tree-file-{{ $item['path'] }}"
+>
+    {{-- File icon --}}
+    <span class="shrink-0 {{ $fileIcon['class'] }}">
+        <flux:icon :name="$fileIcon['name']" class="size-4" />
+    </span>
+
+    {{-- Name --}}
+    <span class="flex-1 text-xs truncate {{ ($item['isIndex'] ?? false) ? 'font-medium text-emerald-300' : '' }}">
+        {{ $item['name'] }}
+    </span>
+
+    {{-- Hover actions --}}
+    <div class="hidden group-hover:flex items-center gap-0.5 ml-1">
+        <button
+            wire:click.stop="prepareRename(@js($item['path']))"
+            class="p-0.5 rounded hover:bg-white/10 text-zinc-500 hover:text-zinc-200 transition"
+            title="Rename">
+            <flux:icon.pencil class="size-3.5" />
+        </button>
+        <button
+            wire:click.stop="prepareDelete(@js($item['path']), 'file')"
+            class="p-0.5 rounded hover:bg-red-500/20 text-zinc-500 hover:text-red-400 transition"
+            title="Delete">
+            <flux:icon.trash class="size-3.5" />
+        </button>
+    </div>
+</div>
+@endif
diff --git a/resources/views/livewire/settings/appearance.blade.php b/resources/views/livewire/settings/appearance.blade.php
deleted file mode 100644
index 86c7ec7..0000000
--- a/resources/views/livewire/settings/appearance.blade.php
+++ /dev/null
@@ -1,13 +0,0 @@
-<section class="w-full">
-    @include('partials.settings-heading')
-
-    <flux:heading class="sr-only">{{ __('Appearance settings') }}</flux:heading>
-
-    <x-settings.layout :heading="__('Appearance')" :subheading=" __('Update the appearance settings for your account')">
-        <flux:radio.group x-data variant="segmented" x-model="$flux.appearance">
-            <flux:radio value="light" icon="sun">{{ __('Light') }}</flux:radio>
-            <flux:radio value="dark" icon="moon">{{ __('Dark') }}</flux:radio>
-            <flux:radio value="system" icon="computer-desktop">{{ __('System') }}</flux:radio>
-        </flux:radio.group>
-    </x-settings.layout>
-</section>
diff --git a/resources/views/livewire/settings/delete-user-form.blade.php b/resources/views/livewire/settings/delete-user-form.blade.php
deleted file mode 100644
index a641407..0000000
--- a/resources/views/livewire/settings/delete-user-form.blade.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<section class="mt-10 space-y-6">
-    <div class="relative mb-5">
-        <flux:heading>{{ __('Delete account') }}</flux:heading>
-        <flux:subheading>{{ __('Delete your account and all of its resources') }}</flux:subheading>
-    </div>
-
-    <flux:modal.trigger name="confirm-user-deletion">
-        <flux:button variant="danger" x-data="" x-on:click.prevent="$dispatch('open-modal', 'confirm-user-deletion')">
-            {{ __('Delete account') }}
-        </flux:button>
-    </flux:modal.trigger>
-
-    <flux:modal name="confirm-user-deletion" :show="$errors->isNotEmpty()" focusable class="max-w-lg">
-        <form method="POST" wire:submit="deleteUser" class="space-y-6">
-            <div>
-                <flux:heading size="lg">{{ __('Are you sure you want to delete your account?') }}</flux:heading>
-
-                <flux:subheading>
-                    {{ __('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.') }}
-                </flux:subheading>
-            </div>
-
-            <flux:input wire:model="password" :label="__('Password')" type="password" viewable />
-
-            <div class="flex justify-end space-x-2 rtl:space-x-reverse">
-                <flux:modal.close>
-                    <flux:button variant="filled">{{ __('Cancel') }}</flux:button>
-                </flux:modal.close>
-
-                <flux:button variant="danger" type="submit">{{ __('Delete account') }}</flux:button>
-            </div>
-        </form>
-    </flux:modal>
-</section>
diff --git a/resources/views/livewire/settings/profile.blade.php b/resources/views/livewire/settings/profile.blade.php
deleted file mode 100644
index 3b36a74..0000000
--- a/resources/views/livewire/settings/profile.blade.php
+++ /dev/null
@@ -1,47 +0,0 @@
-<section class="w-full">
-    @include('partials.settings-heading')
-
-    <flux:heading class="sr-only">{{ __('Profile settings') }}</flux:heading>
-
-    <x-settings.layout :heading="__('Profile')" :subheading="__('Update your name and email address')">
-        <form wire:submit="updateProfileInformation" class="my-6 w-full space-y-6">
-            <flux:input wire:model="name" :label="__('Name')" type="text" required autofocus autocomplete="name" />
-
-            <div>
-                <flux:input wire:model="email" :label="__('Email')" type="email" required autocomplete="email" />
-
-                @if ($this->hasUnverifiedEmail)
-                    <div>
-                        <flux:text class="mt-4">
-                            {{ __('Your email address is unverified.') }}
-
-                            <flux:link class="text-sm cursor-pointer" wire:click.prevent="resendVerificationNotification">
-                                {{ __('Click here to re-send the verification email.') }}
-                            </flux:link>
-                        </flux:text>
-
-                        @if (session('status') === 'verification-link-sent')
-                            <flux:text class="mt-2 font-medium !dark:text-green-400 !text-green-600">
-                                {{ __('A new verification link has been sent to your email address.') }}
-                            </flux:text>
-                        @endif
-                    </div>
-                @endif
-            </div>
-
-            <div class="flex items-center gap-4">
-                <div class="flex items-center justify-end">
-                    <flux:button variant="primary" type="submit" class="w-full">{{ __('Save') }}</flux:button>
-                </div>
-
-                <x-action-message class="me-3" on="profile-updated">
-                    {{ __('Saved.') }}
-                </x-action-message>
-            </div>
-        </form>
-
-        @if ($this->showDeleteUser)
-            <livewire:settings.delete-user-form />
-        @endif
-    </x-settings.layout>
-</section>
diff --git a/resources/views/livewire/settings/security.blade.php b/resources/views/livewire/settings/security.blade.php
deleted file mode 100644
index 9e973d3..0000000
--- a/resources/views/livewire/settings/security.blade.php
+++ /dev/null
@@ -1,239 +0,0 @@
-<section class="w-full">
-    @include('partials.settings-heading')
-
-    <flux:heading class="sr-only">{{ __('Security settings') }}</flux:heading>
-
-    <x-settings.layout :heading="__('Update password')" :subheading="__('Ensure your account is using a long, random password to stay secure')">
-        <form method="POST" wire:submit="updatePassword" class="mt-6 space-y-6">
-            <flux:input
-                wire:model="current_password"
-                :label="__('Current password')"
-                type="password"
-                required
-                autocomplete="current-password"
-                viewable
-            />
-            <flux:input
-                wire:model="password"
-                :label="__('New password')"
-                type="password"
-                required
-                autocomplete="new-password"
-                viewable
-            />
-            <flux:input
-                wire:model="password_confirmation"
-                :label="__('Confirm password')"
-                type="password"
-                required
-                autocomplete="new-password"
-                viewable
-            />
-
-            <div class="flex items-center gap-4">
-                <div class="flex items-center justify-end">
-                    <flux:button variant="primary" type="submit" class="w-full" data-test="update-password-button">{{ __('Save') }}</flux:button>
-                </div>
-
-                <x-action-message class="me-3" on="password-updated">
-                    {{ __('Saved.') }}
-                </x-action-message>
-            </div>
-        </form>
-
-        @if ($canManageTwoFactor)
-            <section class="mt-12">
-                <flux:heading>{{ __('Two-factor authentication') }}</flux:heading>
-                <flux:subheading>{{ __('Manage your two-factor authentication settings') }}</flux:subheading>
-
-                <div class="flex flex-col w-full mx-auto space-y-6 text-sm" wire:cloak>
-                    @if ($twoFactorEnabled)
-                        <div class="space-y-4">
-                            <flux:text>
-                                {{ __('You will be prompted for a secure, random pin during login, which you can retrieve from the TOTP-supported application on your phone.') }}
-                            </flux:text>
-
-                            <div class="flex justify-start">
-                                <flux:button
-                                    variant="danger"
-                                    wire:click="disable"
-                                >
-                                    {{ __('Disable 2FA') }}
-                                </flux:button>
-                            </div>
-
-                            <livewire:settings.two-factor.recovery-codes :$requiresConfirmation/>
-                        </div>
-                    @else
-                        <div class="space-y-4">
-                            <flux:text variant="subtle">
-                                {{ __('When you enable two-factor authentication, you will be prompted for a secure pin during login. This pin can be retrieved from a TOTP-supported application on your phone.') }}
-                            </flux:text>
-
-                            <flux:button
-                                variant="primary"
-                                wire:click="enable"
-                            >
-                                {{ __('Enable 2FA') }}
-                            </flux:button>
-                        </div>
-                    @endif
-                </div>
-            </section>
-
-            <flux:modal
-                name="two-factor-setup-modal"
-                class="max-w-md md:min-w-md"
-                @close="closeModal"
-                wire:model="showModal"
-            >
-                <div class="space-y-6">
-                    <div class="flex flex-col items-center space-y-4">
-                        <div class="p-0.5 w-auto rounded-full border border-stone-100 dark:border-stone-600 bg-white dark:bg-stone-800 shadow-sm">
-                            <div class="p-2.5 rounded-full border border-stone-200 dark:border-stone-600 overflow-hidden bg-stone-100 dark:bg-stone-200 relative">
-                                <div class="flex items-stretch absolute inset-0 w-full h-full divide-x [&>div]:flex-1 divide-stone-200 dark:divide-stone-300 justify-around opacity-50">
-                                    @for ($i = 1; $i <= 5; $i++)
-                                        <div></div>
-                                    @endfor
-                                </div>
-
-                                <div class="flex flex-col items-stretch absolute w-full h-full divide-y [&>div]:flex-1 inset-0 divide-stone-200 dark:divide-stone-300 justify-around opacity-50">
-                                    @for ($i = 1; $i <= 5; $i++)
-                                        <div></div>
-                                    @endfor
-                                </div>
-
-                                <flux:icon.qr-code class="relative z-20 dark:text-accent-foreground"/>
-                            </div>
-                        </div>
-
-                        <div class="space-y-2 text-center">
-                            <flux:heading size="lg">{{ $this->modalConfig['title'] }}</flux:heading>
-                            <flux:text>{{ $this->modalConfig['description'] }}</flux:text>
-                        </div>
-                    </div>
-
-                    @if ($showVerificationStep)
-                        <div class="space-y-6">
-                            <div class="flex flex-col items-center space-y-3 justify-center">
-                                <flux:otp
-                                    name="code"
-                                    wire:model="code"
-                                    length="6"
-                                    label="OTP Code"
-                                    label:sr-only
-                                    class="mx-auto"
-                                />
-                            </div>
-
-                            <div class="flex items-center space-x-3">
-                                <flux:button
-                                    variant="outline"
-                                    class="flex-1"
-                                    wire:click="resetVerification"
-                                >
-                                    {{ __('Back') }}
-                                </flux:button>
-
-                                <flux:button
-                                    variant="primary"
-                                    class="flex-1"
-                                    wire:click="confirmTwoFactor"
-                                    x-bind:disabled="$wire.code.length < 6"
-                                >
-                                    {{ __('Confirm') }}
-                                </flux:button>
-                            </div>
-                        </div>
-                    @else
-                        @error('setupData')
-                            <flux:callout variant="danger" icon="x-circle" heading="{{ $message }}"/>
-                        @enderror
-
-                        <div class="flex justify-center">
-                            <div class="relative w-64 overflow-hidden border rounded-lg border-stone-200 dark:border-stone-700 aspect-square">
-                                @empty($qrCodeSvg)
-                                    <div class="absolute inset-0 flex items-center justify-center bg-white dark:bg-stone-700 animate-pulse">
-                                        <flux:icon.loading/>
-                                    </div>
-                                @else
-                                <div x-data class="flex items-center justify-center h-full p-4">
-                                    <div
-                                        class="bg-white p-3 rounded"
-                                        :style="($flux.appearance === 'dark' || ($flux.appearance === 'system' && $flux.dark)) ? 'filter: invert(1) brightness(1.5)' : ''"
-                                    >
-                                            {!! $qrCodeSvg !!}
-                                        </div>
-                                    </div>
-                                @endempty
-                            </div>
-                        </div>
-
-                        <div>
-                            <flux:button
-                                :disabled="$errors->has('setupData')"
-                                variant="primary"
-                                class="w-full"
-                                wire:click="showVerificationIfNecessary"
-                            >
-                                {{ $this->modalConfig['buttonText'] }}
-                            </flux:button>
-                        </div>
-
-                        <div class="space-y-4">
-                            <div class="relative flex items-center justify-center w-full">
-                                <div class="absolute inset-0 w-full h-px top-1/2 bg-stone-200 dark:bg-stone-600"></div>
-                                <span class="relative px-2 text-sm bg-white dark:bg-stone-800 text-stone-600 dark:text-stone-400">
-                                    {{ __('or, enter the code manually') }}
-                                </span>
-                            </div>
-
-                            <div
-                                class="flex items-center space-x-2"
-                                x-data="{
-                                    copied: false,
-                                    async copy() {
-                                        try {
-                                            await navigator.clipboard.writeText('{{ $manualSetupKey }}');
-                                            this.copied = true;
-                                            setTimeout(() => this.copied = false, 1500);
-                                        } catch (e) {
-                                            console.warn('Could not copy to clipboard');
-                                        }
-                                    }
-                                }"
-                            >
-                                <div class="flex items-stretch w-full border rounded-xl dark:border-stone-700">
-                                    @empty($manualSetupKey)
-                                        <div class="flex items-center justify-center w-full p-3 bg-stone-100 dark:bg-stone-700">
-                                            <flux:icon.loading variant="mini"/>
-                                        </div>
-                                    @else
-                                        <input
-                                            type="text"
-                                            readonly
-                                            value="{{ $manualSetupKey }}"
-                                            class="w-full p-3 bg-transparent outline-none text-stone-900 dark:text-stone-100"
-                                        />
-
-                                        <button
-                                            @click="copy()"
-                                            class="px-3 transition-colors border-l cursor-pointer border-stone-200 dark:border-stone-600"
-                                        >
-                                            <flux:icon.document-duplicate x-show="!copied" variant="outline"></flux:icon>
-                                            <flux:icon.check
-                                                x-show="copied"
-                                                variant="solid"
-                                                class="text-green-500"
-                                            ></flux:icon>
-                                        </button>
-                                    @endempty
-                                </div>
-                            </div>
-                        </div>
-                    @endif
-                </div>
-            </flux:modal>
-        @endif
-    </x-settings.layout>
-</section>
diff --git a/resources/views/livewire/settings/two-factor/recovery-codes.blade.php b/resources/views/livewire/settings/two-factor/recovery-codes.blade.php
deleted file mode 100644
index 9ed2674..0000000
--- a/resources/views/livewire/settings/two-factor/recovery-codes.blade.php
+++ /dev/null
@@ -1,89 +0,0 @@
-<div
-    class="py-6 space-y-6 border shadow-sm rounded-xl border-zinc-200 dark:border-white/10"
-    wire:cloak
-    x-data="{ showRecoveryCodes: false }"
->
-    <div class="px-6 space-y-2">
-        <div class="flex items-center gap-2">
-            <flux:icon.lock-closed variant="outline" class="size-4"/>
-            <flux:heading size="lg" level="3">{{ __('2FA recovery codes') }}</flux:heading>
-        </div>
-        <flux:text variant="subtle">
-            {{ __('Recovery codes let you regain access if you lose your 2FA device. Store them in a secure password manager.') }}
-        </flux:text>
-    </div>
-
-    <div class="px-6">
-        <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-            <flux:button
-                x-show="!showRecoveryCodes"
-                icon="eye"
-                icon:variant="outline"
-                variant="primary"
-                @click="showRecoveryCodes = true;"
-                aria-expanded="false"
-                aria-controls="recovery-codes-section"
-            >
-                {{ __('View recovery codes') }}
-            </flux:button>
-
-            <flux:button
-                x-show="showRecoveryCodes"
-                icon="eye-slash"
-                icon:variant="outline"
-                variant="primary"
-                @click="showRecoveryCodes = false"
-                aria-expanded="true"
-                aria-controls="recovery-codes-section"
-            >
-                {{ __('Hide recovery codes') }}
-            </flux:button>
-
-            @if (filled($recoveryCodes))
-                <flux:button
-                    x-show="showRecoveryCodes"
-                    icon="arrow-path"
-                    variant="filled"
-                    wire:click="regenerateRecoveryCodes"
-                >
-                    {{ __('Regenerate codes') }}
-                </flux:button>
-            @endif
-        </div>
-
-        <div
-            x-show="showRecoveryCodes"
-            x-transition
-            id="recovery-codes-section"
-            class="relative overflow-hidden"
-            x-bind:aria-hidden="!showRecoveryCodes"
-        >
-            <div class="mt-3 space-y-3">
-                @error('recoveryCodes')
-                    <flux:callout variant="danger" icon="x-circle" heading="{{$message}}"/>
-                @enderror
-
-                @if (filled($recoveryCodes))
-                    <div
-                        class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100 dark:bg-white/5"
-                        role="list"
-                        aria-label="{{ __('Recovery codes') }}"
-                    >
-                        @foreach($recoveryCodes as $code)
-                            <div
-                                role="listitem"
-                                class="select-text"
-                                wire:loading.class="opacity-50 animate-pulse"
-                            >
-                                {{ $code }}
-                            </div>
-                        @endforeach
-                    </div>
-                    <flux:text variant="subtle" class="text-xs">
-                        {{ __('Each recovery code can be used once to access your account and will be removed after use. If you need more, click Regenerate codes above.') }}
-                    </flux:text>
-                @endif
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/resources/views/pages/create.blade.php b/resources/views/pages/create.blade.php
new file mode 100644
index 0000000..5e33c83
--- /dev/null
+++ b/resources/views/pages/create.blade.php
@@ -0,0 +1,49 @@
+<x-app-layout title="New Page — {{ config('app.name') }}">
+
+    <div class="max-w-lg mx-auto px-6 py-10">
+
+        <flux:heading size="xl" class="mb-6">Create New Page</flux:heading>
+
+        <form method="POST" action="{{ route('pages.store') }}" class="space-y-5">
+            @csrf
+
+            <flux:field>
+                <flux:label>Page Name</flux:label>
+                <flux:input type="text" name="name" value="{{ old('name') }}"
+                            required autofocus placeholder="My Awesome Site" />
+                @error('name')
+                    <flux:error>{{ $message }}</flux:error>
+                @enderror
+            </flux:field>
+
+            <flux:field>
+                <flux:label>
+                    Slug
+                    <flux:badge variant="zinc" size="sm" class="ml-1">optional</flux:badge>
+                </flux:label>
+                <div class="flex items-center">
+                    <span class="text-sm text-zinc-400 dark:text-zinc-500 mr-1 shrink-0">
+                        {{ config('app.base_domain') }}/
+                    </span>
+                    <flux:input type="text" name="slug" value="{{ old('slug') }}"
+                                placeholder="my-awesome-site" class="flex-1" />
+                </div>
+                <flux:description>Leave blank to auto-generate from the page name.</flux:description>
+                @error('slug')
+                    <flux:error>{{ $message }}</flux:error>
+                @enderror
+            </flux:field>
+
+            <div class="flex gap-3 pt-2">
+                <flux:button type="submit" variant="primary">
+                    Create Page
+                </flux:button>
+                <flux:button href="{{ route('dashboard') }}" variant="ghost">
+                    Cancel
+                </flux:button>
+            </div>
+        </form>
+
+    </div>
+
+</x-app-layout>
diff --git a/resources/views/pages/dashboard.blade.php b/resources/views/pages/dashboard.blade.php
new file mode 100644
index 0000000..118a1f0
--- /dev/null
+++ b/resources/views/pages/dashboard.blade.php
@@ -0,0 +1,71 @@
+<x-app-layout title="Dashboard — {{ config('app.name') }}">
+
+    <div class="max-w-6xl mx-auto px-6 py-10">
+
+        <div class="flex items-center justify-between mb-8">
+            <flux:heading size="xl">Your Pages</flux:heading>
+            <flux:button href="{{ route('pages.create') }}" variant="primary" icon="plus">
+                New Page
+            </flux:button>
+        </div>
+
+        @if ($pages->isEmpty())
+            <div class="text-center py-28">
+                <p class="text-5xl mb-4">📄</p>
+                <flux:heading size="lg" class="text-zinc-400">No pages yet.</flux:heading>
+                <flux:link href="{{ route('pages.create') }}" class="mt-3 inline-block">
+                    Create your first page →
+                </flux:link>
+            </div>
+        @else
+            <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
+                @foreach ($pages as $page)
+                    <div class="bg-white dark:bg-zinc-800 rounded-2xl border border-zinc-200
+                                dark:border-zinc-700 shadow-xs hover:shadow-md transition p-5 flex flex-col">
+
+                        <div class="flex items-start justify-between mb-3">
+                            <div class="min-w-0">
+                                <flux:heading size="sm" class="truncate">{{ $page->name }}</flux:heading>
+                                <code class="text-xs text-indigo-500 bg-indigo-50 dark:bg-indigo-950
+                                             dark:text-indigo-300 px-1.5 py-0.5 rounded mt-1 inline-block">
+                                    {{ $page->slug }}
+                                </code>
+                            </div>
+                            <flux:badge
+                                variant="{{ $page->is_public ? 'lime' : 'zinc' }}"
+                                size="sm"
+                                class="ml-2 shrink-0">
+                                {{ $page->is_public ? 'Public' : 'Private' }}
+                            </flux:badge>
+                        </div>
+
+                        <p class="text-xs text-zinc-400 mt-auto mb-4 pt-3
+                                  border-t border-zinc-100 dark:border-zinc-700">
+                            Updated {{ $page->updated_at->diffForHumans() }}
+                        </p>
+
+                        <div class="flex gap-2">
+                            <flux:button href="{{ route('pages.manager', $page->slug) }}"
+                                         variant="filled" size="sm" class="flex-1">
+                                Edit
+                            </flux:button>
+                            <flux:button href="{{ $page->subdomainUrl() }}"
+                                         target="_blank" rel="noopener"
+                                         variant="ghost" size="sm" class="flex-1"
+                                         icon-trailing="arrow-top-right-on-square">
+                                Preview
+                            </flux:button>
+                            <form method="POST" action="{{ route('pages.destroy', $page->slug) }}"
+                                  onsubmit="return confirm('Delete \'{{ addslashes($page->name) }}\'?\nThis cannot be undone.')">
+                                @csrf @method('DELETE')
+                                <flux:button type="submit" variant="danger" size="sm" icon="trash" />
+                            </form>
+                        </div>
+                    </div>
+                @endforeach
+            </div>
+        @endif
+
+    </div>
+
+</x-app-layout>
diff --git a/resources/views/pages/manager.blade.php b/resources/views/pages/manager.blade.php
new file mode 100644
index 0000000..99fbefc
--- /dev/null
+++ b/resources/views/pages/manager.blade.php
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full dark">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>{{ $page->name }} — File Manager</title>
+    @vite(['resources/css/app.css', 'resources/js/file-manager.js'])
+    @livewireStyles
+    <style>
+        /* Thin scrollbar for file tree */
+        .scrollbar-thin { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.1) transparent; }
+        .scrollbar-thin::-webkit-scrollbar { width: 4px; }
+        .scrollbar-thin::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }
+        /* Hide Alpine x-cloak */
+        [x-cloak] { display: none !important; }
+    </style>
+</head>
+<body class="h-full overflow-hidden bg-zinc-950">
+
+    <livewire:file-manager :slug="$page->slug" />
+
+    @livewireScripts
+</body>
+</html>
diff --git a/resources/views/pages/preview.blade.php b/resources/views/pages/preview.blade.php
new file mode 100644
index 0000000..0afca78
--- /dev/null
+++ b/resources/views/pages/preview.blade.php
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full dark">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Preview — {{ $page->name }}</title>
+    @vite(['resources/css/app.css'])
+    <style>
+        [x-cloak] { display: none !important; }
+        .device-frame { transition: width 0.3s cubic-bezier(.4,0,.2,1), height 0.3s cubic-bezier(.4,0,.2,1); }
+    </style>
+</head>
+<body class="h-full overflow-hidden bg-zinc-950 text-zinc-100 flex flex-col"
+      x-data="{
+          device: 'desktop',
+          url: '{{ $page->subdomainUrl() }}',
+          devices: {
+              mobile:  { w: '390px',  h: '844px',  label: 'Mobile',  icon: 'device-phone-mobile' },
+              tablet:  { w: '768px',  h: '1024px', label: 'Tablet',  icon: 'device-tablet' },
+              desktop: { w: '100%',   h: '100%',   label: 'Desktop', icon: 'computer-desktop' },
+          },
+          get frameStyle() {
+              const d = this.devices[this.device];
+              return this.device === 'desktop'
+                  ? 'width:100%;height:100%'
+                  : `width:${d.w};max-height:${d.h};border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,.6)`;
+          },
+          reload() {
+              const f = document.getElementById('preview-frame');
+              f.src = f.src;
+          },
+          copyUrl() {
+              navigator.clipboard.writeText(this.url);
+          }
+      }">
+
+    {{-- ── Toolbar ─────────────────────────────────────────────────────────── --}}
+    <header class="h-12 shrink-0 flex items-center gap-2 px-4 border-b border-white/8 bg-zinc-900/80 backdrop-blur">
+
+        {{-- Back --}}
+        <a href="{{ route('pages.manager', $page->slug) }}"
+           class="flex items-center gap-1.5 text-xs text-zinc-400 hover:text-zinc-100 transition
+                  px-2 py-1.5 rounded-md hover:bg-white/8 shrink-0">
+            <svg class="size-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/>
+            </svg>
+            Editor
+        </a>
+
+        <div class="w-px h-5 bg-white/10 shrink-0"></div>
+
+        {{-- URL bar --}}
+        <div class="flex-1 flex items-center gap-2 bg-white/6 border border-white/10 rounded-lg px-3 py-1.5
+                    max-w-xl mx-auto">
+            <svg class="size-3.5 text-zinc-500 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5a17.92 17.92 0 0 1-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418"/>
+            </svg>
+            <span class="flex-1 text-xs text-zinc-300 font-mono truncate" x-text="url"></span>
+            <button x-on:click="copyUrl()"
+                    class="text-zinc-500 hover:text-zinc-200 transition shrink-0" title="Copy URL">
+                <svg class="size-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"/>
+                </svg>
+            </button>
+        </div>
+
+        {{-- Device toggles --}}
+        <div class="flex items-center gap-0.5 bg-white/6 border border-white/10 rounded-lg p-0.5 shrink-0">
+            <template x-for="[key, d] in Object.entries(devices)" :key="key">
+                <button
+                    x-on:click="device = key"
+                    x-bind:class="device === key
+                        ? 'bg-white/14 text-zinc-100'
+                        : 'text-zinc-500 hover:text-zinc-300'"
+                    x-bind:title="d.label"
+                    class="px-2 py-1 rounded-md transition text-xs flex items-center gap-1">
+                    {{-- Mobile icon --}}
+                    <template x-if="key === 'mobile'">
+                        <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 8.25h3"/>
+                        </svg>
+                    </template>
+                    {{-- Tablet icon --}}
+                    <template x-if="key === 'tablet'">
+                        <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5h3m-6.75 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-15a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 4.5v15a2.25 2.25 0 0 0 2.25 2.25Z"/>
+                        </svg>
+                    </template>
+                    {{-- Desktop icon --}}
+                    <template x-if="key === 'desktop'">
+                        <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0H3"/>
+                        </svg>
+                    </template>
+                    <span class="hidden lg:inline text-[11px]" x-text="d.label"></span>
+                </button>
+            </template>
+        </div>
+
+        {{-- Reload --}}
+        <button x-on:click="reload()"
+                class="flex items-center gap-1 text-zinc-400 hover:text-zinc-100 transition
+                       px-2 py-1.5 rounded-md hover:bg-white/8 shrink-0">
+            <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
+            </svg>
+        </button>
+
+        {{-- Open externally --}}
+        <a href="{{ $page->subdomainUrl() }}" target="_blank" rel="noopener"
+           class="flex items-center gap-1 text-zinc-400 hover:text-zinc-100 transition
+                  px-2 py-1.5 rounded-md hover:bg-white/8 shrink-0" title="Open in new tab">
+            <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/>
+            </svg>
+        </a>
+    </header>
+
+    {{-- ── Preview frame ───────────────────────────────────────────────────── --}}
+    <div class="flex-1 flex items-center justify-center overflow-hidden"
+         x-bind:class="device !== 'desktop' ? 'p-6 bg-zinc-900/40' : ''">
+        <div class="device-frame overflow-hidden"
+             x-bind:class="device !== 'desktop' ? 'ring-1 ring-white/10' : 'w-full h-full'"
+             x-bind:style="frameStyle">
+            <iframe
+                id="preview-frame"
+                src="{{ $page->subdomainUrl() }}"
+                class="w-full h-full border-0 bg-white"
+                sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
+                title="{{ $page->name }} preview">
+            </iframe>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/resources/views/partials/head.blade.php b/resources/views/partials/head.blade.php
deleted file mode 100644
index 52703a4..0000000
--- a/resources/views/partials/head.blade.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-<title>
-    {{ filled($title ?? null) ? $title.' - '.config('app.name', 'Laravel') : config('app.name', 'Laravel') }}
-</title>
-
-<link rel="icon" href="/favicon.ico" sizes="any">
-<link rel="icon" href="/favicon.svg" type="image/svg+xml">
-<link rel="apple-touch-icon" href="/apple-touch-icon.png">
-
-<link rel="preconnect" href="https://fonts.bunny.net">
-<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
-
-@vite(['resources/css/app.css', 'resources/js/app.js'])
-@fluxAppearance
diff --git a/resources/views/partials/settings-heading.blade.php b/resources/views/partials/settings-heading.blade.php
deleted file mode 100644
index 925ace9..0000000
--- a/resources/views/partials/settings-heading.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="relative mb-6 w-full">
-    <flux:heading size="xl" level="1">{{ __('Settings') }}</flux:heading>
-    <flux:subheading size="lg" class="mb-6">{{ __('Manage your profile and account settings') }}</flux:subheading>
-    <flux:separator variant="subtle" />
-</div>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index c7b6eb4..d96bf6c 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -1,278 +1,49 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-
-        <title>{{ __('Welcome') }} - {{ config('app.name', 'Laravel') }}</title>
-
-        <link rel="icon" href="/favicon.ico" sizes="any">
-        <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-
-        <!-- Fonts -->
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
-
-        <!-- Styles -->
-        <style>
-            /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
-            @layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-600:oklch(.627 .194 149.214);--color-gray-900:oklch(.21 .034 264.665);--color-zinc-50:oklch(.985 0 0);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-800:oklch(.268 .007 34.298);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-\[3px\]{inset-block:3px}.start-0{inset-inline-start:calc(var(--spacing)*0)}.end-0{inset-inline-end:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.z-20{z-index:20}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing)*6)}.-ms-8{margin-inline-start:calc(var(--spacing)*-8)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-4{margin-inline-start:calc(var(--spacing)*4)}.me-1\.5{margin-inline-end:calc(var(--spacing)*1.5)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.me-3{margin-inline-end:calc(var(--spacing)*3)}.me-5{margin-inline-end:calc(var(--spacing)*5)}.me-10{margin-inline-end:calc(var(--spacing)*10)}.-mt-\[4\.9rem\]{margin-top:-4.9rem}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-auto{margin-top:auto}.-mb-px{margin-bottom:-1px}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-\[2px\]{margin-bottom:2px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/376\]{aspect-ratio:335/376}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-3\!{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-full{width:100%;height:100%}.\!h-10{height:calc(var(--spacing)*10)!important}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-14\.5{height:calc(var(--spacing)*14.5)}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-\[220px\]{width:220px}.w-\[448px\]{width:448px}.w-full{width:100%}.w-px{width:1px}.max-w-\[335px\]{max-width:335px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-\[2px\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(2px*var(--tw-space-y-reverse));margin-block-end:calc(2px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-ee-lg{border-end-end-radius:var(--radius-lg)}.rounded-es-lg{border-end-start-radius:var(--radius-lg)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-black{border-color:var(--color-black)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-transparent{border-color:#0000}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-200{background-color:var(--color-zinc-200)}.fill-current{fill:currentColor}.stroke-gray-900\/20{stroke:color-mix(in oklab,var(--color-gray-900)20%,transparent)}.p-0{padding:calc(var(--spacing)*0)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\!{padding-block:calc(var(--spacing)*0)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-8{padding-block:calc(var(--spacing)*8)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-7{padding-inline-start:calc(var(--spacing)*7)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.text-center{text-align:center}.text-start{text-align:start}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-green-600{color:var(--color-green-600)!important}.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-black{color:var(--color-black)}.text-green-600{color:var(--color-green-600)}.text-stone-800{color:var(--color-stone-800)}.text-white{color:var(--color-white)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-100{opacity:1}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008),0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-300{transition-delay:.3s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.group-data-open\/disclosure-button\:block:is(:where(.group\/disclosure-button)[data-open] *){display:block}.group-data-open\/disclosure-button\:hidden:is(:where(.group\/disclosure-button)[data-open] *){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:start-\[0\.4rem\]:before{content:var(--tw-content);inset-inline-start:.4rem}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media (hover:hover){.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-zinc-800\/5:hover{background-color:color-mix(in oklab,var(--color-zinc-800)5%,transparent)}.hover\:text-zinc-800:hover{color:var(--color-zinc-800)}}.data-open\:block[data-open]{display:block}@media (width<64rem){.max-lg\:hidden{display:none}}@media (width<48rem){.max-md\:flex-col{flex-direction:column}.max-md\:pt-6{padding-top:calc(var(--spacing)*6)}}@media (width>=40rem){.sm\:w-\[350px\]{width:350px}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}}@media (width>=48rem){.md\:hidden{display:none}.md\:w-\[220px\]{width:220px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-10{padding:calc(var(--spacing)*10)}}@media (width>=64rem){.lg\:-ms-px{margin-inline-start:-1px}.lg\:ms-0{margin-inline-start:calc(var(--spacing)*0)}.lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-8{height:calc(var(--spacing)*8)}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:max-w-none{max-width:none}.lg\:grow{flex-grow:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-ss-lg{border-start-start-radius:var(--radius-lg)}.lg\:rounded-e-lg{border-start-end-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.lg\:rounded-e-lg\!{border-start-end-radius:var(--radius-lg)!important;border-end-end-radius:var(--radius-lg)!important}.lg\:rounded-ee-none{border-end-end-radius:0}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-20{padding:calc(var(--spacing)*20)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}@media (prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:border-neutral-800{border-color:var(--color-neutral-800)}.dark\:border-stone-800{border-color:var(--color-stone-800)}.dark\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:bg-stone-950{background-color:var(--color-stone-950)}.dark\:bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}.dark\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\:bg-linear-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.dark\:from-neutral-950{--tw-gradient-from:var(--color-neutral-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-neutral-900{--tw-gradient-to:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:stroke-neutral-100\/20{stroke:color-mix(in oklab,var(--color-neutral-100)20%,transparent)}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:text-black{color:var(--color-black)}.dark\:text-white{color:var(--color-white)}.dark\:text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}.dark\:text-zinc-400{color:var(--color-zinc-400)}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media (hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}.dark\:hover\:bg-white\/\[7\%\]:hover{background-color:color-mix(in oklab,var(--color-white)7%,transparent)}.dark\:hover\:text-white:hover{color:var(--color-white)}}}@starting-style{.starting\:translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.starting\:translate-y-6{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.starting\:opacity-0{opacity:0}}.\[\&\>div\>svg\]\:size-5>div>svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}:where(.\[\:where\(\&\)\]\:size-4){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:where(.\[\:where\(\&\)\]\:size-5){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}:where(.\[\:where\(\&\)\]\:size-6){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
-        </style>
-    </head>
-    <body class="bg-[#FDFDFC] dark:bg-[#0a0a0a] text-[#1b1b18] flex p-6 lg:p-8 items-center lg:justify-center min-h-screen flex-col">
-        <header class="w-full lg:max-w-4xl max-w-[335px] text-sm mb-6 not-has-[nav]:hidden">
-            @if (Route::has('login'))
-                <nav class="flex items-center justify-end gap-4">
-                    @auth
-                        <a
-                            href="{{ route('dashboard') }}"
-                            class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal"
-                        >
-                            Dashboard
-                        </a>
-                    @else
-                        <a
-                            href="{{ route('login') }}"
-                            class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] text-[#1b1b18] border border-transparent hover:border-[#19140035] dark:hover:border-[#3E3E3A] rounded-sm text-sm leading-normal"
-                        >
-                            Log in
-                        </a>
-
-                        @if (Route::has('register'))
-                            <a
-                                href="{{ route('register') }}"
-                                class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal">
-                                Register
-                            </a>
-                        @endif
-                    @endauth
-                </nav>
-            @endif
-        </header>
-        <div class="flex items-center justify-center w-full transition-opacity opacity-100 duration-750 lg:grow starting:opacity-0">
-            <main class="flex max-w-[335px] w-full flex-col-reverse lg:max-w-4xl lg:flex-row">
-                <div class="text-[13px] leading-[20px] flex-1 p-6 pb-12 lg:p-20 bg-white dark:bg-[#161615] dark:text-[#EDEDEC] shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d] rounded-es-lg rounded-ee-lg lg:rounded-ss-lg lg:rounded-ee-none">
-                    <h1 class="mb-1 font-medium">Let's get started</h1>
-                    <p class="mb-2 text-[#706f6c] dark:text-[#A1A09A]">Laravel has an incredibly rich ecosystem. <br>We suggest starting with the following.</p>
-                    <ul class="flex flex-col mb-4 lg:mb-6">
-                        <li class="flex items-center gap-4 py-2 relative before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A] before:top-1/2 before:bottom-0 before:left-[0.4rem] before:absolute">
-                            <span class="relative py-1 bg-white dark:bg-[#161615]">
-                                <span class="flex items-center justify-center rounded-full bg-[#FDFDFC] dark:bg-[#161615] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] w-3.5 h-3.5 border dark:border-[#3E3E3A] border-[#e3e3e0]">
-                                    <span class="rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A] w-1.5 h-1.5"></span>
-                                </span>
-                            </span>
-                            <span>
-                                Read the
-                                <a href="https://laravel.com/docs" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 text-[#f53003] dark:text-[#FF4433] ms-1">
-                                    <span>Documentation</span>
-                                    <svg
-                                        width="10"
-                                        height="11"
-                                        viewBox="0 0 10 11"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        class="w-2.5 h-2.5"
-                                    >
-                                        <path
-                                            d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                            stroke="currentColor"
-                                            stroke-linecap="square"
-                                        />
-                                    </svg>
-                                </a>
-                            </span>
-                        </li>
-                        <li class="flex items-center gap-4 py-2 relative before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A] before:bottom-1/2 before:top-0 before:start-[0.4rem] before:absolute">
-                            <span class="relative py-1 bg-white dark:bg-[#161615]">
-                                <span class="flex items-center justify-center rounded-full bg-[#FDFDFC] dark:bg-[#161615] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] w-3.5 h-3.5 border dark:border-[#3E3E3A] border-[#e3e3e0]">
-                                    <span class="rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A] w-1.5 h-1.5"></span>
-                                </span>
-                            </span>
-                            <span>
-                                Watch video tutorials at
-                                <a href="https://laracasts.com" target="_blank" class="inline-flex items-center space-x-1 font-medium underline underline-offset-4 text-[#f53003] dark:text-[#FF4433] ms-1">
-                                    <span>Laracasts</span>
-                                    <svg
-                                        width="10"
-                                        height="11"
-                                        viewBox="0 0 10 11"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        class="w-2.5 h-2.5"
-                                    >
-                                        <path
-                                            d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                            stroke="currentColor"
-                                            stroke-linecap="square"
-                                        />
-                                    </svg>
-                                </a>
-                            </span>
-                        </li>
-                    </ul>
-                    <ul class="flex gap-3 text-sm leading-normal">
-                        <li>
-                            <a href="https://cloud.laravel.com" target="_blank" class="inline-block dark:bg-[#eeeeec] dark:border-[#eeeeec] dark:text-[#1C1C1A] dark:hover:bg-white dark:hover:border-white hover:bg-black hover:border-black px-5 py-1.5 bg-[#1b1b18] rounded-sm border border-black text-white text-sm leading-normal">
-                                Deploy now
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-                <div class="bg-[#fff2f2] dark:bg-[#1D0002] relative lg:-ms-px -mb-px lg:mb-0 rounded-t-lg lg:rounded-t-none lg:rounded-e-lg! aspect-[335/376] lg:aspect-auto w-full lg:w-[438px] shrink-0 overflow-hidden">
-                    {{-- Laravel Logo --}}
-                    <svg class="w-full text-[#F53003] dark:text-[#F61500] transition-all translate-y-0 opacity-100 max-w-none duration-750 starting:opacity-0 starting:translate-y-6" viewBox="0 0 438 104" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M17.2036 -3H0V102.197H49.5189V86.7187H17.2036V-3Z" fill="currentColor" />
-                        <path d="M110.256 41.6337C108.061 38.1275 104.945 35.3731 100.905 33.3681C96.8667 31.3647 92.8016 30.3618 88.7131 30.3618C83.4247 30.3618 78.5885 31.3389 74.201 33.2923C69.8111 35.2456 66.0474 37.928 62.9059 41.3333C59.7643 44.7401 57.3198 48.6726 55.5754 53.1293C53.8287 57.589 52.9572 62.274 52.9572 67.1813C52.9572 72.1925 53.8287 76.8995 55.5754 81.3069C57.3191 85.7173 59.7636 89.6241 62.9059 93.0293C66.0474 96.4361 69.8119 99.1155 74.201 101.069C78.5885 103.022 83.4247 103.999 88.7131 103.999C92.8016 103.999 96.8667 102.997 100.905 100.994C104.945 98.9911 108.061 96.2359 110.256 92.7282V102.195H126.563V32.1642H110.256V41.6337ZM108.76 75.7472C107.762 78.4531 106.366 80.8078 104.572 82.8112C102.776 84.8161 100.606 86.4183 98.0637 87.6206C95.5202 88.823 92.7004 89.4238 89.6103 89.4238C86.5178 89.4238 83.7252 88.823 81.2324 87.6206C78.7388 86.4183 76.5949 84.8161 74.7998 82.8112C73.004 80.8078 71.6319 78.4531 70.6856 75.7472C69.7356 73.0421 69.2644 70.1868 69.2644 67.1821C69.2644 64.1758 69.7356 61.3205 70.6856 58.6154C71.6319 55.9102 73.004 53.5571 74.7998 51.5522C76.5949 49.5495 78.738 47.9451 81.2324 46.7427C83.7252 45.5404 86.5178 44.9396 89.6103 44.9396C92.7012 44.9396 95.5202 45.5404 98.0637 46.7427C100.606 47.9451 102.776 49.5487 104.572 51.5522C106.367 53.5571 107.762 55.9102 108.76 58.6154C109.756 61.3205 110.256 64.1758 110.256 67.1821C110.256 70.1868 109.756 73.0421 108.76 75.7472Z" fill="currentColor" />
-                        <path d="M242.805 41.6337C240.611 38.1275 237.494 35.3731 233.455 33.3681C229.416 31.3647 225.351 30.3618 221.262 30.3618C215.974 30.3618 211.138 31.3389 206.75 33.2923C202.36 35.2456 198.597 37.928 195.455 41.3333C192.314 44.7401 189.869 48.6726 188.125 53.1293C186.378 57.589 185.507 62.274 185.507 67.1813C185.507 72.1925 186.378 76.8995 188.125 81.3069C189.868 85.7173 192.313 89.6241 195.455 93.0293C198.597 96.4361 202.361 99.1155 206.75 101.069C211.138 103.022 215.974 103.999 221.262 103.999C225.351 103.999 229.416 102.997 233.455 100.994C237.494 98.9911 240.611 96.2359 242.805 92.7282V102.195H259.112V32.1642H242.805V41.6337ZM241.31 75.7472C240.312 78.4531 238.916 80.8078 237.122 82.8112C235.326 84.8161 233.156 86.4183 230.614 87.6206C228.07 88.823 225.251 89.4238 222.16 89.4238C219.068 89.4238 216.275 88.823 213.782 87.6206C211.289 86.4183 209.145 84.8161 207.35 82.8112C205.554 80.8078 204.182 78.4531 203.236 75.7472C202.286 73.0421 201.814 70.1868 201.814 67.1821C201.814 64.1758 202.286 61.3205 203.236 58.6154C204.182 55.9102 205.554 53.5571 207.35 51.5522C209.145 49.5495 211.288 47.9451 213.782 46.7427C216.275 45.5404 219.068 44.9396 222.16 44.9396C225.251 44.9396 228.07 45.5404 230.614 46.7427C233.156 47.9451 235.326 49.5487 237.122 51.5522C238.917 53.5571 240.312 55.9102 241.31 58.6154C242.306 61.3205 242.806 64.1758 242.806 67.1821C242.805 70.1868 242.305 73.0421 241.31 75.7472Z" fill="currentColor" />
-                        <path d="M438 -3H421.694V102.197H438V-3Z" fill="currentColor" />
-                        <path d="M139.43 102.197H155.735V48.2834H183.712V32.1665H139.43V102.197Z" fill="currentColor" />
-                        <path d="M324.49 32.1665L303.995 85.794L283.498 32.1665H266.983L293.748 102.197H314.242L341.006 32.1665H324.49Z" fill="currentColor" />
-                        <path d="M376.571 30.3656C356.603 30.3656 340.797 46.8497 340.797 67.1828C340.797 89.6597 356.094 104 378.661 104C391.29 104 399.354 99.1488 409.206 88.5848L398.189 80.0226C398.183 80.031 389.874 90.9895 377.468 90.9895C363.048 90.9895 356.977 79.3111 356.977 73.269H411.075C413.917 50.1328 398.775 30.3656 376.571 30.3656ZM357.02 61.0967C357.145 59.7487 359.023 43.3761 376.442 43.3761C393.861 43.3761 395.978 59.7464 396.099 61.0967H357.02Z" fill="currentColor" />
-                    </svg>
-
-                    {{-- Light Mode 12 SVG --}}
-                    <svg class="w-[448px] max-w-none relative -mt-[4.9rem] -ms-8 lg:ms-0 lg:-mt-[6.6rem] dark:hidden" viewBox="0 0 440 376" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M188.263 355.73L188.595 355.73C195.441 348.845 205.766 339.761 219.569 328.477C232.93 317.193 242.978 308.205 249.714 301.511C256.34 294.626 260.867 287.358 263.296 279.708C265.725 272.058 264.565 264.121 259.816 255.896C254.516 246.716 247.062 239.352 237.454 233.805C227.957 228.067 217.908 225.198 207.307 225.198C196.927 225.197 190.136 227.97 186.934 233.516C183.621 238.872 184.726 246.331 190.247 255.894L125.647 255.891C116.371 239.825 112.395 225.481 113.72 212.858C115.265 200.235 121.559 190.481 132.602 183.596C143.754 176.52 158.607 172.982 177.159 172.983C196.594 172.984 215.863 176.523 234.968 183.6C253.961 190.486 271.299 200.241 286.98 212.864C302.661 225.488 315.14 239.833 324.416 255.899C333.03 270.817 336.841 283.918 335.847 295.203C335.075 306.487 331.376 316.336 324.75 324.751C318.346 333.167 308.408 343.494 294.936 355.734L377.094 355.737L405.917 405.656L217.087 405.649L188.263 355.73Z" fill="black" />
-                            <path d="M9.11884 226.339L-13.7396 226.338L-42.7286 176.132L43.0733 176.135L175.595 405.649L112.651 405.647L9.11884 226.339Z" fill="black" />
-                            <path d="M188.263 355.73L188.595 355.73C195.441 348.845 205.766 339.761 219.569 328.477C232.93 317.193 242.978 308.205 249.714 301.511C256.34 294.626 260.867 287.358 263.296 279.708C265.725 272.058 264.565 264.121 259.816 255.896C254.516 246.716 247.062 239.352 237.454 233.805C227.957 228.067 217.908 225.198 207.307 225.198C196.927 225.197 190.136 227.97 186.934 233.516C183.621 238.872 184.726 246.331 190.247 255.894L125.647 255.891C116.371 239.825 112.395 225.481 113.72 212.858C115.265 200.235 121.559 190.481 132.602 183.596C143.754 176.52 158.607 172.982 177.159 172.983C196.594 172.984 215.863 176.523 234.968 183.6C253.961 190.486 271.299 200.241 286.98 212.864C302.661 225.488 315.14 239.833 324.416 255.899C333.03 270.817 336.841 283.918 335.847 295.203C335.075 306.487 331.376 316.336 324.75 324.751C318.346 333.167 308.408 343.494 294.936 355.734L377.094 355.737L405.917 405.656L217.087 405.649L188.263 355.73Z" stroke="#1B1B18" stroke-width="1" />
-                            <path d="M9.11884 226.339L-13.7396 226.338L-42.7286 176.132L43.0733 176.135L175.595 405.649L112.651 405.647L9.11884 226.339Z" stroke="#1B1B18" stroke-width="1" />
-                            <path d="M204.592 327.449L204.923 327.449C211.769 320.564 222.094 311.479 235.897 300.196C249.258 288.912 259.306 279.923 266.042 273.23C272.668 266.345 277.195 259.077 279.624 251.427C282.053 243.777 280.893 235.839 276.145 227.615C270.844 218.435 263.39 211.071 253.782 205.524C244.285 199.786 234.236 196.917 223.635 196.916C213.255 196.916 206.464 199.689 203.262 205.235C199.949 210.59 201.054 218.049 206.575 227.612L141.975 227.61C132.699 211.544 128.723 197.2 130.048 184.577C131.593 171.954 137.887 162.2 148.93 155.315C160.083 148.239 174.935 144.701 193.487 144.702C212.922 144.703 232.192 148.242 251.296 155.319C270.289 162.205 287.627 171.96 303.308 184.583C318.989 197.207 331.468 211.552 340.745 227.618C349.358 242.536 353.169 255.637 352.175 266.921C351.403 278.205 347.704 288.055 341.078 296.47C334.674 304.885 324.736 315.213 311.264 327.453L393.422 327.456L422.246 377.375L233.415 377.368L204.592 327.449Z" fill="#F8B803" />
-                            <path d="M25.447 198.058L2.58852 198.057L-26.4005 147.851L59.4015 147.854L191.923 377.368L128.979 377.365L25.447 198.058Z" fill="#F8B803" />
-                            <path d="M204.592 327.449L204.923 327.449C211.769 320.564 222.094 311.479 235.897 300.196C249.258 288.912 259.306 279.923 266.042 273.23C272.668 266.345 277.195 259.077 279.624 251.427C282.053 243.777 280.893 235.839 276.145 227.615C270.844 218.435 263.39 211.071 253.782 205.524C244.285 199.786 234.236 196.917 223.635 196.916C213.255 196.916 206.464 199.689 203.262 205.235C199.949 210.59 201.054 218.049 206.575 227.612L141.975 227.61C132.699 211.544 128.723 197.2 130.048 184.577C131.593 171.954 137.887 162.2 148.93 155.315C160.083 148.239 174.935 144.701 193.487 144.702C212.922 144.703 232.192 148.242 251.296 155.319C270.289 162.205 287.627 171.96 303.308 184.583C318.989 197.207 331.468 211.552 340.745 227.618C349.358 242.536 353.169 255.637 352.175 266.921C351.403 278.205 347.704 288.055 341.078 296.47C334.674 304.885 324.736 315.213 311.264 327.453L393.422 327.456L422.246 377.375L233.415 377.368L204.592 327.449Z" stroke="#1B1B18" stroke-width="1" />
-                            <path d="M25.447 198.058L2.58852 198.057L-26.4005 147.851L59.4015 147.854L191.923 377.368L128.979 377.365L25.447 198.058Z" stroke="#1B1B18" stroke-width="1" />
-                        </g>
-                        <g style="mix-blend-mode: hard-light" class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M217.342 305.363L217.673 305.363C224.519 298.478 234.844 289.393 248.647 278.11C262.008 266.826 272.056 257.837 278.792 251.144C285.418 244.259 289.945 236.991 292.374 229.341C294.803 221.691 293.643 213.753 288.895 205.529C283.594 196.349 276.14 188.985 266.532 183.438C257.035 177.7 246.986 174.831 236.385 174.83C226.005 174.83 219.214 177.603 216.012 183.149C212.699 188.504 213.804 195.963 219.325 205.527L154.725 205.524C145.449 189.458 141.473 175.114 142.798 162.491C144.343 149.868 150.637 140.114 161.68 133.229C172.833 126.153 187.685 122.615 206.237 122.616C225.672 122.617 244.942 126.156 264.046 133.233C283.039 140.119 300.377 149.874 316.058 162.497C331.739 175.121 344.218 189.466 353.495 205.532C362.108 220.45 365.919 233.551 364.925 244.835C364.153 256.12 360.454 265.969 353.828 274.384C347.424 282.799 337.486 293.127 324.014 305.367L406.172 305.37L434.996 355.289L246.165 355.282L217.342 305.363Z" fill="#F0ACB8" />
-                            <path d="M38.197 175.972L15.3385 175.971L-13.6505 125.765L72.1515 125.768L204.673 355.282L141.729 355.279L38.197 175.972Z" fill="#F0ACB8" />
-                            <path d="M217.342 305.363L217.673 305.363C224.519 298.478 234.844 289.393 248.647 278.11C262.008 266.826 272.056 257.837 278.792 251.144C285.418 244.259 289.945 236.991 292.374 229.341C294.803 221.691 293.643 213.753 288.895 205.529C283.594 196.349 276.14 188.985 266.532 183.438C257.035 177.7 246.986 174.831 236.385 174.83C226.005 174.83 219.214 177.603 216.012 183.149C212.699 188.504 213.804 195.963 219.325 205.527L154.725 205.524C145.449 189.458 141.473 175.114 142.798 162.491C144.343 149.868 150.637 140.114 161.68 133.229C172.833 126.153 187.685 122.615 206.237 122.616C225.672 122.617 244.942 126.156 264.046 133.233C283.039 140.119 300.377 149.874 316.058 162.497C331.739 175.121 344.218 189.466 353.495 205.532C362.108 220.45 365.919 233.551 364.925 244.835C364.153 256.12 360.454 265.969 353.828 274.384C347.424 282.799 337.486 293.127 324.014 305.367L406.172 305.37L434.996 355.289L246.165 355.282L217.342 305.363Z" stroke="#1B1B18" stroke-width="1" />
-                            <path d="M38.197 175.972L15.3385 175.971L-13.6505 125.765L72.1515 125.768L204.673 355.282L141.729 355.279L38.197 175.972Z" stroke="#1B1B18" stroke-width="1" />
-                        </g>
-                        <g style="mix-blend-mode: plus-darker" class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M230.951 281.792L231.282 281.793C238.128 274.907 248.453 265.823 262.256 254.539C275.617 243.256 285.666 234.267 292.402 227.573C299.027 220.688 303.554 213.421 305.983 205.771C308.412 198.12 307.253 190.183 302.504 181.959C297.203 172.778 289.749 165.415 280.142 159.868C270.645 154.13 260.596 151.26 249.995 151.26C239.615 151.26 232.823 154.033 229.621 159.579C226.309 164.934 227.413 172.393 232.935 181.956L168.335 181.954C159.058 165.888 155.082 151.543 156.407 138.92C157.953 126.298 164.247 116.544 175.289 109.659C186.442 102.583 201.294 99.045 219.846 99.0457C239.281 99.0464 258.551 102.585 277.655 109.663C296.649 116.549 313.986 126.303 329.667 138.927C345.349 151.551 357.827 165.895 367.104 181.961C375.718 196.88 379.528 209.981 378.535 221.265C377.762 232.549 374.063 242.399 367.438 250.814C361.033 259.229 351.095 269.557 337.624 281.796L419.782 281.8L448.605 331.719L259.774 331.712L230.951 281.792Z" fill="#F3BEC7" />
-                            <path d="M51.8063 152.402L28.9479 152.401L-0.0411453 102.195L85.7608 102.198L218.282 331.711L155.339 331.709L51.8063 152.402Z" fill="#F3BEC7" />
-                            <path d="M230.951 281.792L231.282 281.793C238.128 274.907 248.453 265.823 262.256 254.539C275.617 243.256 285.666 234.267 292.402 227.573C299.027 220.688 303.554 213.421 305.983 205.771C308.412 198.12 307.253 190.183 302.504 181.959C297.203 172.778 289.749 165.415 280.142 159.868C270.645 154.13 260.596 151.26 249.995 151.26C239.615 151.26 232.823 154.033 229.621 159.579C226.309 164.934 227.413 172.393 232.935 181.956L168.335 181.954C159.058 165.888 155.082 151.543 156.407 138.92C157.953 126.298 164.247 116.544 175.289 109.659C186.442 102.583 201.294 99.045 219.846 99.0457C239.281 99.0464 258.551 102.585 277.655 109.663C296.649 116.549 313.986 126.303 329.667 138.927C345.349 151.551 357.827 165.895 367.104 181.961C375.718 196.88 379.528 209.981 378.535 221.265C377.762 232.549 374.063 242.399 367.438 250.814C361.033 259.229 351.095 269.557 337.624 281.796L419.782 281.8L448.605 331.719L259.774 331.712L230.951 281.792Z" stroke="#1B1B18" stroke-width="1" />
-                            <path d="M51.8063 152.402L28.9479 152.401L-0.0411453 102.195L85.7608 102.198L218.282 331.711L155.339 331.709L51.8063 152.402Z" stroke="#1B1B18" stroke-width="1" />
-                        </g>
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M188.467 355.363L188.798 355.363C195.644 348.478 205.969 339.393 219.772 328.11C233.133 316.826 243.181 307.837 249.917 301.144C253.696 297.217 256.792 293.166 259.205 288.991C261.024 285.845 262.455 282.628 263.499 279.341C265.928 271.691 264.768 263.753 260.02 255.529C254.719 246.349 247.265 238.985 237.657 233.438C228.16 227.7 218.111 224.831 207.51 224.83C197.13 224.83 190.339 227.603 187.137 233.149C183.824 238.504 184.929 245.963 190.45 255.527L125.851 255.524C116.574 239.458 112.598 225.114 113.923 212.491C114.615 206.836 116.261 201.756 118.859 197.253C122.061 191.704 126.709 187.03 132.805 183.229C143.958 176.153 158.81 172.615 177.362 172.616C196.797 172.617 216.067 176.156 235.171 183.233C254.164 190.119 271.502 199.874 287.183 212.497C302.864 225.121 315.343 239.466 324.62 255.532C333.233 270.45 337.044 283.551 336.05 294.835C335.46 303.459 333.16 311.245 329.151 318.194C327.915 320.337 326.515 322.4 324.953 324.384C318.549 332.799 308.611 343.127 295.139 355.367L377.297 355.37L406.121 405.289L217.29 405.282L188.467 355.363Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M9.32197 225.972L-13.5365 225.971L-42.5255 175.765L43.2765 175.768L175.798 405.282L112.854 405.279L9.32197 225.972Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M345.247 111.915C329.566 99.2919 312.229 89.5371 293.235 82.6512L235.167 183.228C254.161 190.114 271.498 199.869 287.179 212.492L345.247 111.915Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M382.686 154.964C373.41 138.898 360.931 124.553 345.25 111.93L287.182 212.506C302.863 225.13 315.342 239.475 324.618 255.541L382.686 154.964Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M293.243 82.6472C274.139 75.57 254.869 72.031 235.434 72.0303L177.366 172.607C196.801 172.608 216.071 176.147 235.175 183.224L293.243 82.6472Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M394.118 194.257C395.112 182.973 391.301 169.872 382.688 154.953L324.619 255.53C333.233 270.448 337.044 283.55 336.05 294.834L394.118 194.257Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M235.432 72.0311C216.88 72.0304 202.027 75.5681 190.875 82.6442L132.806 183.221C143.959 176.145 158.812 172.607 177.363 172.608L235.432 72.0311Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M265.59 124.25C276.191 124.251 286.24 127.12 295.737 132.858L237.669 233.435C228.172 227.697 218.123 224.828 207.522 224.827L265.59 124.25Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M295.719 132.859C305.326 138.406 312.78 145.77 318.081 154.95L260.013 255.527C254.712 246.347 247.258 238.983 237.651 233.436L295.719 132.859Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M387.218 217.608C391.227 210.66 393.527 202.874 394.117 194.25L336.049 294.827C335.459 303.451 333.159 311.237 329.15 318.185L387.218 217.608Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M245.211 132.577C248.413 127.03 255.204 124.257 265.584 124.258L207.516 224.835C197.136 224.834 190.345 227.607 187.143 233.154L245.211 132.577Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M318.094 154.945C322.842 163.17 324.002 171.107 321.573 178.757L263.505 279.334C265.934 271.684 264.774 263.746 260.026 255.522L318.094 154.945Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M176.925 96.6737C180.127 91.1249 184.776 86.4503 190.871 82.6499L132.803 183.227C126.708 187.027 122.059 191.702 118.857 197.25L176.925 96.6737Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M387.226 217.606C385.989 219.749 384.59 221.813 383.028 223.797L324.96 324.373C326.522 322.39 327.921 320.326 329.157 318.183L387.226 217.606Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M317.269 188.408C319.087 185.262 320.519 182.045 321.562 178.758L263.494 279.335C262.451 282.622 261.019 285.839 259.201 288.985L317.269 188.408Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M245.208 132.573C241.895 137.928 243 145.387 248.522 154.95L190.454 255.527C184.932 245.964 183.827 238.505 187.14 233.15L245.208 132.573Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M176.93 96.6719C174.331 101.175 172.686 106.255 171.993 111.91L113.925 212.487C114.618 206.831 116.263 201.752 118.862 197.249L176.93 96.6719Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M317.266 188.413C314.853 192.589 311.757 196.64 307.978 200.566L249.91 301.143C253.689 297.216 256.785 293.166 259.198 288.99L317.266 188.413Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M464.198 304.708L435.375 254.789L377.307 355.366L406.13 405.285L464.198 304.708Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M353.209 254.787C366.68 242.548 376.618 232.22 383.023 223.805L324.955 324.382C318.55 332.797 308.612 343.124 295.141 355.364L353.209 254.787Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M435.37 254.787L353.212 254.784L295.144 355.361L377.302 355.364L435.37 254.787Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M183.921 154.947L248.521 154.95L190.453 255.527L125.853 255.524L183.921 154.947Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M171.992 111.914C170.668 124.537 174.643 138.881 183.92 154.947L125.852 255.524C116.575 239.458 112.599 225.114 113.924 212.491L171.992 111.914Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M307.987 200.562C301.251 207.256 291.203 216.244 277.842 227.528L219.774 328.105C233.135 316.821 243.183 307.832 249.919 301.139L307.987 200.562Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M15.5469 75.1797L44.5359 125.386L-13.5321 225.963L-42.5212 175.756L15.5469 75.1797Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M277.836 227.536C264.033 238.82 253.708 247.904 246.862 254.789L188.794 355.366C195.64 348.481 205.965 339.397 219.768 328.113L277.836 227.536Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M275.358 304.706L464.189 304.713L406.12 405.29L217.29 405.283L275.358 304.706Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M44.5279 125.39L67.3864 125.39L9.31834 225.967L-13.5401 225.966L44.5279 125.39Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M101.341 75.1911L233.863 304.705L175.795 405.282L43.2733 175.768L101.341 75.1911ZM15.5431 75.19L-42.525 175.767L43.277 175.77L101.345 75.1932L15.5431 75.19Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M246.866 254.784L246.534 254.784L188.466 355.361L188.798 355.361L246.866 254.784Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M246.539 254.781L275.362 304.701L217.294 405.277L188.471 355.358L246.539 254.781Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M67.3906 125.391L170.923 304.698L112.855 405.275L9.32257 225.967L67.3906 125.391Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                            <path d="M170.921 304.699L233.865 304.701L175.797 405.278L112.853 405.276L170.921 304.699Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="bevel" />
-                        </g>
-                        <g style="mix-blend-mode: hard-light" class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M246.544 254.79L246.875 254.79C253.722 247.905 264.046 238.82 277.849 227.537C291.21 216.253 301.259 207.264 307.995 200.57C314.62 193.685 319.147 186.418 321.577 178.768C324.006 171.117 322.846 163.18 318.097 154.956C312.796 145.775 305.342 138.412 295.735 132.865C286.238 127.127 276.189 124.258 265.588 124.257C255.208 124.257 248.416 127.03 245.214 132.576C241.902 137.931 243.006 145.39 248.528 154.953L183.928 154.951C174.652 138.885 170.676 124.541 172 111.918C173.546 99.2946 179.84 89.5408 190.882 82.6559C202.035 75.5798 216.887 72.0421 235.439 72.0428C254.874 72.0435 274.144 75.5825 293.248 82.6598C312.242 89.5457 329.579 99.3005 345.261 111.924C360.942 124.548 373.421 138.892 382.697 154.958C391.311 169.877 395.121 182.978 394.128 194.262C393.355 205.546 389.656 215.396 383.031 223.811C376.627 232.226 366.688 242.554 353.217 254.794L435.375 254.797L464.198 304.716L275.367 304.709L246.544 254.79Z" fill="#F0ACB8" />
-                            <path d="M246.544 254.79L246.875 254.79C253.722 247.905 264.046 238.82 277.849 227.537C291.21 216.253 301.259 207.264 307.995 200.57C314.62 193.685 319.147 186.418 321.577 178.768C324.006 171.117 322.846 163.18 318.097 154.956C312.796 145.775 305.342 138.412 295.735 132.865C286.238 127.127 276.189 124.258 265.588 124.257C255.208 124.257 248.416 127.03 245.214 132.576C241.902 137.931 243.006 145.39 248.528 154.953L183.928 154.951C174.652 138.885 170.676 124.541 172 111.918C173.546 99.2946 179.84 89.5408 190.882 82.6559C202.035 75.5798 216.887 72.0421 235.439 72.0428C254.874 72.0435 274.144 75.5825 293.248 82.6598C312.242 89.5457 329.579 99.3005 345.261 111.924C360.942 124.548 373.421 138.892 382.697 154.958C391.311 169.877 395.121 182.978 394.128 194.262C393.355 205.546 389.656 215.396 383.031 223.811C376.627 232.226 366.688 242.554 353.217 254.794L435.375 254.797L464.198 304.716L275.367 304.709L246.544 254.79Z" stroke="#1B1B18" stroke-width="1" stroke-linejoin="round" />
-                        </g>
-                        <g style="mix-blend-mode: hard-light" class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M67.41 125.402L44.5515 125.401L15.5625 75.1953L101.364 75.1985L233.886 304.712L170.942 304.71L67.41 125.402Z" fill="#F0ACB8" />
-                            <path d="M67.41 125.402L44.5515 125.401L15.5625 75.1953L101.364 75.1985L233.886 304.712L170.942 304.71L67.41 125.402Z" stroke="#1B1B18" stroke-width="1" />
-                        </g>
-                    </svg>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full dark">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ config('app.name') }} — Host your static pages instantly</title>
+    @vite(['resources/css/app.css'])
+</head>
+<body class="min-h-full bg-zinc-950 text-white font-sans antialiased">
+
+    <div class="flex min-h-full flex-col items-center justify-center px-6 py-20 text-center">
+
+        <h1 class="text-5xl font-bold mb-4 bg-linear-to-r from-indigo-400 to-purple-400
+                   bg-clip-text text-transparent">
+            {{ config('app.name') }}
+        </h1>
+
+        <p class="text-zinc-400 text-lg mb-10 max-w-md">
+            Create and host static HTML pages instantly.<br>
+            Each page gets its own subdomain and path URL.
+        </p>
+
+        <div class="flex gap-4 justify-center">
+            <flux:button href="{{ route('register') }}" variant="primary" size="lg">
+                Get Started — Free
+            </flux:button>
+            <flux:button href="{{ route('login') }}" variant="ghost" size="lg">
+                Log In
+            </flux:button>
+        </div>
 
-                    {{-- Dark Mode 12 SVG --}}
-                    <svg class="w-[448px] max-w-none relative -mt-[4.9rem] -ms-8 lg:ms-0 lg:-mt-[6.6rem] hidden dark:block" viewBox="0 0 440 376" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M188.263 355.73L188.595 355.73C195.441 348.845 205.766 339.761 219.569 328.477C232.93 317.193 242.978 308.205 249.714 301.511C256.34 294.626 260.867 287.358 263.296 279.708C265.725 272.058 264.565 264.121 259.816 255.896C254.516 246.716 247.062 239.352 237.454 233.805C227.957 228.067 217.908 225.198 207.307 225.198C196.927 225.197 190.136 227.97 186.934 233.516C183.621 238.872 184.726 246.331 190.247 255.894L125.647 255.891C116.371 239.825 112.395 225.481 113.72 212.858C115.265 200.235 121.559 190.481 132.602 183.596C143.754 176.52 158.607 172.982 177.159 172.983C196.594 172.984 215.863 176.523 234.968 183.6C253.961 190.486 271.299 200.241 286.98 212.864C302.661 225.488 315.14 239.833 324.416 255.899C333.03 270.817 336.841 283.918 335.847 295.203C335.075 306.487 331.376 316.336 324.75 324.751C318.346 333.167 308.408 343.494 294.936 355.734L377.094 355.737L405.917 405.656L217.087 405.649L188.263 355.73Z" fill="black"/>
-                            <path d="M9.11884 226.339L-13.7396 226.338L-42.7286 176.132L43.0733 176.135L175.595 405.649L112.651 405.647L9.11884 226.339Z" fill="black"/>
-                            <path d="M188.263 355.73L188.595 355.73C195.441 348.845 205.766 339.761 219.569 328.477C232.93 317.193 242.978 308.205 249.714 301.511C256.34 294.626 260.867 287.358 263.296 279.708C265.725 272.058 264.565 264.121 259.816 255.896C254.516 246.716 247.062 239.352 237.454 233.805C227.957 228.067 217.908 225.198 207.307 225.198C196.927 225.197 190.136 227.97 186.934 233.516C183.621 238.872 184.726 246.331 190.247 255.894L125.647 255.891C116.371 239.825 112.395 225.481 113.72 212.858C115.265 200.235 121.559 190.481 132.602 183.596C143.754 176.52 158.607 172.982 177.159 172.983C196.594 172.984 215.863 176.523 234.968 183.6C253.961 190.486 271.299 200.241 286.98 212.864C302.661 225.488 315.14 239.833 324.416 255.899C333.03 270.817 336.841 283.918 335.847 295.203C335.075 306.487 331.376 316.336 324.75 324.751C318.346 333.167 308.408 343.494 294.936 355.734L377.094 355.737L405.917 405.656L217.087 405.649L188.263 355.73Z" stroke="#FF750F" stroke-width="1"/>
-                            <path d="M9.11884 226.339L-13.7396 226.338L-42.7286 176.132L43.0733 176.135L175.595 405.649L112.651 405.647L9.11884 226.339Z" stroke="#FF750F" stroke-width="1"/>
-                            <path d="M204.592 327.449L204.923 327.449C211.769 320.564 222.094 311.479 235.897 300.196C249.258 288.912 259.306 279.923 266.042 273.23C272.668 266.345 277.195 259.077 279.624 251.427C282.053 243.777 280.893 235.839 276.145 227.615C270.844 218.435 263.39 211.071 253.782 205.524C244.285 199.786 234.236 196.917 223.635 196.916C213.255 196.916 206.464 199.689 203.262 205.235C199.949 210.59 201.054 218.049 206.575 227.612L141.975 227.61C132.699 211.544 128.723 197.2 130.048 184.577C131.593 171.954 137.887 162.2 148.93 155.315C160.083 148.239 174.935 144.701 193.487 144.702C212.922 144.703 232.192 148.242 251.296 155.319C270.289 162.205 287.627 171.96 303.308 184.583C318.989 197.207 331.468 211.552 340.745 227.618C349.358 242.536 353.169 255.637 352.175 266.921C351.403 278.205 347.704 288.055 341.078 296.47C334.674 304.885 324.736 315.213 311.264 327.453L393.422 327.456L422.246 377.375L233.415 377.368L204.592 327.449Z" fill="#391800"/>
-                            <path d="M25.447 198.058L2.58852 198.057L-26.4005 147.851L59.4015 147.854L191.923 377.368L128.979 377.365L25.447 198.058Z" fill="#391800"/>
-                            <path d="M204.592 327.449L204.923 327.449C211.769 320.564 222.094 311.479 235.897 300.196C249.258 288.912 259.306 279.923 266.042 273.23C272.668 266.345 277.195 259.077 279.624 251.427C282.053 243.777 280.893 235.839 276.145 227.615C270.844 218.435 263.39 211.071 253.782 205.524C244.285 199.786 234.236 196.917 223.635 196.916C213.255 196.916 206.464 199.689 203.262 205.235C199.949 210.59 201.054 218.049 206.575 227.612L141.975 227.61C132.699 211.544 128.723 197.2 130.048 184.577C131.593 171.954 137.887 162.2 148.93 155.315C160.083 148.239 174.935 144.701 193.487 144.702C212.922 144.703 232.192 148.242 251.296 155.319C270.289 162.205 287.627 171.96 303.308 184.583C318.989 197.207 331.468 211.552 340.745 227.618C349.358 242.536 353.169 255.637 352.175 266.921C351.403 278.205 347.704 288.055 341.078 296.47C334.674 304.885 324.736 315.213 311.264 327.453L393.422 327.456L422.246 377.375L233.415 377.368L204.592 327.449Z" stroke="#FF750F" stroke-width="1"/>
-                            <path d="M25.447 198.058L2.58852 198.057L-26.4005 147.851L59.4015 147.854L191.923 377.368L128.979 377.365L25.447 198.058Z" stroke="#FF750F" stroke-width="1"/>
-                        </g>
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4" style="mix-blend-mode:hard-light">
-                            <path d="M217.342 305.363L217.673 305.363C224.519 298.478 234.844 289.393 248.647 278.11C262.008 266.826 272.056 257.837 278.792 251.144C285.418 244.259 289.945 236.991 292.374 229.341C294.803 221.691 293.643 213.753 288.895 205.529C283.594 196.349 276.14 188.985 266.532 183.438C257.035 177.7 246.986 174.831 236.385 174.83C226.005 174.83 219.214 177.603 216.012 183.149C212.699 188.504 213.804 195.963 219.325 205.527L154.725 205.524C145.449 189.458 141.473 175.114 142.798 162.491C144.343 149.868 150.637 140.114 161.68 133.229C172.833 126.153 187.685 122.615 206.237 122.616C225.672 122.617 244.942 126.156 264.046 133.233C283.039 140.119 300.377 149.874 316.058 162.497C331.739 175.121 344.218 189.466 353.495 205.532C362.108 220.45 365.919 233.551 364.925 244.835C364.153 256.12 360.454 265.969 353.828 274.384C347.424 282.799 337.486 293.127 324.014 305.367L406.172 305.37L434.996 355.289L246.165 355.282L217.342 305.363Z" fill="#733000"/>
-                            <path d="M38.197 175.972L15.3385 175.971L-13.6505 125.765L72.1515 125.768L204.673 355.282L141.729 355.279L38.197 175.972Z" fill="#733000"/>
-                            <path d="M217.342 305.363L217.673 305.363C224.519 298.478 234.844 289.393 248.647 278.11C262.008 266.826 272.056 257.837 278.792 251.144C285.418 244.259 289.945 236.991 292.374 229.341C294.803 221.691 293.643 213.753 288.895 205.529C283.594 196.349 276.14 188.985 266.532 183.438C257.035 177.7 246.986 174.831 236.385 174.83C226.005 174.83 219.214 177.603 216.012 183.149C212.699 188.504 213.804 195.963 219.325 205.527L154.725 205.524C145.449 189.458 141.473 175.114 142.798 162.491C144.343 149.868 150.637 140.114 161.68 133.229C172.833 126.153 187.685 122.615 206.237 122.616C225.672 122.617 244.942 126.156 264.046 133.233C283.039 140.119 300.377 149.874 316.058 162.497C331.739 175.121 344.218 189.466 353.495 205.532C362.108 220.45 365.919 233.551 364.925 244.835C364.153 256.12 360.454 265.969 353.828 274.384C347.424 282.799 337.486 293.127 324.014 305.367L406.172 305.37L434.996 355.289L246.165 355.282L217.342 305.363Z" stroke="#FF750F" stroke-width="1"/>
-                            <path d="M38.197 175.972L15.3385 175.971L-13.6505 125.765L72.1515 125.768L204.673 355.282L141.729 355.279L38.197 175.972Z" stroke="#FF750F" stroke-width="1"/>
-                        </g>
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M217.342 305.363L217.673 305.363C224.519 298.478 234.844 289.393 248.647 278.11C262.008 266.826 272.056 257.837 278.792 251.144C285.418 244.259 289.945 236.991 292.374 229.341C294.803 221.691 293.643 213.753 288.895 205.529C283.594 196.349 276.14 188.985 266.532 183.438C257.035 177.7 246.986 174.831 236.385 174.83C226.005 174.83 219.214 177.603 216.012 183.149C212.699 188.504 213.804 195.963 219.325 205.527L154.726 205.524C145.449 189.458 141.473 175.114 142.798 162.491C144.343 149.868 150.637 140.114 161.68 133.229C172.833 126.153 187.685 122.615 206.237 122.616C225.672 122.617 244.942 126.156 264.046 133.233C283.039 140.119 300.377 149.874 316.058 162.497C331.739 175.121 344.218 189.466 353.495 205.532C362.108 220.45 365.919 233.551 364.925 244.835C364.153 256.12 360.454 265.969 353.828 274.384C347.424 282.799 337.486 293.127 324.014 305.367L406.172 305.37L434.996 355.289L246.165 355.282L217.342 305.363Z" stroke="#FF750F" stroke-width="1"/>
-                            <path d="M38.197 175.972L15.3385 175.971L-13.6505 125.765L72.1515 125.768L204.673 355.282L141.729 355.279L38.197 175.972Z" stroke="#FF750F" stroke-width="1"/>
-                        </g>
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4">
-                            <path d="M188.467 355.363L188.798 355.363C195.644 348.478 205.969 339.393 219.772 328.11C233.133 316.826 243.181 307.837 249.917 301.144C253.696 297.217 256.792 293.166 259.205 288.991C261.024 285.845 262.455 282.628 263.499 279.341C265.928 271.691 264.768 263.753 260.02 255.529C254.719 246.349 247.265 238.985 237.657 233.438C228.16 227.7 218.111 224.831 207.51 224.83C197.13 224.83 190.339 227.603 187.137 233.149C183.824 238.504 184.929 245.963 190.45 255.527L125.851 255.524C116.574 239.458 112.598 225.114 113.923 212.491C114.615 206.836 116.261 201.756 118.859 197.253C122.061 191.704 126.709 187.03 132.805 183.229C143.958 176.153 158.81 172.615 177.362 172.616C196.797 172.617 216.067 176.156 235.171 183.233C254.164 190.119 271.502 199.874 287.183 212.497C302.864 225.121 315.343 239.466 324.62 255.532C333.233 270.45 337.044 283.551 336.05 294.835C335.46 303.459 333.16 311.245 329.151 318.194C327.915 320.337 326.515 322.4 324.953 324.384C318.549 332.799 308.611 343.127 295.139 355.367L377.297 355.37L406.121 405.289L217.29 405.282L188.467 355.363Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M9.32197 225.972L-13.5365 225.971L-42.5255 175.765L43.2765 175.768L175.798 405.282L112.854 405.279L9.32197 225.972Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M345.247 111.915C329.566 99.2919 312.229 89.5371 293.235 82.6512L235.167 183.228C254.161 190.114 271.498 199.869 287.179 212.492L345.247 111.915Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M382.686 154.964C373.41 138.898 360.931 124.553 345.25 111.93L287.182 212.506C302.863 225.13 315.342 239.475 324.618 255.541L382.686 154.964Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M293.243 82.6472C274.139 75.57 254.869 72.031 235.434 72.0303L177.366 172.607C196.801 172.608 216.071 176.147 235.175 183.224L293.243 82.6472Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M394.118 194.257C395.112 182.973 391.301 169.872 382.688 154.953L324.619 255.53C333.233 270.448 337.044 283.55 336.05 294.834L394.118 194.257Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M235.432 72.0311C216.88 72.0304 202.027 75.5681 190.875 82.6442L132.806 183.221C143.959 176.145 158.812 172.607 177.363 172.608L235.432 72.0311Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M265.59 124.25C276.191 124.251 286.24 127.12 295.737 132.858L237.669 233.435C228.172 227.697 218.123 224.828 207.522 224.827L265.59 124.25Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M295.719 132.859C305.326 138.406 312.78 145.77 318.081 154.95L260.013 255.527C254.712 246.347 247.258 238.983 237.651 233.436L295.719 132.859Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M387.218 217.608C391.227 210.66 393.527 202.874 394.117 194.25L336.049 294.827C335.459 303.451 333.159 311.237 329.15 318.185L387.218 217.608Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M245.211 132.577C248.413 127.03 255.204 124.257 265.584 124.258L207.516 224.835C197.136 224.834 190.345 227.607 187.143 233.154L245.211 132.577Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M318.094 154.945C322.842 163.17 324.002 171.107 321.573 178.757L263.505 279.334C265.934 271.684 264.774 263.746 260.026 255.522L318.094 154.945Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M176.925 96.6737C180.127 91.1249 184.776 86.4503 190.871 82.6499L132.803 183.227C126.708 187.027 122.059 191.702 118.857 197.25L176.925 96.6737Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M387.226 217.606C385.989 219.749 384.59 221.813 383.028 223.797L324.96 324.373C326.522 322.39 327.921 320.326 329.157 318.183L387.226 217.606Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M317.269 188.408C319.087 185.262 320.519 182.045 321.562 178.758L263.494 279.335C262.451 282.622 261.019 285.839 259.201 288.985L317.269 188.408Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M245.208 132.573C241.895 137.928 243 145.387 248.522 154.95L190.454 255.527C184.932 245.964 183.827 238.505 187.14 233.15L245.208 132.573Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M176.93 96.6719C174.331 101.175 172.686 106.255 171.993 111.91L113.925 212.487C114.618 206.831 116.263 201.752 118.862 197.249L176.93 96.6719Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M317.266 188.413C314.853 192.589 311.757 196.64 307.978 200.566L249.91 301.143C253.689 297.216 256.785 293.166 259.198 288.99L317.266 188.413Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M464.198 304.708L435.375 254.789L377.307 355.366L406.13 405.285L464.198 304.708Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M353.209 254.787C366.68 242.548 376.618 232.22 383.023 223.805L324.955 324.382C318.55 332.797 308.612 343.124 295.141 355.364L353.209 254.787Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M435.37 254.787L353.212 254.784L295.144 355.361L377.302 355.364L435.37 254.787Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M183.921 154.947L248.521 154.95L190.453 255.527L125.853 255.524L183.921 154.947Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M171.992 111.914C170.668 124.537 174.643 138.881 183.92 154.947L125.852 255.524C116.575 239.458 112.599 225.114 113.924 212.491L171.992 111.914Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M307.987 200.562C301.251 207.256 291.203 216.244 277.842 227.528L219.774 328.105C233.135 316.821 243.183 307.832 249.919 301.139L307.987 200.562Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M15.5469 75.1797L44.5359 125.386L-13.5321 225.963L-42.5212 175.756L15.5469 75.1797Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M277.836 227.536C264.033 238.82 253.708 247.904 246.862 254.789L188.794 355.366C195.64 348.481 205.965 339.397 219.768 328.113L277.836 227.536Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M275.358 304.706L464.189 304.713L406.12 405.29L217.29 405.283L275.358 304.706Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M44.5279 125.39L67.3864 125.39L9.31834 225.967L-13.5401 225.966L44.5279 125.39Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M101.341 75.1911L233.863 304.705L175.795 405.282L43.2733 175.768L101.341 75.1911ZM15.5431 75.19L-42.525 175.767L43.277 175.77L101.345 75.1932L15.5431 75.19Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M246.866 254.784L246.534 254.784L188.466 355.361L188.798 355.361L246.866 254.784Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M246.539 254.781L275.362 304.701L217.294 405.277L188.471 355.358L246.539 254.781Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M67.3906 125.391L170.923 304.698L112.855 405.275L9.32257 225.967L67.3906 125.391Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                            <path d="M170.921 304.699L233.865 304.701L175.797 405.278L112.853 405.276L170.921 304.699Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="bevel"/>
-                        </g>
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4" style="mix-blend-mode:hard-light">
-                            <path d="M246.544 254.79L246.875 254.79C253.722 247.905 264.046 238.82 277.849 227.537C291.21 216.253 301.259 207.264 307.995 200.57C314.62 193.685 319.147 186.418 321.577 178.768C324.006 171.117 322.846 163.18 318.097 154.956C312.796 145.775 305.342 138.412 295.735 132.865C286.238 127.127 276.189 124.258 265.588 124.257C255.208 124.257 248.416 127.03 245.214 132.576C241.902 137.931 243.006 145.39 248.528 154.953L183.928 154.951C174.652 138.885 170.676 124.541 172 111.918C173.546 99.2946 179.84 89.5408 190.882 82.6559C202.035 75.5798 216.887 72.0421 235.439 72.0428C254.874 72.0435 274.144 75.5825 293.248 82.6598C312.242 89.5457 329.579 99.3005 345.261 111.924C360.942 124.548 373.421 138.892 382.697 154.958C391.311 169.877 395.121 182.978 394.128 194.262C393.355 205.546 389.656 215.396 383.031 223.811C376.627 232.226 366.688 242.554 353.217 254.794L435.375 254.797L464.198 304.716L275.367 304.709L246.544 254.79Z" fill="#4B0600"/>
-                            <path d="M246.544 254.79L246.875 254.79C253.722 247.905 264.046 238.82 277.849 227.537C291.21 216.253 301.259 207.264 307.995 200.57C314.62 193.685 319.147 186.418 321.577 178.768C324.006 171.117 322.846 163.18 318.097 154.956C312.796 145.775 305.342 138.412 295.735 132.865C286.238 127.127 276.189 124.258 265.588 124.257C255.208 124.257 248.416 127.03 245.214 132.576C241.902 137.931 243.006 145.39 248.528 154.953L183.928 154.951C174.652 138.885 170.676 124.541 172 111.918C173.546 99.2946 179.84 89.5408 190.882 82.6559C202.035 75.5798 216.887 72.0421 235.439 72.0428C254.874 72.0435 274.144 75.5825 293.248 82.6598C312.242 89.5457 329.579 99.3005 345.261 111.924C360.942 124.548 373.421 138.892 382.697 154.958C391.311 169.877 395.121 182.978 394.128 194.262C393.355 205.546 389.656 215.396 383.031 223.811C376.627 232.226 366.688 242.554 353.217 254.794L435.375 254.797L464.198 304.716L275.367 304.709L246.544 254.79Z" stroke="#FF750F" stroke-width="1" stroke-linejoin="round"/>
-                        </g>
-                        <g class="transition-all delay-300 translate-y-0 opacity-100 duration-750 starting:opacity-0 starting:translate-y-4" style="mix-blend-mode:hard-light">
-                            <path d="M67.41 125.402L44.5515 125.401L15.5625 75.1953L101.364 75.1985L233.886 304.712L170.942 304.71L67.41 125.402Z" fill="#4B0600"/>
-                            <path d="M67.41 125.402L44.5515 125.401L15.5625 75.1953L101.364 75.1985L233.886 304.712L170.942 304.71L67.41 125.402Z" stroke="#FF750F" stroke-width="1"/>
-                        </g>
-                    </svg>
-                    <div class="absolute inset-0 rounded-t-lg lg:rounded-t-none lg:rounded-e-lg shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d]"></div>
-                </div>
-            </main>
+        <div class="mt-20 grid grid-cols-1 sm:grid-cols-3 gap-5 max-w-2xl w-full text-left">
+            @foreach ([
+                ['⚡', 'Instant Deploy', 'Edit files in-browser — changes go live immediately.'],
+                ['🌐', 'Dual URLs',      'Subdomain + path-based access. Choose your style.'],
+                ['🗂',  'File Manager',  'Upload images, videos, code. Manage everything visually.'],
+            ] as [$icon, $title, $desc])
+            <div class="bg-zinc-900 rounded-xl p-5 border border-zinc-800">
+                <div class="text-2xl mb-2">{{ $icon }}</div>
+                <flux:heading size="sm" class="text-white mb-1">{{ $title }}</flux:heading>
+                <p class="text-sm text-zinc-400">{{ $desc }}</p>
+            </div>
+            @endforeach
         </div>
 
-        @if (Route::has('login'))
-            <div class="h-14.5 hidden lg:block"></div>
-        @endif
-    </body>
+    </div>
+
+</body>
 </html>
diff --git a/routes/auth.php b/routes/auth.php
new file mode 100644
index 0000000..71a5eb6
--- /dev/null
+++ b/routes/auth.php
@@ -0,0 +1,70 @@
+<?php
+
+use App\Http\Controllers\Auth\AuthenticatedSessionController;
+use App\Http\Controllers\Auth\ConfirmablePasswordController;
+use App\Http\Controllers\Auth\EmailVerificationNotificationController;
+use App\Http\Controllers\Auth\EmailVerificationPromptController;
+use App\Http\Controllers\Auth\NewPasswordController;
+use App\Http\Controllers\Auth\PasswordController;
+use App\Http\Controllers\Auth\PasswordResetLinkController;
+use App\Http\Controllers\Auth\RegisteredUserController;
+use App\Http\Controllers\Auth\VerifyEmailController;
+use Illuminate\Support\Facades\Route;
+
+// ── Guest routes ──────────────────────────────────────────────────────────────
+
+Route::middleware('guest')->group(function () {
+
+    Route::get('register', [RegisteredUserController::class, 'create'])
+        ->name('register');
+
+    Route::post('register', [RegisteredUserController::class, 'store']);
+
+    Route::get('login', [AuthenticatedSessionController::class, 'create'])
+        ->name('login');
+
+    Route::post('login', [AuthenticatedSessionController::class, 'store']);
+
+    Route::get('forgot-password', [PasswordResetLinkController::class, 'create'])
+        ->name('password.request');
+
+    Route::post('forgot-password', [PasswordResetLinkController::class, 'store'])
+        ->name('password.email');
+
+    Route::get('reset-password/{token}', [NewPasswordController::class, 'create'])
+        ->name('password.reset');
+
+    Route::post('reset-password', [NewPasswordController::class, 'store'])
+        ->name('password.store');
+});
+
+// ── Authenticated routes ──────────────────────────────────────────────────────
+
+Route::middleware('auth')->group(function () {
+
+    // Email verification — invokable controllers (no method specified)
+    Route::get('verify-email', EmailVerificationPromptController::class)
+        ->name('verification.notice');
+
+    Route::get('verify-email/{id}/{hash}', VerifyEmailController::class)
+        ->middleware(['signed', 'throttle:6,1'])
+        ->name('verification.verify');
+
+    Route::post('email/verification-notification', [EmailVerificationNotificationController::class, 'store'])
+        ->middleware('throttle:6,1')
+        ->name('verification.send');
+
+    // Password confirmation
+    Route::get('confirm-password', [ConfirmablePasswordController::class, 'show'])
+        ->name('password.confirm');
+
+    Route::post('confirm-password', [ConfirmablePasswordController::class, 'store']);
+
+    // Password update (from profile)
+    Route::put('password', [PasswordController::class, 'update'])
+        ->name('password.update');
+
+    // Logout
+    Route::post('logout', [AuthenticatedSessionController::class, 'destroy'])
+        ->name('logout');
+});
diff --git a/routes/console.php b/routes/console.php
index 3c9adf1..c787e5f 100644
--- a/routes/console.php
+++ b/routes/console.php
@@ -2,7 +2,11 @@
 
 use Illuminate\Foundation\Inspiring;
 use Illuminate\Support\Facades\Artisan;
+use Illuminate\Support\Facades\Schedule;
 
 Artisan::command('inspire', function () {
     $this->comment(Inspiring::quote());
 })->purpose('Display an inspiring quote');
+
+// Scheduled task: clean up orphaned page storage directories once a day
+Schedule::command('pages:cleanup-storage')->daily();
diff --git a/routes/web.php b/routes/web.php
index 12e932e..c32b862 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,11 +1,70 @@
 <?php
 
+use App\Http\Controllers\DashboardController;
+use App\Http\Controllers\FileManagerController;
+use App\Http\Controllers\PageController;
+use App\Http\Controllers\PagePreviewController;
+use App\Http\Controllers\PageServeController;
 use Illuminate\Support\Facades\Route;
 
-Route::view('/', 'welcome')->name('home');
+/*
+|--------------------------------------------------------------------------
+| Main Application Routes
+|--------------------------------------------------------------------------
+*/
+
+Route::get('/', function () {
+    return auth()->check()
+        ? redirect()->route('dashboard')
+        : view('welcome');
+})->name('home');
 
 Route::middleware(['auth', 'verified'])->group(function () {
-    Route::view('dashboard', 'dashboard')->name('dashboard');
+
+    // Dashboard
+    Route::get('/dashboard', [DashboardController::class, 'index'])->name('dashboard');
+
+    // Page management
+    Route::get('/pages/create', [PageController::class, 'create'])->name('pages.create');
+    Route::post('/pages', [PageController::class, 'store'])->name('pages.store');
+    Route::get('/pages/{slug}/manager', [FileManagerController::class, 'index'])->name('pages.manager');
+    Route::get('/pages/{slug}/preview', [PagePreviewController::class, 'show'])->name('pages.preview');
+    Route::delete('/pages/{slug}', [PageController::class, 'destroy'])->name('pages.destroy');
+    Route::put('/pages/{slug}/settings', [PageController::class, 'updateSettings'])->name('pages.settings');
+
+    // File Manager JSON API
+    Route::prefix('/pages/{slug}/files')->name('pages.files.')->group(function () {
+        Route::get('/', [FileManagerController::class, 'list'])->name('list');
+        Route::get('/read', [FileManagerController::class, 'read'])->name('read');
+        Route::post('/', [FileManagerController::class, 'upload'])->name('upload');
+        Route::post('/create', [FileManagerController::class, 'create'])->name('create');
+        Route::put('/', [FileManagerController::class, 'save'])->name('save');
+        Route::delete('/', [FileManagerController::class, 'delete'])->name('delete');
+        Route::post('/folder', [FileManagerController::class, 'createFolder'])->name('folder');
+        Route::put('/rename', [FileManagerController::class, 'rename'])->name('rename');
+    });
 });
 
-require __DIR__.'/settings.php';
+/*
+|--------------------------------------------------------------------------
+| Subdomain Routes (must be defined before path catch-all)
+|--------------------------------------------------------------------------
+*/
+Route::domain('{slug}.statichtmlsites.mtex.dev')
+    ->group(function () {
+        Route::get('/{path?}', [PageServeController::class, 'serve'])
+            ->where('path', '.*')
+            ->name('page.subdomain');
+    });
+
+/*
+|--------------------------------------------------------------------------
+| Path-based Page Serving (catch-all – keep last)
+|--------------------------------------------------------------------------
+*/
+Route::get('/{slug}/{path?}', [PageServeController::class, 'serve'])
+    ->where('slug', '[a-z0-9\-_]+')
+    ->where('path', '.*')
+    ->name('page.path');
+
+require __DIR__ . '/auth.php';
diff --git a/tests/Feature/Auth/AuthenticationTest.php b/tests/Feature/Auth/AuthenticationTest.php
deleted file mode 100644
index ded1b2b..0000000
--- a/tests/Feature/Auth/AuthenticationTest.php
+++ /dev/null
@@ -1,67 +0,0 @@
-<?php
-
-use App\Models\User;
-use Laravel\Fortify\Features;
-
-test('login screen can be rendered', function () {
-    $response = $this->get(route('login'));
-
-    $response->assertOk();
-});
-
-test('users can authenticate using the login screen', function () {
-    $user = User::factory()->create();
-
-    $response = $this->post(route('login.store'), [
-        'email' => $user->email,
-        'password' => 'password',
-    ]);
-
-    $response
-        ->assertSessionHasNoErrors()
-        ->assertRedirect(route('dashboard', absolute: false));
-
-    $this->assertAuthenticated();
-});
-
-test('users can not authenticate with invalid password', function () {
-    $user = User::factory()->create();
-
-    $response = $this->post(route('login.store'), [
-        'email' => $user->email,
-        'password' => 'wrong-password',
-    ]);
-
-    $response->assertSessionHasErrorsIn('email');
-
-    $this->assertGuest();
-});
-
-test('users with two factor enabled are redirected to two factor challenge', function () {
-    $this->skipUnlessFortifyFeature(Features::twoFactorAuthentication());
-
-    Features::twoFactorAuthentication([
-        'confirm' => true,
-        'confirmPassword' => true,
-    ]);
-
-    $user = User::factory()->withTwoFactor()->create();
-
-    $response = $this->post(route('login.store'), [
-        'email' => $user->email,
-        'password' => 'password',
-    ]);
-
-    $response->assertRedirect(route('two-factor.login'));
-    $this->assertGuest();
-});
-
-test('users can logout', function () {
-    $user = User::factory()->create();
-
-    $response = $this->actingAs($user)->post(route('logout'));
-
-    $response->assertRedirect(route('home'));
-
-    $this->assertGuest();
-});
\ No newline at end of file
diff --git a/tests/Feature/Auth/EmailVerificationTest.php b/tests/Feature/Auth/EmailVerificationTest.php
deleted file mode 100644
index 3203c45..0000000
--- a/tests/Feature/Auth/EmailVerificationTest.php
+++ /dev/null
@@ -1,72 +0,0 @@
-<?php
-
-use App\Models\User;
-use Illuminate\Auth\Events\Verified;
-use Illuminate\Support\Facades\Event;
-use Illuminate\Support\Facades\URL;
-use Laravel\Fortify\Features;
-
-beforeEach(function () {
-    $this->skipUnlessFortifyFeature(Features::emailVerification());
-});
-
-test('email verification screen can be rendered', function () {
-    $user = User::factory()->unverified()->create();
-
-    $response = $this->actingAs($user)->get(route('verification.notice'));
-
-    $response->assertOk();
-});
-
-test('email can be verified', function () {
-    $user = User::factory()->unverified()->create();
-
-    Event::fake();
-
-    $verificationUrl = URL::temporarySignedRoute(
-        'verification.verify',
-        now()->addMinutes(60),
-        ['id' => $user->id, 'hash' => sha1($user->email)],
-    );
-
-    $response = $this->actingAs($user)->get($verificationUrl);
-
-    Event::assertDispatched(Verified::class);
-
-    expect($user->fresh()->hasVerifiedEmail())->toBeTrue();
-    $response->assertRedirect(route('dashboard', absolute: false).'?verified=1');
-});
-
-test('email is not verified with invalid hash', function () {
-    $user = User::factory()->unverified()->create();
-
-    $verificationUrl = URL::temporarySignedRoute(
-        'verification.verify',
-        now()->addMinutes(60),
-        ['id' => $user->id, 'hash' => sha1('wrong-email')],
-    );
-
-    $this->actingAs($user)->get($verificationUrl);
-
-    expect($user->fresh()->hasVerifiedEmail())->toBeFalse();
-});
-
-test('already verified user visiting verification link is redirected without firing event again', function () {
-    $user = User::factory()->create([
-        'email_verified_at' => now(),
-    ]);
-
-    Event::fake();
-
-    $verificationUrl = URL::temporarySignedRoute(
-        'verification.verify',
-        now()->addMinutes(60),
-        ['id' => $user->id, 'hash' => sha1($user->email)],
-    );
-
-    $this->actingAs($user)->get($verificationUrl)
-        ->assertRedirect(route('dashboard', absolute: false).'?verified=1');
-
-    expect($user->fresh()->hasVerifiedEmail())->toBeTrue();
-    Event::assertNotDispatched(Verified::class);
-});
\ No newline at end of file
diff --git a/tests/Feature/Auth/PasswordConfirmationTest.php b/tests/Feature/Auth/PasswordConfirmationTest.php
deleted file mode 100644
index 514115a..0000000
--- a/tests/Feature/Auth/PasswordConfirmationTest.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<?php
-
-use App\Models\User;
-
-test('confirm password screen can be rendered', function () {
-    $user = User::factory()->create();
-
-    $response = $this->actingAs($user)->get(route('password.confirm'));
-
-    $response->assertOk();
-});
\ No newline at end of file
diff --git a/tests/Feature/Auth/PasswordResetTest.php b/tests/Feature/Auth/PasswordResetTest.php
deleted file mode 100644
index 901c989..0000000
--- a/tests/Feature/Auth/PasswordResetTest.php
+++ /dev/null
@@ -1,65 +0,0 @@
-<?php
-
-use App\Models\User;
-use Illuminate\Auth\Notifications\ResetPassword;
-use Illuminate\Support\Facades\Notification;
-use Laravel\Fortify\Features;
-
-beforeEach(function () {
-    $this->skipUnlessFortifyFeature(Features::resetPasswords());
-});
-
-test('reset password link screen can be rendered', function () {
-    $response = $this->get(route('password.request'));
-
-    $response->assertOk();
-});
-
-test('reset password link can be requested', function () {
-    Notification::fake();
-
-    $user = User::factory()->create();
-
-    $this->post(route('password.request'), ['email' => $user->email]);
-
-    Notification::assertSentTo($user, ResetPassword::class);
-});
-
-test('reset password screen can be rendered', function () {
-    Notification::fake();
-
-    $user = User::factory()->create();
-
-    $this->post(route('password.request'), ['email' => $user->email]);
-
-    Notification::assertSentTo($user, ResetPassword::class, function ($notification) {
-        $response = $this->get(route('password.reset', $notification->token));
-
-        $response->assertOk();
-
-        return true;
-    });
-});
-
-test('password can be reset with valid token', function () {
-    Notification::fake();
-
-    $user = User::factory()->create();
-
-    $this->post(route('password.request'), ['email' => $user->email]);
-
-    Notification::assertSentTo($user, ResetPassword::class, function ($notification) use ($user) {
-        $response = $this->post(route('password.update'), [
-            'token' => $notification->token,
-            'email' => $user->email,
-            'password' => 'password',
-            'password_confirmation' => 'password',
-        ]);
-
-        $response
-            ->assertSessionHasNoErrors()
-            ->assertRedirect(route('login', absolute: false));
-
-        return true;
-    });
-});
\ No newline at end of file
diff --git a/tests/Feature/Auth/RegistrationTest.php b/tests/Feature/Auth/RegistrationTest.php
deleted file mode 100644
index c2bd3b2..0000000
--- a/tests/Feature/Auth/RegistrationTest.php
+++ /dev/null
@@ -1,27 +0,0 @@
-<?php
-
-use Laravel\Fortify\Features;
-
-beforeEach(function () {
-    $this->skipUnlessFortifyFeature(Features::registration());
-});
-
-test('registration screen can be rendered', function () {
-    $response = $this->get(route('register'));
-
-    $response->assertOk();
-});
-
-test('new users can register', function () {
-    $response = $this->post(route('register.store'), [
-        'name' => 'John Doe',
-        'email' => 'test@example.com',
-        'password' => 'password',
-        'password_confirmation' => 'password',
-    ]);
-
-    $response->assertSessionHasNoErrors()
-        ->assertRedirect(route('dashboard', absolute: false));
-
-    $this->assertAuthenticated();
-});
\ No newline at end of file
diff --git a/tests/Feature/Auth/TwoFactorChallengeTest.php b/tests/Feature/Auth/TwoFactorChallengeTest.php
deleted file mode 100644
index 244f510..0000000
--- a/tests/Feature/Auth/TwoFactorChallengeTest.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<?php
-
-use App\Models\User;
-use Laravel\Fortify\Features;
-
-beforeEach(function () {
-    $this->skipUnlessFortifyFeature(Features::twoFactorAuthentication());
-});
-
-test('two factor challenge redirects to login when not authenticated', function () {
-    $response = $this->get(route('two-factor.login'));
-
-    $response->assertRedirect(route('login'));
-});
-
-test('two factor challenge can be rendered', function () {
-    Features::twoFactorAuthentication([
-        'confirm' => true,
-        'confirmPassword' => true,
-    ]);
-
-    $user = User::factory()->withTwoFactor()->create();
-
-    $this->post(route('login.store'), [
-        'email' => $user->email,
-        'password' => 'password',
-    ])->assertRedirect(route('two-factor.login'));
-});
\ No newline at end of file
diff --git a/tests/Feature/DashboardTest.php b/tests/Feature/DashboardTest.php
deleted file mode 100644
index d59d2d7..0000000
--- a/tests/Feature/DashboardTest.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<?php
-
-use App\Models\User;
-
-test('guests are redirected to the login page', function () {
-    $response = $this->get(route('dashboard'));
-    $response->assertRedirect(route('login'));
-});
-
-test('authenticated users can visit the dashboard', function () {
-    $user = User::factory()->create();
-    $this->actingAs($user);
-
-    $response = $this->get(route('dashboard'));
-    $response->assertOk();
-});
\ No newline at end of file
diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php
deleted file mode 100644
index a576279..0000000
--- a/tests/Feature/ExampleTest.php
+++ /dev/null
@@ -1,7 +0,0 @@
-<?php
-
-test('returns a successful response', function () {
-    $response = $this->get(route('home'));
-
-    $response->assertOk();
-});
\ No newline at end of file
diff --git a/tests/Feature/FileManagerApiTest.php b/tests/Feature/FileManagerApiTest.php
new file mode 100644
index 0000000..f4e1e86
--- /dev/null
+++ b/tests/Feature/FileManagerApiTest.php
@@ -0,0 +1,187 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Page;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Http\UploadedFile;
+use Illuminate\Support\Facades\Storage;
+use Tests\TestCase;
+
+class FileManagerApiTest extends TestCase
+{
+    use RefreshDatabase;
+
+    private User $user;
+    private Page $page;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+        Storage::fake('pages');
+
+        $this->user = User::factory()->create();
+        $this->page = Page::factory()->for($this->user)->create(['slug' => 'testsite']);
+        Storage::disk('pages')->put('testsite/index.html', '<html><head></head><body></body></html>');
+    }
+
+    // ── File listing ──────────────────────────────────────────────────────────
+
+    public function test_can_list_files(): void
+    {
+        $this->actingAs($this->user)
+            ->getJson(route('pages.files.list', 'testsite'))
+            ->assertOk()
+            ->assertJsonFragment(['name' => 'index.html']);
+    }
+
+    public function test_list_requires_ownership(): void
+    {
+        $other = User::factory()->create();
+        $this->actingAs($other)
+            ->getJson(route('pages.files.list', 'testsite'))
+            ->assertNotFound();
+    }
+
+    // ── Read ──────────────────────────────────────────────────────────────────
+
+    public function test_can_read_file_content(): void
+    {
+        $this->actingAs($this->user)
+            ->getJson(route('pages.files.read', 'testsite') . '?path=index.html')
+            ->assertOk()
+            ->assertJsonPath('path', 'index.html')
+            ->assertJsonStructure(['content', 'path']);
+    }
+
+    public function test_read_nonexistent_file_returns_error(): void
+    {
+        $this->actingAs($this->user)
+            ->getJson(route('pages.files.read', 'testsite') . '?path=ghost.html')
+            ->assertStatus(422);
+    }
+
+    // ── Save ──────────────────────────────────────────────────────────────────
+
+    public function test_can_save_file_content(): void
+    {
+        $this->actingAs($this->user)
+            ->putJson(route('pages.files.save', 'testsite'), [
+                'path'    => 'index.html',
+                'content' => '<html><head></head><body>Updated</body></html>',
+            ])
+            ->assertOk()
+            ->assertJsonPath('ok', true);
+
+        $this->assertStringContainsString(
+            'Updated',
+            Storage::disk('pages')->get('testsite/index.html')
+        );
+    }
+
+    public function test_save_rejects_path_traversal(): void
+    {
+        $this->actingAs($this->user)
+            ->putJson(route('pages.files.save', 'testsite'), [
+                'path'    => '../other-site/index.html',
+                'content' => 'evil',
+            ])
+            ->assertStatus(422);
+    }
+
+    // ── Create ────────────────────────────────────────────────────────────────
+
+    public function test_can_create_new_file(): void
+    {
+        $this->actingAs($this->user)
+            ->postJson(route('pages.files.create', 'testsite'), ['path' => 'about.html'])
+            ->assertOk()
+            ->assertJsonPath('ok', true);
+
+        $this->assertTrue(Storage::disk('pages')->exists('testsite/about.html'));
+    }
+
+    public function test_creating_duplicate_file_returns_error(): void
+    {
+        $this->actingAs($this->user)
+            ->postJson(route('pages.files.create', 'testsite'), ['path' => 'index.html'])
+            ->assertStatus(422);
+    }
+
+    // ── Upload ────────────────────────────────────────────────────────────────
+
+    public function test_can_upload_image(): void
+    {
+        $file = UploadedFile::fake()->image('logo.png');
+
+        $this->actingAs($this->user)
+            ->post(route('pages.files.upload', 'testsite'), ['file' => $file])
+            ->assertOk()
+            ->assertJsonPath('ok', true);
+
+        $this->assertTrue(Storage::disk('pages')->exists('testsite/logo.png'));
+    }
+
+    public function test_upload_rejects_disallowed_extension(): void
+    {
+        $file = UploadedFile::fake()->create('shell.php', 10, 'text/plain');
+
+        $this->actingAs($this->user)
+            ->post(route('pages.files.upload', 'testsite'), ['file' => $file])
+            ->assertStatus(422);
+    }
+
+    // ── Delete ────────────────────────────────────────────────────────────────
+
+    public function test_can_delete_file(): void
+    {
+        Storage::disk('pages')->put('testsite/old.css', 'p{}');
+
+        $this->actingAs($this->user)
+            ->deleteJson(route('pages.files.delete', 'testsite'), ['path' => 'old.css'])
+            ->assertOk();
+
+        $this->assertFalse(Storage::disk('pages')->exists('testsite/old.css'));
+    }
+
+    public function test_can_delete_folder(): void
+    {
+        Storage::disk('pages')->makeDirectory('testsite/old-dir');
+        Storage::disk('pages')->put('testsite/old-dir/file.txt', 'x');
+
+        $this->actingAs($this->user)
+            ->deleteJson(route('pages.files.delete', 'testsite'), ['path' => 'old-dir'])
+            ->assertOk();
+
+        $this->assertFalse(Storage::disk('pages')->directoryExists('testsite/old-dir'));
+    }
+
+    // ── Folder ────────────────────────────────────────────────────────────────
+
+    public function test_can_create_folder(): void
+    {
+        $this->actingAs($this->user)
+            ->postJson(route('pages.files.folder', 'testsite'), ['path' => 'assets'])
+            ->assertOk();
+
+        $this->assertTrue(Storage::disk('pages')->directoryExists('testsite/assets'));
+    }
+
+    // ── Rename ────────────────────────────────────────────────────────────────
+
+    public function test_can_rename_file(): void
+    {
+        Storage::disk('pages')->put('testsite/old.txt', 'content');
+
+        $this->actingAs($this->user)
+            ->putJson(route('pages.files.rename', 'testsite'), [
+                'from' => 'old.txt',
+                'to'   => 'new.txt',
+            ])
+            ->assertOk();
+
+        $this->assertFalse(Storage::disk('pages')->exists('testsite/old.txt'));
+        $this->assertTrue(Storage::disk('pages')->exists('testsite/new.txt'));
+    }
+}
diff --git a/tests/Feature/PageServeTest.php b/tests/Feature/PageServeTest.php
new file mode 100644
index 0000000..da168d9
--- /dev/null
+++ b/tests/Feature/PageServeTest.php
@@ -0,0 +1,132 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Page;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Storage;
+use Tests\TestCase;
+
+class PageServeTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+        Storage::fake('pages');
+    }
+
+    // ── Path-based serving ────────────────────────────────────────────────────
+
+    public function test_public_page_index_is_served_via_path(): void
+    {
+        $page = Page::factory()->create(['slug' => 'hello', 'is_public' => true]);
+        Storage::disk('pages')->put('hello/index.html', '<html><head></head><body>Hi</body></html>');
+
+        $this->get('/hello')
+            ->assertOk()
+            ->assertSee('Hi');
+    }
+
+    public function test_base_tag_is_injected_into_html(): void
+    {
+        $page = Page::factory()->create(['slug' => 'demo', 'is_public' => true]);
+        Storage::disk('pages')->put('demo/index.html', '<html><head><title>Test</title></head><body></body></html>');
+
+        $response = $this->get('/demo');
+        $content  = $response->content();
+
+        $this->assertStringContainsString('<base href=', $content);
+    }
+
+    public function test_base_tag_appears_as_first_child_of_head(): void
+    {
+        $page = Page::factory()->create(['slug' => 'test', 'is_public' => true]);
+        Storage::disk('pages')->put('test/index.html', '<html><head><title>X</title></head><body></body></html>');
+
+        $html = $this->get('/test')->content();
+        // <base> must come right after <head>
+        $this->assertMatchesRegularExpression('/<head[^>]*>\s*<base href=/', $html);
+    }
+
+    public function test_css_file_is_served_with_correct_mime(): void
+    {
+        Page::factory()->create(['slug' => 'assets', 'is_public' => true]);
+        Storage::disk('pages')->put('assets/style.css', 'body { color: red; }');
+
+        $this->get('/assets/style.css')
+            ->assertOk()
+            ->assertHeader('Content-Type', 'text/css');
+    }
+
+    public function test_nested_file_is_served(): void
+    {
+        Page::factory()->create(['slug' => 'nested', 'is_public' => true]);
+        Storage::disk('pages')->put('nested/js/app.js', 'console.log("hi")');
+
+        $this->get('/nested/js/app.js')
+            ->assertOk()
+            ->assertSee('console.log');
+    }
+
+    public function test_directory_path_resolves_to_index_html(): void
+    {
+        Page::factory()->create(['slug' => 'sub', 'is_public' => true]);
+        Storage::disk('pages')->put('sub/about/index.html', '<html><head></head><body>About</body></html>');
+
+        $this->get('/sub/about')
+            ->assertOk()
+            ->assertSee('About');
+    }
+
+    public function test_missing_file_returns_404(): void
+    {
+        Page::factory()->create(['slug' => 'exists', 'is_public' => true]);
+
+        $this->get('/exists/nope.html')->assertNotFound();
+    }
+
+    // ── Private pages ─────────────────────────────────────────────────────────
+
+    public function test_private_page_returns_403_for_guests(): void
+    {
+        $page = Page::factory()->create(['slug' => 'secret', 'is_public' => false]);
+        Storage::disk('pages')->put('secret/index.html', '<html><head></head><body>Secret</body></html>');
+
+        $this->get('/secret')->assertForbidden();
+    }
+
+    public function test_private_page_is_accessible_to_authenticated_user(): void
+    {
+        $user = User::factory()->create();
+        Page::factory()->for($user)->create(['slug' => 'private', 'is_public' => false]);
+        Storage::disk('pages')->put('private/index.html', '<html><head></head><body>Private</body></html>');
+
+        $this->actingAs($user)
+            ->get('/private')
+            ->assertOk();
+    }
+
+    // ── Path traversal protection ─────────────────────────────────────────────
+
+    public function test_path_traversal_is_blocked(): void
+    {
+        Page::factory()->create(['slug' => 'pwned', 'is_public' => true]);
+
+        // Try to escape the page directory via encoded traversal
+        $this->get('/pwned/../../../etc/passwd')->assertNotFound();
+    }
+
+    // ── HTML-less documents ───────────────────────────────────────────────────
+
+    public function test_base_tag_prepended_when_no_head_tag(): void
+    {
+        Page::factory()->create(['slug' => 'nohead', 'is_public' => true]);
+        Storage::disk('pages')->put('nohead/index.html', '<p>Minimal</p>');
+
+        $html = $this->get('/nohead')->content();
+        $this->assertStringStartsWith('<base href=', ltrim($html));
+    }
+}
diff --git a/tests/Feature/PageTest.php b/tests/Feature/PageTest.php
new file mode 100644
index 0000000..7091a96
--- /dev/null
+++ b/tests/Feature/PageTest.php
@@ -0,0 +1,152 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Page;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Storage;
+use Tests\TestCase;
+
+class PageTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+        Storage::fake('pages');
+    }
+
+    // ── Dashboard ─────────────────────────────────────────────────────────────
+
+    public function test_dashboard_requires_auth(): void
+    {
+        $this->get(route('dashboard'))->assertRedirect(route('login'));
+    }
+
+    public function test_dashboard_shows_user_pages(): void
+    {
+        $user  = User::factory()->create();
+        $other = User::factory()->create();
+
+        $mine   = Page::factory()->for($user)->create(['name' => 'My Page']);
+        $theirs = Page::factory()->for($other)->create(['name' => 'Their Page']);
+
+        $this->actingAs($user)
+            ->get(route('dashboard'))
+            ->assertOk()
+            ->assertSee('My Page')
+            ->assertDontSee('Their Page');
+    }
+
+    // ── Create ────────────────────────────────────────────────────────────────
+
+    public function test_create_page_form_renders(): void
+    {
+        $this->actingAs(User::factory()->create())
+            ->get(route('pages.create'))
+            ->assertOk();
+    }
+
+    public function test_user_can_create_page_with_auto_slug(): void
+    {
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->post(route('pages.store'), ['name' => 'My Awesome Site'])
+            ->assertRedirect();
+
+        $this->assertDatabaseHas('pages', [
+            'user_id' => $user->id,
+            'name'    => 'My Awesome Site',
+            'slug'    => 'my-awesome-site',
+        ]);
+    }
+
+    public function test_user_can_create_page_with_custom_slug(): void
+    {
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->post(route('pages.store'), ['name' => 'Test', 'slug' => 'custom-slug'])
+            ->assertRedirect();
+
+        $this->assertDatabaseHas('pages', ['slug' => 'custom-slug']);
+    }
+
+    public function test_duplicate_slug_is_rejected(): void
+    {
+        $user = User::factory()->create();
+        Page::factory()->for($user)->create(['slug' => 'taken']);
+
+        $this->actingAs($user)
+            ->post(route('pages.store'), ['name' => 'Another', 'slug' => 'taken'])
+            ->assertSessionHasErrors('slug');
+    }
+
+    public function test_slug_with_invalid_chars_is_rejected(): void
+    {
+        $this->actingAs(User::factory()->create())
+            ->post(route('pages.store'), ['name' => 'Test', 'slug' => 'invalid slug!'])
+            ->assertSessionHasErrors('slug');
+    }
+
+    // ── Update settings ───────────────────────────────────────────────────────
+
+    public function test_owner_can_update_page_settings(): void
+    {
+        $user = User::factory()->create();
+        $page = Page::factory()->for($user)->create(['name' => 'Old', 'slug' => 'old-slug']);
+
+        $this->actingAs($user)
+            ->put(route('pages.settings', 'old-slug'), [
+                'name'      => 'New Name',
+                'slug'      => 'new-slug',
+                'is_public' => true,
+            ])
+            ->assertRedirect(route('pages.manager', 'new-slug'));
+
+        $this->assertDatabaseHas('pages', ['name' => 'New Name', 'slug' => 'new-slug']);
+    }
+
+    public function test_other_user_cannot_update_settings(): void
+    {
+        $owner = User::factory()->create();
+        $other = User::factory()->create();
+        $page  = Page::factory()->for($owner)->create(['slug' => 'my-page']);
+
+        $this->actingAs($other)
+            ->put(route('pages.settings', 'my-page'), [
+                'name' => 'Hacked', 'slug' => 'my-page', 'is_public' => true,
+            ])
+            ->assertNotFound();
+    }
+
+    // ── Delete ────────────────────────────────────────────────────────────────
+
+    public function test_owner_can_delete_page(): void
+    {
+        $user = User::factory()->create();
+        $page = Page::factory()->for($user)->create(['slug' => 'to-delete']);
+
+        $this->actingAs($user)
+            ->delete(route('pages.destroy', 'to-delete'))
+            ->assertRedirect(route('dashboard'));
+
+        $this->assertDatabaseMissing('pages', ['slug' => 'to-delete']);
+    }
+
+    public function test_other_user_cannot_delete_page(): void
+    {
+        $owner = User::factory()->create();
+        $other = User::factory()->create();
+        Page::factory()->for($owner)->create(['slug' => 'my-page']);
+
+        $this->actingAs($other)
+            ->delete(route('pages.destroy', 'my-page'))
+            ->assertNotFound();
+
+        $this->assertDatabaseHas('pages', ['slug' => 'my-page']);
+    }
+}
diff --git a/tests/Feature/Settings/ProfileUpdateTest.php b/tests/Feature/Settings/ProfileUpdateTest.php
deleted file mode 100644
index 6d30fee..0000000
--- a/tests/Feature/Settings/ProfileUpdateTest.php
+++ /dev/null
@@ -1,76 +0,0 @@
-<?php
-
-use App\Livewire\Settings\Profile;
-use App\Models\User;
-use Livewire\Livewire;
-
-test('profile page is displayed', function () {
-    $this->actingAs($user = User::factory()->create());
-
-    $this->get('/settings/profile')->assertOk();
-});
-
-test('profile information can be updated', function () {
-    $user = User::factory()->create();
-
-    $this->actingAs($user);
-
-    $response = Livewire::test(Profile::class)
-        ->set('name', 'Test User')
-        ->set('email', 'test@example.com')
-        ->call('updateProfileInformation');
-
-    $response->assertHasNoErrors();
-
-    $user->refresh();
-
-    expect($user->name)->toEqual('Test User');
-    expect($user->email)->toEqual('test@example.com');
-    expect($user->email_verified_at)->toBeNull();
-});
-
-test('email verification status is unchanged when email address is unchanged', function () {
-    $user = User::factory()->create();
-
-    $this->actingAs($user);
-
-    $response = Livewire::test(Profile::class)
-        ->set('name', 'Test User')
-        ->set('email', $user->email)
-        ->call('updateProfileInformation');
-
-    $response->assertHasNoErrors();
-
-    expect($user->refresh()->email_verified_at)->not->toBeNull();
-});
-
-test('user can delete their account', function () {
-    $user = User::factory()->create();
-
-    $this->actingAs($user);
-
-    $response = Livewire::test('settings.delete-user-form')
-        ->set('password', 'password')
-        ->call('deleteUser');
-
-    $response
-        ->assertHasNoErrors()
-        ->assertRedirect('/');
-
-    expect($user->fresh())->toBeNull();
-    expect(auth()->check())->toBeFalse();
-});
-
-test('correct password must be provided to delete account', function () {
-    $user = User::factory()->create();
-
-    $this->actingAs($user);
-
-    $response = Livewire::test('settings.delete-user-form')
-        ->set('password', 'wrong-password')
-        ->call('deleteUser');
-
-    $response->assertHasErrors(['password']);
-
-    expect($user->fresh())->not->toBeNull();
-});
\ No newline at end of file
diff --git a/tests/Feature/Settings/SecurityTest.php b/tests/Feature/Settings/SecurityTest.php
deleted file mode 100644
index a31dfbf..0000000
--- a/tests/Feature/Settings/SecurityTest.php
+++ /dev/null
@@ -1,105 +0,0 @@
-<?php
-
-use App\Livewire\Settings\Security;
-use App\Models\User;
-use Illuminate\Support\Facades\Hash;
-use Laravel\Fortify\Features;
-use Livewire\Livewire;
-
-beforeEach(function () {
-    $this->skipUnlessFortifyFeature(Features::twoFactorAuthentication());
-
-    Features::twoFactorAuthentication([
-        'confirm' => true,
-        'confirmPassword' => true,
-    ]);
-});
-
-test('security settings page can be rendered', function () {
-    $user = User::factory()->create();
-
-    $this->actingAs($user)
-        ->withSession(['auth.password_confirmed_at' => time()])
-        ->get(route('security.edit'))
-        ->assertOk()
-        ->assertSee('Two-factor authentication')
-        ->assertSee('Enable 2FA');
-});
-
-test('security settings page requires password confirmation when enabled', function () {
-    $user = User::factory()->create();
-
-    $response = $this->actingAs($user)
-        ->get(route('security.edit'));
-
-    $response->assertRedirect(route('password.confirm'));
-});
-
-test('security settings page renders without two factor when feature is disabled', function () {
-    config(['fortify.features' => []]);
-
-    $user = User::factory()->create();
-
-    $this->actingAs($user)
-        ->withSession(['auth.password_confirmed_at' => time()])
-        ->get(route('security.edit'))
-        ->assertOk()
-        ->assertSee('Update password')
-        ->assertDontSee('Two-factor authentication');
-});
-
-test('two factor authentication disabled when confirmation abandoned between requests', function () {
-    $user = User::factory()->create();
-
-    $user->forceFill([
-        'two_factor_secret' => encrypt('test-secret'),
-        'two_factor_recovery_codes' => encrypt(json_encode(['code1', 'code2'])),
-        'two_factor_confirmed_at' => null,
-    ])->save();
-
-    $this->actingAs($user);
-
-    $component = Livewire::test(Security::class);
-
-    $component->assertSet('twoFactorEnabled', false);
-
-    $this->assertDatabaseHas('users', [
-        'id' => $user->id,
-        'two_factor_secret' => null,
-        'two_factor_recovery_codes' => null,
-    ]);
-});
-
-test('password can be updated', function () {
-    $user = User::factory()->create([
-        'password' => Hash::make('password'),
-    ]);
-
-    $this->actingAs($user);
-
-    $response = Livewire::test(Security::class)
-        ->set('current_password', 'password')
-        ->set('password', 'new-password')
-        ->set('password_confirmation', 'new-password')
-        ->call('updatePassword');
-
-    $response->assertHasNoErrors();
-
-    expect(Hash::check('new-password', $user->refresh()->password))->toBeTrue();
-});
-
-test('correct password must be provided to update password', function () {
-    $user = User::factory()->create([
-        'password' => Hash::make('password'),
-    ]);
-
-    $this->actingAs($user);
-
-    $response = Livewire::test(Security::class)
-        ->set('current_password', 'wrong-password')
-        ->set('password', 'new-password')
-        ->set('password_confirmation', 'new-password')
-        ->call('updatePassword');
-
-    $response->assertHasErrors(['current_password']);
-});
\ No newline at end of file
diff --git a/tests/TestCase.php b/tests/TestCase.php
index 3399054..ee63ad0 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -3,14 +3,5 @@
 namespace Tests;
 
 use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
-use Laravel\Fortify\Features;
 
-abstract class TestCase extends BaseTestCase
-{
-    protected function skipUnlessFortifyFeature(string $feature, ?string $message = null): void
-    {
-        if (! Features::enabled($feature)) {
-            $this->markTestSkipped($message ?? "Fortify feature [{$feature}] is not enabled.");
-        }
-    }
-}
+abstract class TestCase extends BaseTestCase {}
diff --git a/tests/Unit/ExampleTest.php b/tests/Unit/ExampleTest.php
deleted file mode 100644
index 27f3f87..0000000
--- a/tests/Unit/ExampleTest.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<?php
-
-test('that true is true', function () {
-    expect(true)->toBeTrue();
-});
\ No newline at end of file
diff --git a/tests/Unit/FileManagerServiceTest.php b/tests/Unit/FileManagerServiceTest.php
new file mode 100644
index 0000000..37e6b42
--- /dev/null
+++ b/tests/Unit/FileManagerServiceTest.php
@@ -0,0 +1,128 @@
+<?php
+
+namespace Tests\Unit;
+
+use App\Models\Page;
+use App\Services\FileManagerService;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Http\UploadedFile;
+use Illuminate\Support\Facades\Storage;
+use RuntimeException;
+use Tests\TestCase;
+
+class FileManagerServiceTest extends TestCase
+{
+    use RefreshDatabase;
+
+    private FileManagerService $service;
+    private Page $page;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+        Storage::fake('pages');
+
+        $this->service = new FileManagerService();
+        $this->page    = Page::factory()->create(['slug' => 'mysite']);
+        Storage::disk('pages')->put('mysite/index.html', '<h1>Hello</h1>');
+    }
+
+    public function test_tree_returns_files(): void
+    {
+        $tree = $this->service->tree($this->page);
+        $names = array_column($tree, 'name');
+        $this->assertContains('index.html', $names);
+    }
+
+    public function test_tree_orders_dirs_before_files(): void
+    {
+        Storage::disk('pages')->makeDirectory('mysite/assets');
+        Storage::disk('pages')->put('mysite/readme.txt', 'hi');
+
+        $tree  = $this->service->tree($this->page);
+        $types = array_column($tree, 'type');
+
+        // Directories should precede files
+        $firstFile = array_search('file', $types);
+        $firstDir  = array_search('directory', $types);
+        $this->assertLessThan($firstFile, $firstDir);
+    }
+
+    public function test_can_read_file(): void
+    {
+        $content = $this->service->read($this->page, 'index.html');
+        $this->assertStringContainsString('Hello', $content);
+    }
+
+    public function test_read_missing_file_throws(): void
+    {
+        $this->expectException(RuntimeException::class);
+        $this->service->read($this->page, 'ghost.html');
+    }
+
+    public function test_can_save_file(): void
+    {
+        $this->service->save($this->page, 'index.html', '<h1>Updated</h1>');
+        $this->assertStringContainsString('Updated', Storage::disk('pages')->get('mysite/index.html'));
+    }
+
+    public function test_can_create_file(): void
+    {
+        $this->service->createFile($this->page, 'new.html');
+        $this->assertTrue(Storage::disk('pages')->exists('mysite/new.html'));
+    }
+
+    public function test_create_duplicate_file_throws(): void
+    {
+        $this->expectException(RuntimeException::class);
+        $this->service->createFile($this->page, 'index.html');
+    }
+
+    public function test_can_delete_file(): void
+    {
+        $this->service->delete($this->page, 'index.html');
+        $this->assertFalse(Storage::disk('pages')->exists('mysite/index.html'));
+    }
+
+    public function test_can_delete_directory(): void
+    {
+        Storage::disk('pages')->makeDirectory('mysite/subdir');
+        Storage::disk('pages')->put('mysite/subdir/file.txt', 'x');
+
+        $this->service->delete($this->page, 'subdir');
+        $this->assertFalse(Storage::disk('pages')->directoryExists('mysite/subdir'));
+    }
+
+    public function test_can_create_folder(): void
+    {
+        $this->service->createFolder($this->page, 'media');
+        $this->assertTrue(Storage::disk('pages')->directoryExists('mysite/media'));
+    }
+
+    public function test_can_rename_file(): void
+    {
+        $this->service->rename($this->page, 'index.html', 'home.html');
+        $this->assertFalse(Storage::disk('pages')->exists('mysite/index.html'));
+        $this->assertTrue(Storage::disk('pages')->exists('mysite/home.html'));
+    }
+
+    public function test_path_traversal_is_blocked(): void
+    {
+        $this->expectException(RuntimeException::class);
+        $this->service->read($this->page, '../othersite/secret.txt');
+    }
+
+    public function test_upload_allowed_file(): void
+    {
+        $file = UploadedFile::fake()->image('photo.jpg');
+        $this->service->upload($this->page, $file);
+        $this->assertTrue(Storage::disk('pages')->exists('mysite/photo.jpg'));
+    }
+
+    public function test_upload_disallowed_extension_throws(): void
+    {
+        $this->expectException(RuntimeException::class);
+        $file = UploadedFile::fake()->create('evil.exe', 10);
+        $this->service->upload($this->page, $file);
+    }
+}
diff --git a/vite.config.js b/vite.config.js
index f65249e..f28608b 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,21 +1,20 @@
-import {
-    defineConfig
-} from 'vite';
+import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
-import tailwindcss from "@tailwindcss/vite";
+import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
     plugins: [
+        tailwindcss(),
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js'],
-            refresh: true,
+            input: [
+                'resources/css/app.css',
+                'resources/js/app.js',
+                'resources/js/file-manager.js',
+            ],
+            refresh: [
+                'resources/views/**',
+                'routes/**',
+            ],
         }),
-        tailwindcss(),
     ],
-    server: {
-        cors: true,
-        watch: {
-            ignored: ['**/storage/framework/views/**'],
-        },
-    },
 });