diff --git a/_ide_helper.php b/_ide_helper.php
index a86577b..e232100 100644
--- a/_ide_helper.php
+++ b/_ide_helper.php
@@ -16706,6 +16706,15 @@ namespace Illuminate\Support\Facades {
             return \Illuminate\Http\Request::hasValidRelativeSignatureWhileIgnoring($ignoreQuery);
         }
 
+        /**
+         * @see \Inertia\ServiceProvider::registerRequestMacro()
+         * @static
+         */
+        public static function inertia()
+        {
+            return \Illuminate\Http\Request::inertia();
+        }
+
             }
     /**
      * @see \Illuminate\Routing\ResponseFactory
@@ -18107,6 +18116,16 @@ namespace Illuminate\Support\Facades {
             return $instance->tap($callback);
         }
 
+        /**
+         * @param array<array-key, mixed> $props
+         * @see \Inertia\ServiceProvider::registerRouterMacro()
+         * @static
+         */
+        public static function inertia($uri, $component, $props = [])
+        {
+            return \Illuminate\Routing\Router::inertia($uri, $component, $props);
+        }
+
             }
     /**
      * @method static \Illuminate\Console\Scheduling\PendingEventAttributes withoutOverlapping(int $expiresAt = 1440)
@@ -23386,6 +23405,105 @@ namespace Illuminate\Http {
             return \Illuminate\Http\Request::hasValidRelativeSignatureWhileIgnoring($ignoreQuery);
         }
 
+        /**
+         * @see \Inertia\ServiceProvider::registerRequestMacro()
+         * @static
+         */
+        public static function inertia()
+        {
+            return \Illuminate\Http\Request::inertia();
+        }
+
+            }
+    /**
+     */
+    class RedirectResponse extends \Symfony\Component\HttpFoundation\RedirectResponse {
+        /**
+         * @see \Inertia\ServiceProvider::registerRedirectMacro()
+         * @static
+         */
+        public static function preserveFragment()
+        {
+            return \Illuminate\Http\RedirectResponse::preserveFragment();
+        }
+
+            }
+    }
+
+namespace Illuminate\Routing {
+    /**
+     * @mixin \Illuminate\Routing\RouteRegistrar
+     */
+    class Router {
+        /**
+         * @param array<array-key, mixed> $props
+         * @see \Inertia\ServiceProvider::registerRouterMacro()
+         * @static
+         */
+        public static function inertia($uri, $component, $props = [])
+        {
+            return \Illuminate\Routing\Router::inertia($uri, $component, $props);
+        }
+
+            }
+    }
+
+namespace Illuminate\Testing {
+    /**
+     * @template TResponse of \Symfony\Component\HttpFoundation\Response
+     * @mixin \Illuminate\Http\Response
+     */
+    class TestResponse {
+        /**
+         * @see \Inertia\Testing\TestResponseMacros::assertInertia()
+         * @param \Closure|null $callback
+         * @static
+         */
+        public static function assertInertia($callback = null)
+        {
+            return \Illuminate\Testing\TestResponse::assertInertia($callback);
+        }
+
+        /**
+         * @see \Inertia\Testing\TestResponseMacros::inertiaPage()
+         * @static
+         */
+        public static function inertiaPage()
+        {
+            return \Illuminate\Testing\TestResponse::inertiaPage();
+        }
+
+        /**
+         * @see \Inertia\Testing\TestResponseMacros::inertiaProps()
+         * @param string|null $propName
+         * @static
+         */
+        public static function inertiaProps($propName = null)
+        {
+            return \Illuminate\Testing\TestResponse::inertiaProps($propName);
+        }
+
+        /**
+         * @see \Inertia\Testing\TestResponseMacros::assertInertiaFlash()
+         * @param string $key
+         * @param mixed|null $expected
+         * @static
+         */
+        public static function assertInertiaFlash($key, $expected = null)
+        {
+            return \Illuminate\Testing\TestResponse::assertInertiaFlash($key, $expected);
+        }
+
+        /**
+         * @see \Inertia\Testing\TestResponseMacros::assertInertiaFlashMissing()
+         * @param string $key
+         * @static
+         */
+        public static function assertInertiaFlashMissing($key)
+        {
+            return \Illuminate\Testing\TestResponse::assertInertiaFlashMissing($key);
+        }
+
             }
     }
 
diff --git a/app/Http/Controllers/LandingController.php b/app/Http/Controllers/LandingController.php
index 6926d25..5c53133 100644
--- a/app/Http/Controllers/LandingController.php
+++ b/app/Http/Controllers/LandingController.php
@@ -14,7 +14,8 @@ use Illuminate\Http\RedirectResponse;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Str;
-use Illuminate\View\View;
+use Inertia\Inertia;
+use Inertia\Response;
 use Throwable;
 
 class LandingController extends Controller
@@ -23,7 +24,7 @@ class LandingController extends Controller
         Request $request,
         AzerothCoreAccountService $accounts,
         NewsService $news,
-    ): View
+    ): Response
     {
         $realmConfig = config('moonwell.realm');
         $rates = $realmConfig['rates'] ?? [];
@@ -34,19 +35,25 @@ class LandingController extends Controller
             ? route('cabinet.client')
             : '#join';
 
-        $posts = $news->listForLanding()
-            ->values()
-            ->map(fn (News $item, int $index): array => [
-                'id' => $item->id,
-                'title' => $item->title,
-                'excerpt' => Str::limit(trim(strip_tags($item->body)), 200),
-                'date' => $item->created_at?->locale(app()->getLocale())->isoFormat('D MMMM YYYY'),
-                'tag' => 'Новости',
-                'tagType' => 'patch',
-                'image_url' => $item->image_url,
-                'featured' => $index === 0,
-            ])
-            ->all();
+        try {
+            $posts = $news->listForLanding()
+                ->values()
+                ->map(fn (News $item, int $index): array => [
+                    'id' => $item->id,
+                    'title' => $item->title,
+                    'excerpt' => Str::limit(trim(strip_tags($item->body)), 200),
+                    'date' => $item->created_at?->locale(app()->getLocale())->isoFormat('D MMMM YYYY'),
+                    'tag' => 'Новости',
+                    'tagType' => 'patch',
+                    'image_url' => $item->image_url,
+                    'featured' => $index === 0,
+                ])
+                ->all();
+        } catch (Throwable $exception) {
+            report($exception);
+
+            $posts = [];
+        }
 
         $bootstrap = [
             'realm' => [
@@ -61,16 +68,17 @@ class LandingController extends Controller
                 'rates' => $rates,
                 'client_version' => $realmConfig['client_version'] ?? '3.3.5a',
                 'tagline' => $realmConfig['tagline'] ?? null,
+                'server_name' => $realmConfig['server_name'] ?? 'MoonWell',
             ],
-            'play_url' => $playUrl,
+            'playUrl' => $playUrl,
             'posts' => $posts,
             'tweaks' => [
                 'variant' => 'forest',
                 'particles' => true,
                 'moon' => true,
             ],
-            'register_endpoint' => route('game-account.store'),
-            'csrf_token' => csrf_token(),
+            'registerEndpoint' => route('game-account.store'),
+            'csrfToken' => csrf_token(),
             'auth' => [
                 'authenticated' => $user !== null,
                 'is_admin' => $user?->canAccessAdminPanel() ?? false,
@@ -92,10 +100,7 @@ class LandingController extends Controller
             ],
         ];
 
-        return view('landing', [
-            'bootstrap' => $bootstrap,
-            'realm' => $realmConfig,
-        ]);
+        return Inertia::render('Landing/Main', $bootstrap);
     }
 
     public function register(
diff --git a/app/Http/Controllers/MainController.php b/app/Http/Controllers/MainController.php
new file mode 100644
index 0000000..74ea1bd
--- /dev/null
+++ b/app/Http/Controllers/MainController.php
@@ -0,0 +1,108 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\News;
+use App\Services\AzerothCoreAccountService;
+use App\Services\NewsService;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Str;
+use Inertia\Inertia;
+use Inertia\Response;
+use Throwable;
+
+class MainController extends Controller
+{
+    public function index(
+        Request $request,
+        AzerothCoreAccountService $accounts,
+        NewsService $news,
+    ): Response
+    {
+        $realmConfig = config('moonwell.realm');
+        $rates = $realmConfig['rates'] ?? [];
+        $user = Auth::user();
+        $playersOnline = $accounts->onlinePlayerCount();
+
+        try {
+            $posts = $news->listForLanding()
+                ->values()
+                ->map(fn (News $item, int $index): array => [
+                    'id' => $item->id,
+                    'title' => $item->title,
+                    'excerpt' => Str::limit(trim(strip_tags($item->body)), 200),
+                    'date' => $item->created_at?->locale(app()->getLocale())->isoFormat('D MMMM YYYY'),
+                    'tag' => 'Новости',
+                    'tagType' => 'patch',
+                    'image_url' => $item->image_url,
+                    'featured' => $index === 0,
+                ])
+                ->all();
+        } catch (Throwable $exception) {
+            report($exception);
+
+            $posts = [];
+        }
+
+        return Inertia::render('Landing/Main', [
+            'realm' => [
+                'name' => $realmConfig['realm_name'],
+                'mode' => sprintf('PvE · %s rate · RU', $rates['experience'] ?? 'x1'),
+                'realmlist' => $realmConfig['realmlist'],
+                'online' => $playersOnline !== null,
+                'players' => $playersOnline,
+                'uptime' => '99.94%',
+                'ping' => 38,
+                'factions' => ['alliance' => 52, 'horde' => 48],
+                'rates' => $rates,
+                'client_version' => $realmConfig['client_version'] ?? '3.3.5a',
+                'tagline' => $realmConfig['tagline'] ?? null,
+                'server_name' => $realmConfig['server_name'] ?? 'MoonWell',
+            ],
+            'playUrl' => $user !== null ? route('cabinet.client') : '#join',
+            'posts' => $posts,
+            'tweaks' => [
+                'variant' => 'forest',
+                'particles' => true,
+                'moon' => true,
+            ],
+            'registerEndpoint' => route('game-account.store'),
+            'csrfToken' => csrf_token(),
+            'auth' => [
+                'authenticated' => $user !== null,
+                'is_admin' => $user?->canAccessAdminPanel() ?? false,
+                'username' => $user?->username,
+                'login_url' => route('login'),
+                'cabinet_url' => route('cabinet.index'),
+                'admin_url' => route('admin.accounts.index'),
+            ],
+            'flash' => [
+                'success' => $request->session()->get('registration_success'),
+                'success_username' => $request->session()->get('registration_username'),
+                'error' => $request->session()->get('registration_error'),
+                'errors' => $this->errorBag(),
+                'old' => $request->session()->getOldInput() ? [
+                    'username' => $request->session()->getOldInput('username'),
+                    'email' => $request->session()->getOldInput('email'),
+                    'invite_code' => $request->session()->getOldInput('invite_code'),
+                ] : [],
+            ],
+        ]);
+    }
+
+    /**
+     * @return array<string, array<int, string>>
+     */
+    private function errorBag(): array
+    {
+        $errors = session()->get('errors');
+        if (!$errors) {
+            return [];
+        }
+
+        $bag = method_exists($errors, 'getBag') ? $errors->getBag('default') : $errors;
+
+        return method_exists($bag, 'toArray') ? $bag->toArray() : [];
+    }
+}
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
new file mode 100644
index 0000000..c19ce18
--- /dev/null
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Http\Request;
+use Inertia\Middleware;
+
+class HandleInertiaRequests extends Middleware
+{
+    /**
+     * The root template that's loaded on the first page visit.
+     *
+     * @see https://inertiajs.com/server-side-setup#root-template
+     *
+     * @var string
+     */
+    protected $rootView = 'app';
+
+    /**
+     * Determines the current asset version.
+     *
+     * @see https://inertiajs.com/asset-versioning
+     */
+    public function version(Request $request): ?string
+    {
+        return parent::version($request);
+    }
+
+    /**
+     * Define the props that are shared by default.
+     *
+     * @see https://inertiajs.com/shared-data
+     *
+     * @return array<string, mixed>
+     */
+    public function share(Request $request): array
+    {
+        return [
+            ...parent::share($request),
+            //
+        ];
+    }
+}
diff --git a/app/Services/AzerothCoreAccountService.php b/app/Services/AzerothCoreAccountService.php
index 597915f..0fc3ede 100644
--- a/app/Services/AzerothCoreAccountService.php
+++ b/app/Services/AzerothCoreAccountService.php
@@ -277,7 +277,7 @@ class AzerothCoreAccountService
         return (int) config('moonwell.registration.realm_id', -1);
     }
 
-    public function onlinePlayerCount(): ?int
+    public function onlinePlayerCount(): int|null
     {
         try {
             return (int) $this->charactersConnection()
diff --git a/bootstrap/app.php b/bootstrap/app.php
index 25314da..ba49231 100644
--- a/bootstrap/app.php
+++ b/bootstrap/app.php
@@ -1,21 +1,27 @@
 <?php
 
+use App\Http\Middleware\HandleInertiaRequests;
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
 
 return Application::configure(basePath: dirname(__DIR__))
     ->withRouting(
-        web: __DIR__.'/../routes/web.php',
-        api: __DIR__.'/../routes/api.php',
-        commands: __DIR__.'/../routes/console.php',
+        web: __DIR__ . '/../routes/web.php',
+        api: __DIR__ . '/../routes/api.php',
+        commands: __DIR__ . '/../routes/console.php',
         health: '/up',
     )
+    ->withMiddleware(function (Middleware $middleware) {
+        $middleware->web(append: [
+            HandleInertiaRequests::class,
+        ]);
+    })
     ->withMiddleware(function (Middleware $middleware): void {
         $middleware->trustProxies(at: env('TRUSTED_PROXIES', '*'));
 
         $middleware->api(prepend: [
-            \Illuminate\Http\Middleware\SetCacheHeaders::class.':no_store',
+            \Illuminate\Http\Middleware\SetCacheHeaders::class . ':no_store',
             \App\Http\Middleware\ForceJsonResponse::class,
         ]);
 
diff --git a/composer.json b/composer.json
index 3df520f..80feb6b 100644
--- a/composer.json
+++ b/composer.json
@@ -7,6 +7,7 @@
     "license": "MIT",
     "require": {
         "php": "^8.2",
+        "inertiajs/inertia-laravel": "^3.1",
         "laravel/framework": "^12.0",
         "laravel/passport": "^13.6",
         "laravel/tinker": "^2.10.1",
diff --git a/composer.lock b/composer.lock
index 2dba148..ef7ecc5 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": "cb49ff467452a9a586f2d6d30b1c2957",
+    "content-hash": "9528534655052c637f0b4b19340a6c65",
     "packages": [
         {
             "name": "aws/aws-crt-php",
@@ -1334,6 +1334,79 @@
             ],
             "time": "2025-08-22T14:27:06+00:00"
         },
+        {
+            "name": "inertiajs/inertia-laravel",
+            "version": "v3.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/inertiajs/inertia-laravel.git",
+                "reference": "f588ce4a5beb25d166f4e372bac0c7f46a4f52ac"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/inertiajs/inertia-laravel/zipball/f588ce4a5beb25d166f4e372bac0c7f46a4f52ac",
+                "reference": "f588ce4a5beb25d166f4e372bac0c7f46a4f52ac",
+                "shasum": ""
+            },
+            "require": {
+                "ext-json": "*",
+                "laravel/framework": "^11.0|^12.0|^13.0",
+                "php": "^8.2.0",
+                "symfony/console": "^7.0|^8.0"
+            },
+            "conflict": {
+                "laravel/boost": "<2.2.0"
+            },
+            "require-dev": {
+                "guzzlehttp/guzzle": "^7.2",
+                "larastan/larastan": "^3.0",
+                "laravel/pint": "^1.16",
+                "mockery/mockery": "^1.3.3",
+                "orchestra/testbench": "^9.2|^10.0|^11.0",
+                "phpunit/phpunit": "^11.5|^12.0",
+                "roave/security-advisories": "dev-master"
+            },
+            "suggest": {
+                "ext-pcntl": "Recommended when running the Inertia SSR server via the `inertia:start-ssr` artisan command."
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Inertia\\ServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "files": [
+                    "./helpers.php"
+                ],
+                "psr-4": {
+                    "Inertia\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Jonathan Reinink",
+                    "email": "jonathan@reinink.ca",
+                    "homepage": "https://reinink.ca"
+                }
+            ],
+            "description": "The Laravel adapter for Inertia.js.",
+            "keywords": [
+                "inertia",
+                "laravel"
+            ],
+            "support": {
+                "issues": "https://github.com/inertiajs/inertia-laravel/issues",
+                "source": "https://github.com/inertiajs/inertia-laravel/tree/v3.1.0"
+            },
+            "time": "2026-04-30T15:30:29+00:00"
+        },
         {
             "name": "laravel/framework",
             "version": "v12.54.1",
diff --git a/package-lock.json b/package-lock.json
index 8aee5bf..dac3528 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,8 +5,12 @@
     "packages": {
         "": {
             "dependencies": {
+                "@inertiajs/vite": "^3.5.0",
+                "@inertiajs/vue3": "^3.5.0",
+                "@vitejs/plugin-vue": "^6.0.7",
                 "react": "^18.3.1",
-                "react-dom": "^18.3.1"
+                "react-dom": "^18.3.1",
+                "vue": "^3.5.39"
             },
             "devDependencies": {
                 "@tailwindcss/vite": "^4.0.0",
@@ -161,20 +165,18 @@
             }
         },
         "node_modules/@babel/helper-string-parser": {
-            "version": "7.27.1",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-            "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
-            "dev": true,
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+            "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
             }
         },
         "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.28.5",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
-            "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-            "dev": true,
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+            "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
             "license": "MIT",
             "engines": {
                 "node": ">=6.9.0"
@@ -205,13 +207,12 @@
             }
         },
         "node_modules/@babel/parser": {
-            "version": "7.29.2",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
-            "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
-            "dev": true,
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+            "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
             "license": "MIT",
             "dependencies": {
-                "@babel/types": "^7.29.0"
+                "@babel/types": "^7.29.7"
             },
             "bin": {
                 "parser": "bin/babel-parser.js"
@@ -287,14 +288,13 @@
             }
         },
         "node_modules/@babel/types": {
-            "version": "7.29.0",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
-            "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
-            "dev": true,
+            "version": "7.29.7",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+            "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
             "license": "MIT",
             "dependencies": {
-                "@babel/helper-string-parser": "^7.27.1",
-                "@babel/helper-validator-identifier": "^7.28.5"
+                "@babel/helper-string-parser": "^7.29.7",
+                "@babel/helper-validator-identifier": "^7.29.7"
             },
             "engines": {
                 "node": ">=6.9.0"
@@ -307,7 +307,6 @@
             "cpu": [
                 "ppc64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -324,7 +323,6 @@
             "cpu": [
                 "arm"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -341,7 +339,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -358,7 +355,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -375,7 +371,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -392,7 +387,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -409,7 +403,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -426,7 +419,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -443,7 +435,6 @@
             "cpu": [
                 "arm"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -460,7 +451,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -477,7 +467,6 @@
             "cpu": [
                 "ia32"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -494,7 +483,6 @@
             "cpu": [
                 "loong64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -511,7 +499,6 @@
             "cpu": [
                 "mips64el"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -528,7 +515,6 @@
             "cpu": [
                 "ppc64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -545,7 +531,6 @@
             "cpu": [
                 "riscv64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -562,7 +547,6 @@
             "cpu": [
                 "s390x"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -579,7 +563,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -596,7 +579,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -613,7 +595,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -630,7 +611,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -647,7 +627,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -664,7 +643,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -681,7 +659,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -698,7 +675,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -715,7 +691,6 @@
             "cpu": [
                 "ia32"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -732,7 +707,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -742,6 +716,52 @@
                 "node": ">=18"
             }
         },
+        "node_modules/@inertiajs/core": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/@inertiajs/core/-/core-3.5.0.tgz",
+            "integrity": "sha512-k0RpPULYD6d+FsYUIaSkUbvLbMGBRkzMc+qHhwfTVrMwCvXd6FyQ+O99PT5AN4j3BKy96XT45AKDwBhhti8Tgg==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/trace-mapping": "^0.3.31",
+                "es-toolkit": "^1.33.0",
+                "laravel-precognition": "^2.0.0"
+            },
+            "peerDependencies": {
+                "axios": "^1.15.2"
+            },
+            "peerDependenciesMeta": {
+                "axios": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@inertiajs/vite": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/@inertiajs/vite/-/vite-3.5.0.tgz",
+            "integrity": "sha512-3SgnCTU8KgBoD3DWZi/qwJ5WJ6GkA8TmjnsIMYQCH7oStUPk4qsqQdH/ncj5baDXHj/6LsI1EXgS9tQxNL3Mzw==",
+            "license": "MIT",
+            "dependencies": {
+                "@inertiajs/core": "3.5.0",
+                "tinyglobby": "^0.2.15"
+            },
+            "peerDependencies": {
+                "vite": "^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/@inertiajs/vue3": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/@inertiajs/vue3/-/vue3-3.5.0.tgz",
+            "integrity": "sha512-QhwjmUG32uDtaSoBfWpOZl5krwK+nqua+hPqNOlahOiRPan+TKtMri5fdhZxOfjdPjbjNX1zL1Oi3ileZWvpvw==",
+            "license": "MIT",
+            "dependencies": {
+                "@inertiajs/core": "3.5.0",
+                "es-toolkit": "^1.33.0",
+                "laravel-precognition": "^2.0.0"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
         "node_modules/@jridgewell/gen-mapping": {
             "version": "0.3.13",
             "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -768,7 +788,6 @@
             "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"
@@ -778,14 +797,12 @@
             "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",
@@ -806,7 +823,6 @@
             "cpu": [
                 "arm"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -820,7 +836,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -834,7 +849,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -848,7 +862,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -862,7 +875,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -876,7 +888,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -890,7 +901,6 @@
             "cpu": [
                 "arm"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -904,7 +914,6 @@
             "cpu": [
                 "arm"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -918,7 +927,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -932,7 +940,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -946,7 +953,6 @@
             "cpu": [
                 "loong64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -960,7 +966,6 @@
             "cpu": [
                 "loong64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -974,7 +979,6 @@
             "cpu": [
                 "ppc64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -988,7 +992,6 @@
             "cpu": [
                 "ppc64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1002,7 +1005,6 @@
             "cpu": [
                 "riscv64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1016,7 +1018,6 @@
             "cpu": [
                 "riscv64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1030,7 +1031,6 @@
             "cpu": [
                 "s390x"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1044,7 +1044,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1058,7 +1057,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1072,7 +1070,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1086,7 +1083,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1100,7 +1096,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1114,7 +1109,6 @@
             "cpu": [
                 "ia32"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1128,7 +1122,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1142,7 +1135,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MIT",
             "optional": true,
             "os": [
@@ -1470,7 +1462,6 @@
             "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/@vitejs/plugin-react": {
@@ -1494,6 +1485,128 @@
                 "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
             }
         },
+        "node_modules/@vitejs/plugin-vue": {
+            "version": "6.0.7",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.7.tgz",
+            "integrity": "sha512-km+p+XdSz9Sxm5rqUbqcSfZYaAniKxWBj1KURl+Jr7UaPvvX7BmaWMdP69I5rrFDeQGyxAG7NXdc57vz+snhWg==",
+            "license": "MIT",
+            "dependencies": {
+                "@rolldown/pluginutils": "^1.0.1"
+            },
+            "engines": {
+                "node": "^20.19.0 || >=22.12.0"
+            },
+            "peerDependencies": {
+                "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+                "vue": "^3.2.25"
+            }
+        },
+        "node_modules/@vitejs/plugin-vue/node_modules/@rolldown/pluginutils": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+            "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.39.tgz",
+            "integrity": "sha512-16KBTEXAJCpDr0mwlw+AZyhu8iyC7R3S2vBwsI7QnWJU6X3WKc9VKeNEZpiMdZ569qWhz9574L3vV55qRL0Vtw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.7",
+                "@vue/shared": "3.5.39",
+                "entities": "^7.0.1",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.2.1"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.39.tgz",
+            "integrity": "sha512-oQPigALqYbNxTNPvNgSOe+czwVExfbVF02lz8jP0S3AXJiu3jxYDygNUiqSep4ezzW8XgnubqH63My2A7JR/vg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-core": "3.5.39",
+                "@vue/shared": "3.5.39"
+            }
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.39.tgz",
+            "integrity": "sha512-d0ki86iOyN8LoZPBmk5SJWNwHP19CnDDCfuo//+2WJa2g5Ke0Jay983PIBIcSSzldC68I8DrD5GrHV3OSDfodg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.7",
+                "@vue/compiler-core": "3.5.39",
+                "@vue/compiler-dom": "3.5.39",
+                "@vue/compiler-ssr": "3.5.39",
+                "@vue/shared": "3.5.39",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.21",
+                "postcss": "^8.5.15",
+                "source-map-js": "^1.2.1"
+            }
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.39.tgz",
+            "integrity": "sha512-Ce7/wvwMHai74bdszfXExdazFigYnlF9zgCmEQUcM1j0fOymlouZ7XilTYNo8oUjhlnjYOZbGrcYKuqjz89Ucw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.5.39",
+                "@vue/shared": "3.5.39"
+            }
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.39.tgz",
+            "integrity": "sha512-TpsuBJ9gGlZa5d23XcM2y8EXanz9dZeVDQBXRwzy46ItgvM+rWpzs+UVM0wcRLxGvcav0HE5jz2gNL53xlRAog==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.5.39"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.39.tgz",
+            "integrity": "sha512-9GLtNyRvPAUMbX+7ono0RC2j0guo2LXVi8LvcmAooImACUKm0oFf0jjwbX8/H0AE/t1nxhAkn8RSl9PMCzzxZw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.5.39",
+                "@vue/shared": "3.5.39"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.39.tgz",
+            "integrity": "sha512-7Y6aAGboKcXAZ3ECuUy7RrS5yy2r47dhTp2SKaJmYxjopImaVFaNa5Ne66NwGovsrxVAl5S5rwc7m22UG7Lmww==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.5.39",
+                "@vue/runtime-core": "3.5.39",
+                "@vue/shared": "3.5.39",
+                "csstype": "^3.2.3"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.39.tgz",
+            "integrity": "sha512-yZSakiAGw85rZfG7UM8akMnIF+FmeiNk47uvHf2nVBBSe+dIKUhZuZq9+XgJhbV3nS5Z4ALH23/MpXofW+mbcw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.5.39",
+                "@vue/shared": "3.5.39"
+            },
+            "peerDependencies": {
+                "vue": "3.5.39"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.39.tgz",
+            "integrity": "sha512-l1rrBtBfTnmxvtsvdQDXltUUy8S1Y+ZaqdfUzmAnJkTd8Z8rv5v/ytW+TKiqEOWyHPoqtPlNFSs0lhRmYVSHVA==",
+            "license": "MIT"
+        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -1524,14 +1637,14 @@
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
             "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT"
         },
         "node_modules/axios": {
             "version": "1.15.2",
             "resolved": "https://registry.npmjs.org/axios/-/axios-1.15.2.tgz",
             "integrity": "sha512-wLrXxPtcrPTsNlJmKjkPnNPK2Ihe0hn0wGSaTEiHRPxwjvJwT3hKmXF4dpqxmPO9SoNb2FsYXj/xEo0gHN+D5A==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "follow-redirects": "^1.15.11",
@@ -1590,7 +1703,7 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
             "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -1690,7 +1803,7 @@
             "version": "1.0.8",
             "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
             "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "delayed-stream": "~1.0.0"
@@ -1731,6 +1844,12 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/csstype": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+            "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+            "license": "MIT"
+        },
         "node_modules/debug": {
             "version": "4.4.3",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -1753,7 +1872,7 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
             "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">=0.4.0"
@@ -1763,7 +1882,7 @@
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
             "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "Apache-2.0",
             "engines": {
                 "node": ">=8"
@@ -1773,7 +1892,7 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
             "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.1",
@@ -1812,11 +1931,23 @@
                 "node": ">=10.13.0"
             }
         },
+        "node_modules/entities": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+            "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
         "node_modules/es-define-property": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
             "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -1826,7 +1957,7 @@
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
             "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -1836,7 +1967,7 @@
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
             "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0"
@@ -1849,7 +1980,7 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
             "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "es-errors": "^1.3.0",
@@ -1861,11 +1992,20 @@
                 "node": ">= 0.4"
             }
         },
+        "node_modules/es-toolkit": {
+            "version": "1.49.0",
+            "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.49.0.tgz",
+            "integrity": "sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g==",
+            "license": "MIT",
+            "workspaces": [
+                "docs",
+                "benchmarks"
+            ]
+        },
         "node_modules/esbuild": {
             "version": "0.27.7",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
             "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
-            "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
             "bin": {
@@ -1913,11 +2053,16 @@
                 "node": ">=6"
             }
         },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
         "node_modules/fdir": {
             "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"
@@ -1935,7 +2080,7 @@
             "version": "1.16.0",
             "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
             "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
-            "dev": true,
+            "devOptional": true,
             "funding": [
                 {
                     "type": "individual",
@@ -1956,7 +2101,7 @@
             "version": "4.0.5",
             "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
             "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "asynckit": "^0.4.0",
@@ -1973,7 +2118,6 @@
             "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,
@@ -1988,7 +2132,7 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
             "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
@@ -2018,7 +2162,7 @@
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
             "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "call-bind-apply-helpers": "^1.0.2",
@@ -2043,7 +2187,7 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
             "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "dunder-proto": "^1.0.1",
@@ -2057,7 +2201,7 @@
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
             "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2087,7 +2231,7 @@
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
             "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2100,7 +2244,7 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
             "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "has-symbols": "^1.0.3"
@@ -2116,7 +2260,7 @@
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
             "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "function-bind": "^1.1.2"
@@ -2139,7 +2283,7 @@
             "version": "2.6.1",
             "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
             "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "bin": {
                 "jiti": "lib/jiti-cli.mjs"
@@ -2177,6 +2321,23 @@
                 "node": ">=6"
             }
         },
+        "node_modules/laravel-precognition": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/laravel-precognition/-/laravel-precognition-2.0.0.tgz",
+            "integrity": "sha512-dmA4HGc9m+TsVNsJs9/XQBI8u6j7coilN+qKkBuhuXQzH3HypwS/c5dFQ4UqUGjBbcxIM7zdk91kM/SRZwIvWQ==",
+            "license": "MIT",
+            "dependencies": {
+                "es-toolkit": "^1.32.0"
+            },
+            "peerDependencies": {
+                "axios": "^1.4.0"
+            },
+            "peerDependenciesMeta": {
+                "axios": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/laravel-vite-plugin": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-2.1.0.tgz",
@@ -2201,7 +2362,7 @@
             "version": "1.32.0",
             "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
             "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
-            "dev": true,
+            "devOptional": true,
             "license": "MPL-2.0",
             "dependencies": {
                 "detect-libc": "^2.0.3"
@@ -2234,7 +2395,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2255,7 +2415,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2276,7 +2435,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2297,7 +2455,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2318,7 +2475,6 @@
             "cpu": [
                 "arm"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2339,7 +2495,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2360,7 +2515,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2381,7 +2535,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2402,7 +2555,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2423,7 +2575,6 @@
             "cpu": [
                 "arm64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2444,7 +2595,6 @@
             "cpu": [
                 "x64"
             ],
-            "dev": true,
             "license": "MPL-2.0",
             "optional": true,
             "os": [
@@ -2484,7 +2634,6 @@
             "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"
@@ -2494,7 +2643,7 @@
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
             "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.4"
@@ -2504,7 +2653,7 @@
             "version": "1.52.0",
             "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
             "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">= 0.6"
@@ -2514,7 +2663,7 @@
             "version": "2.1.35",
             "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
             "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "dependencies": {
                 "mime-db": "1.52.0"
@@ -2531,10 +2680,9 @@
             "license": "MIT"
         },
         "node_modules/nanoid": {
-            "version": "3.3.11",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-            "dev": true,
+            "version": "3.3.15",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
+            "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
             "funding": [
                 {
                     "type": "github",
@@ -2560,14 +2708,12 @@
             "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.4",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
             "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-            "dev": true,
             "license": "MIT",
             "engines": {
                 "node": ">=12"
@@ -2577,10 +2723,9 @@
             }
         },
         "node_modules/postcss": {
-            "version": "8.5.10",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
-            "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
-            "dev": true,
+            "version": "8.5.15",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+            "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -2597,7 +2742,7 @@
             ],
             "license": "MIT",
             "dependencies": {
-                "nanoid": "^3.3.11",
+                "nanoid": "^3.3.12",
                 "picocolors": "^1.1.1",
                 "source-map-js": "^1.2.1"
             },
@@ -2609,7 +2754,7 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
             "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
-            "dev": true,
+            "devOptional": true,
             "license": "MIT",
             "engines": {
                 "node": ">=10"
@@ -2664,7 +2809,6 @@
             "version": "4.60.2",
             "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
             "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@types/estree": "1.0.8"
@@ -2751,7 +2895,6 @@
             "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"
@@ -2826,7 +2969,6 @@
             "version": "0.2.16",
             "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
             "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "fdir": "^6.5.0",
@@ -2891,7 +3033,6 @@
             "version": "7.3.2",
             "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz",
             "integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==",
-            "dev": true,
             "license": "MIT",
             "dependencies": {
                 "esbuild": "^0.27.0",
@@ -2986,6 +3127,27 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/vue": {
+            "version": "3.5.39",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.39.tgz",
+            "integrity": "sha512-xmZCYabFGcirU8r0fTuvl/LICc1OU620rnqepaJDL/a141ZigkG7AyaxQLdqJ02ZRYzWe6YPaDHeQx7MfknQfA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.5.39",
+                "@vue/compiler-sfc": "3.5.39",
+                "@vue/runtime-dom": "3.5.39",
+                "@vue/server-renderer": "3.5.39",
+                "@vue/shared": "3.5.39"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/wrap-ansi": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
diff --git a/package.json b/package.json
index 5425f05..b3775fd 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,11 @@
         "vite": "^7.0.7"
     },
     "dependencies": {
+        "@inertiajs/vite": "^3.5.0",
+        "@inertiajs/vue3": "^3.5.0",
+        "@vitejs/plugin-vue": "^6.0.7",
         "react": "^18.3.1",
-        "react-dom": "^18.3.1"
+        "react-dom": "^18.3.1",
+        "vue": "^3.5.39"
     }
 }
diff --git a/resources/js/Pages/Landing/Components/About.vue b/resources/js/Pages/Landing/Components/About.vue
new file mode 100644
index 0000000..cfdb4f7
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/About.vue
@@ -0,0 +1,22 @@
+<template>
+    <section id="about" data-screen-label="02 About">
+        <div class="wrap about-grid reveal">
+            <div class="about-copy">
+                <span class="eyebrow">Что такое MoonWell</span>
+                <div style="height: 18px"></div>
+                <h2 class="h-display">Ночной колодец, где эпохи ждут тебя.</h2>
+                <div style="height: 28px"></div>
+                <p>MoonWell - это не очередной «1x серверный клон». Мы переосмыслили Wrath of the Lich King как длинный путь: сначала Классика, затем Burning Crusade, потом Лич - но каждый герой идет по нему сам.</p>
+                <p>Мы хотим вернуть ощущение, которое многие из нас помнят с 2005-го: когда незнакомый лес опасен, а первый рейд - событие года. И при этом добавить то, чего тогда не хватало - возможность играть, когда у тебя есть только час после работы.</p>
+                <blockquote class="about-quote">
+                    «Мы строим мир, в котором ты можешь пройти все в одиночку - или собрать отряд из трех верных друзей и свергнуть короля-лича. Оба пути честные.»
+                    <cite>- команда MoonWell</cite>
+                </blockquote>
+            </div>
+            <div class="about-visual corners">
+                <div class="about-stats"><span>Est. 2026</span></div>
+                <img :src="'/landing.png'" alt="концепт-арт: вход в Лунный Колодец, туман, силуэт ночного эльфа" />
+            </div>
+        </div>
+    </section>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Background.vue b/resources/js/Pages/Landing/Components/Background.vue
new file mode 100644
index 0000000..f4a5c25
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Background.vue
@@ -0,0 +1,101 @@
+<script setup>
+import { onBeforeUnmount, onMounted, ref } from 'vue';
+
+const canvasRef = ref(null);
+let resizeHandler;
+let particleRaf;
+
+onMounted(() => {
+    const canvas = canvasRef.value;
+    if (!canvas) return;
+
+    const context = canvas.getContext('2d');
+    const stars = [];
+    const drift = [];
+    let width = 0;
+    let height = 0;
+    let dpr = 1;
+
+    resizeHandler = () => {
+        dpr = Math.min(window.devicePixelRatio || 1, 2);
+        width = canvas.width = window.innerWidth * dpr;
+        height = canvas.height = window.innerHeight * dpr;
+        canvas.style.width = `${window.innerWidth}px`;
+        canvas.style.height = `${window.innerHeight}px`;
+        stars.length = 0;
+        drift.length = 0;
+
+        const density = Math.min(260, Math.floor((window.innerWidth * window.innerHeight) / 9000));
+        for (let i = 0; i < density; i += 1) {
+            stars.push({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                r: Math.random() * 1.3 * dpr + 0.3 * dpr,
+                baseAlpha: Math.random() * 0.6 + 0.2,
+                twinkleSpeed: Math.random() * 0.003 + 0.0005,
+                twinklePhase: Math.random() * Math.PI * 2,
+                hue: Math.random() < 0.2 ? 'moon' : 'white',
+            });
+        }
+
+        for (let i = 0; i < 18; i += 1) {
+            drift.push({
+                x: Math.random() * width,
+                y: Math.random() * height,
+                vx: (Math.random() - 0.5) * 0.15,
+                vy: (Math.random() - 0.5) * 0.1 - 0.02,
+                r: Math.random() * 2 * dpr + 0.5 * dpr,
+                alpha: Math.random() * 0.3 + 0.05,
+            });
+        }
+    };
+
+    const draw = (time) => {
+        context.clearRect(0, 0, width, height);
+
+        for (const star of stars) {
+            const alpha = star.baseAlpha * (0.5 + 0.5 * Math.sin(time * star.twinkleSpeed + star.twinklePhase));
+            context.beginPath();
+            context.arc(star.x, star.y, star.r, 0, Math.PI * 2);
+            context.fillStyle = star.hue === 'moon' ? `rgba(200, 230, 255, ${alpha})` : `rgba(244, 236, 207, ${alpha})`;
+            context.fill();
+        }
+
+        for (const particle of drift) {
+            particle.x += particle.vx;
+            particle.y += particle.vy;
+            if (particle.x < 0) particle.x = width;
+            if (particle.x > width) particle.x = 0;
+            if (particle.y < 0) particle.y = height;
+            if (particle.y > height) particle.y = 0;
+
+            const gradient = context.createRadialGradient(particle.x, particle.y, 0, particle.x, particle.y, particle.r * 6);
+            gradient.addColorStop(0, `rgba(176, 136, 238, ${particle.alpha})`);
+            gradient.addColorStop(1, 'rgba(176, 136, 238, 0)');
+            context.fillStyle = gradient;
+            context.beginPath();
+            context.arc(particle.x, particle.y, particle.r * 6, 0, Math.PI * 2);
+            context.fill();
+        }
+
+        particleRaf = window.requestAnimationFrame(draw);
+    };
+
+    resizeHandler();
+    draw(0);
+    window.addEventListener('resize', resizeHandler);
+});
+
+onBeforeUnmount(() => {
+    window.removeEventListener('resize', resizeHandler);
+    if (particleRaf) window.cancelAnimationFrame(particleRaf);
+});
+</script>
+
+<template>
+    <div class="bg">
+        <div class="bg-moon" aria-hidden="true"></div>
+        <div class="bg-fog" aria-hidden="true"></div>
+    </div>
+    <canvas id="particles" ref="canvasRef" aria-hidden="true"></canvas>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Features.vue b/resources/js/Pages/Landing/Components/Features.vue
new file mode 100644
index 0000000..5e55b8f
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Features.vue
@@ -0,0 +1,47 @@
+<script setup>
+import { features, iconPaths, steps } from './symbols';
+
+function onMove(event) {
+    const rect = event.currentTarget.getBoundingClientRect();
+    event.currentTarget.style.setProperty('--mx', `${((event.clientX - rect.left) / rect.width) * 100}%`);
+    event.currentTarget.style.setProperty('--my', `${((event.clientY - rect.top) / rect.height) * 100}%`);
+}
+</script>
+
+<template>
+    <section id="features" data-screen-label="03 Features">
+        <div class="wrap">
+            <div class="section-head reveal">
+                <span class="eyebrow">Особенности сервера</span>
+                <div style="height: 20px"></div>
+                <h2 class="h-display" style="font-size: clamp(36px, 5vw, 60px)">То, чего ты не найдешь у других</h2>
+                <div class="divider-ornament">✦</div>
+                <p class="lead">Восемь систем, которые делают MoonWell не клоном, а отдельной игрой поверх знакомого мира.</p>
+            </div>
+
+            <div class="features-grid">
+                <article v-for="feature in features" :key="feature.num" :class="['feature', feature.span, 'reveal']" @mousemove="onMove">
+                    <div class="feature-num"><span>{{ feature.num }}</span><span v-if="feature.tag" class="tag">{{ feature.tag }}</span></div>
+                    <div class="feature-icon">
+                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" v-html="iconPaths[feature.icon]"></svg>
+                    </div>
+                    <h3 class="feature-title">{{ feature.title }}</h3>
+                    <p class="feature-desc">{{ feature.desc }}</p>
+                </article>
+            </div>
+
+            <div id="progression" class="progression reveal">
+                <div class="progression-title">
+                    <h3>Путь через эпохи</h3>
+                    <span class="meta">Твой герой · Aranthel, Хранитель рощи · 47 ур.</span>
+                </div>
+                <div class="progression-track">
+                    <div v-for="step in steps" :key="step.name" :class="['progression-step', step.state]">
+                        <div class="name">{{ step.name }}<small>{{ step.lvl }}</small></div>
+                        <div class="status">{{ step.status }}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Footer.vue b/resources/js/Pages/Landing/Components/Footer.vue
new file mode 100644
index 0000000..43a9be3
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Footer.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { arrowSvg, moonMark } from './symbols';
+
+defineProps({ playUrl: { type: String, required: true } });
+</script>
+
+<template>
+    <footer class="footer" data-screen-label="05 Footer">
+        <div class="wrap">
+            <div class="footer-cta reveal">
+                <span class="eyebrow">Свет лунного колодца зовет</span>
+                <div style="height: 20px"></div>
+                <h2 class="h-display">Один лаунчер - и ты у ворот Тельдрассила.</h2>
+                <p>Наш лаунчер сам поставит игровой клиент, пропишет realmlist и будет держать все в актуальном состоянии. Без ручных патчей и копирования файлов.</p>
+                <div class="launcher-steps">
+                    <div class="launcher-step"><span class="n">01</span><span class="t">Скачай лаунчер</span></div>
+                    <div class="launcher-step"><span class="n">02</span><span class="t">Войди или создай аккаунт</span></div>
+                    <div class="launcher-step"><span class="n">03</span><span class="t">Нажми «Играть» - остальное автоматически</span></div>
+                </div>
+                <div class="hero-cta" style="justify-content: center; margin-top: 40px">
+                    <a :href="playUrl" class="btn btn-primary">Скачать лаунчер для Windows <span v-html="arrowSvg"></span></a>
+                    <a href="#" class="btn btn-ghost is-disabled" aria-disabled="true">macOS - в разработке</a>
+                </div>
+                <div style="margin-top: 20px; font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--text-mute); text-transform: uppercase">v 1.4.2 · ~180 MB · автообновление</div>
+            </div>
+
+            <div class="footer-grid">
+                <div class="footer-col footer-brand">
+                    <div style="display: flex; align-items: center; gap: 12px; color: var(--moon)">
+                        <span v-html="moonMark(28)"></span>
+                        <span style="font-family: var(--f-display); letter-spacing: 0.18em; font-size: 16px; color: var(--ivory)">MOONWELL</span>
+                    </div>
+                    <p>Приватный сервер World of Warcraft 3.3.5a с индивидуальным прогрессом, соло-данжами и режимом «Предатель». Бесплатно и без pay-to-win.</p>
+                </div>
+                <div class="footer-col"><h4>Сервер</h4><a href="#">Статус реалмов</a><a href="#">Скачать клиент</a><a href="#">Правила</a><a href="#">Дорожная карта</a></div>
+                <div class="footer-col"><h4>Сообщество</h4><a href="#">Discord</a><a href="#">Форум</a><a href="#">Поддержка</a><a href="#">Вакансии</a></div>
+                <div class="footer-col"><h4>База знаний</h4><a href="#">Гайды</a><a href="#">База данных</a><a href="#">Рейтинги</a><a href="#">API</a></div>
+            </div>
+
+            <div class="footer-bottom">
+                <span>© 2026 MoonWell · fan project · не связан с Blizzard Entertainment</span>
+                <span>Сделано с лунным светом</span>
+            </div>
+        </div>
+    </footer>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Hero.vue b/resources/js/Pages/Landing/Components/Hero.vue
new file mode 100644
index 0000000..afb8e78
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Hero.vue
@@ -0,0 +1,26 @@
+<script setup>
+import { arrowSvg } from './symbols';
+
+defineProps({ playUrl: { type: String, required: true } });
+</script>
+
+<template>
+    <section class="hero" data-screen-label="01 Hero">
+        <div class="wrap hero-inner">
+            <div class="hero-pretitle"><span class="dot"></span><span>Открытая бета · Wrath of the Lich King</span></div>
+            <h1 class="h-display hero-title">MoonWell<span class="ornament">- Лунный Колодец -</span></h1>
+            <p class="hero-tagline">Приватный сервер World of Warcraft, где ты проходишь эпоху за эпохой - от Классики до Короля-лича - в своем темпе, один или в отряде.</p>
+            <div class="hero-meta">
+                <span>Индивидуальный прогресс</span><span>Соло-данжи</span><span>Режим «Предатель»</span><span>Mythic+ без потолка</span>
+            </div>
+            <div class="hero-cta">
+                <a :href="playUrl" class="btn btn-primary">Скачать лаунчер <span v-html="arrowSvg"></span></a>
+                <a href="#about" class="btn btn-ghost">Узнать больше</a>
+            </div>
+            <div class="hero-launcher-note">
+                <span class="os">Windows 10/11</span><span class="sep">·</span><span>macOS - в разработке</span><span class="sep">·</span><span>~180 MB · автообновление · клиент ставится сам</span>
+            </div>
+        </div>
+        <div class="hero-scroll">Прокрути вниз</div>
+    </section>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Join.vue b/resources/js/Pages/Landing/Components/Join.vue
new file mode 100644
index 0000000..6ed70db
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Join.vue
@@ -0,0 +1,172 @@
+<script setup>
+import { computed, nextTick, onMounted, reactive, ref } from 'vue';
+import { arrowSvg, iconPaths, moonMark } from './symbols';
+
+const props = defineProps({
+    registerEndpoint: { type: String, required: true },
+    csrfToken: { type: String, required: true },
+    auth: { type: Object, required: true },
+    flash: { type: Object, required: true },
+});
+
+const hints = {
+    username: 'Используй латиницу и цифры. Регистр символов при входе не имеет значения.',
+    invite_code: 'Регистрация доступна только по действующему инвайт-коду.',
+};
+
+const initialErrors = props.flash.errors || {};
+const submitted = ref(Boolean(props.flash.success));
+const submitting = ref(false);
+const form = reactive({
+    username: props.flash.old?.username || '',
+    email: props.flash.old?.email || '',
+    invite_code: props.flash.old?.invite_code || '',
+    password: '',
+    password_confirmation: '',
+    terms: false,
+});
+const touched = reactive(Object.fromEntries(Object.keys(initialErrors).map((key) => [key, true])));
+const serverErrors = reactive({ ...initialErrors });
+
+const clientErrors = computed(() => {
+    const errors = {};
+    if (form.username && !/^[a-zA-Z0-9]{3,32}$/.test(form.username)) errors.username = 'Только латиница и цифры, 3-32 символа.';
+    if (form.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) errors.email = 'Похоже на некорректный email.';
+    if (form.invite_code && !/^[A-Za-z0-9-]{6,32}$/.test(form.invite_code)) errors.invite_code = 'Код из букв, цифр и тире, 6-32 символа.';
+    if (form.password && form.password.length < 8) errors.password = 'Минимум 8 символов.';
+    else if (form.password && !/[A-Za-z]/.test(form.password)) errors.password = 'Должна быть хотя бы одна буква.';
+    else if (form.password && !/\d/.test(form.password)) errors.password = 'Должна быть хотя бы одна цифра.';
+    if (form.password_confirmation && form.password_confirmation !== form.password) errors.password_confirmation = 'Пароли не совпадают.';
+    return errors;
+});
+
+const valid = computed(() => Boolean(
+    form.username &&
+    form.email &&
+    form.invite_code &&
+    form.password &&
+    form.password_confirmation &&
+    form.terms &&
+    Object.keys(clientErrors.value).length === 0
+));
+
+onMounted(() => {
+    if (submitted.value || props.flash.error || Object.keys(initialErrors).length) {
+        nextTick(() => document.getElementById('join')?.scrollIntoView({ behavior: 'smooth', block: 'start' }));
+    }
+});
+
+function firstError(field) {
+    const value = serverErrors[field];
+    return Array.isArray(value) ? value[0] : value;
+}
+
+function errorFor(field) {
+    return firstError(field) || (touched[field] && clientErrors.value[field]) || null;
+}
+
+function updateField(field, value) {
+    form[field] = value;
+    delete serverErrors[field];
+}
+
+function submit(event) {
+    if (valid.value) {
+        submitting.value = true;
+        return;
+    }
+
+    event.preventDefault();
+    ['username', 'email', 'invite_code', 'password', 'password_confirmation', 'terms'].forEach((field) => {
+        touched[field] = true;
+    });
+}
+</script>
+
+<template>
+    <section id="join" data-screen-label="04 Join">
+        <div class="wrap">
+            <div v-if="submitted && flash.success" class="join-card join-success reveal is-visible">
+                <div class="join-success-mark" v-html="moonMark(56)"></div>
+                <span class="eyebrow" style="justify-content: center">Добро пожаловать</span>
+                <h3 class="h-display" style="font-size: 36px; margin-top: 16px">Аккаунт создан</h3>
+                <p class="lead" style="margin-top: 14px">
+                    Логин <span style="color: var(--moon); font-style: normal">{{ flash.success_username || form.username }}</span> готов к входу. Открывай лаунчер и жми «Играть».
+                </p>
+                <div class="hero-cta" style="justify-content: center; margin-top: 28px">
+                    <a :href="auth.cabinet_url || auth.login_url || '#'" class="btn btn-primary">Войти в личный кабинет <span v-html="arrowSvg"></span></a>
+                </div>
+            </div>
+
+            <div v-else class="join-grid reveal">
+                <div class="join-intro">
+                    <span class="eyebrow">Регистрация</span>
+                    <div style="height: 20px"></div>
+                    <h2 class="h-display" style="font-size: clamp(36px, 5vw, 56px)">Создай игровой аккаунт</h2>
+                    <div class="divider-ornament" style="justify-content: flex-start; margin: 22px 0"><span style="opacity: 0.6">✦</span></div>
+                    <p class="lead" style="font-style: italic">Укажи инвайт-код, логин, почту и пароль - аккаунт будет готов к входу в игру сразу после регистрации.</p>
+                    <div class="join-note">
+                        <span class="join-note-k">Закрытый бета-доступ</span>
+                        <span class="join-note-v">Пока идет закрытый этап: регистрация только по инвайт-кодам. Код можно получить у друзей-игроков или в нашем Discord.</span>
+                    </div>
+                </div>
+
+                <form class="join-card" method="POST" :action="registerEndpoint" novalidate @submit="submit">
+                    <input type="hidden" name="_token" :value="csrfToken" />
+                    <div class="join-card-corner tl" aria-hidden="true"></div>
+                    <div class="join-card-corner tr" aria-hidden="true"></div>
+                    <div class="join-card-corner bl" aria-hidden="true"></div>
+                    <div class="join-card-corner br" aria-hidden="true"></div>
+                    <div v-if="flash.error" class="join-error" style="margin-bottom: 14px">{{ flash.error }}</div>
+
+                    <div :class="['join-field', { 'has-error': errorFor('username') }]">
+                        <label class="join-label">Логин</label>
+                        <div class="join-input"><input type="text" name="username" autocomplete="username" placeholder="Moonwalker" :value="form.username" maxlength="32" @input="updateField('username', $event.target.value)" @blur="touched.username = true" /></div>
+                        <div v-if="errorFor('username')" class="join-error">{{ errorFor('username') }}</div>
+                        <div v-else class="join-hint">{{ hints.username }}</div>
+                    </div>
+
+                    <div :class="['join-field', { 'has-error': errorFor('email') }]">
+                        <label class="join-label">Email</label>
+                        <div class="join-input"><input type="email" name="email" autocomplete="email" placeholder="player@example.com" :value="form.email" @input="updateField('email', $event.target.value)" @blur="touched.email = true" /></div>
+                        <div v-if="errorFor('email')" class="join-error">{{ errorFor('email') }}</div>
+                    </div>
+
+                    <div :class="['join-field', { 'has-error': errorFor('invite_code') }]">
+                        <label class="join-label">Инвайт-код</label>
+                        <div class="join-input">
+                            <span class="join-input-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" v-html="iconPaths.mask"></svg></span>
+                            <input type="text" name="invite_code" placeholder="ABCD-EFGH-IJKL" :value="form.invite_code" maxlength="32" style="letter-spacing: 0.14em; font-family: var(--f-mono)" @input="updateField('invite_code', $event.target.value.toUpperCase())" @blur="touched.invite_code = true" />
+                        </div>
+                        <div v-if="errorFor('invite_code')" class="join-error">{{ errorFor('invite_code') }}</div>
+                        <div v-else class="join-hint">{{ hints.invite_code }}</div>
+                    </div>
+
+                    <div class="join-row">
+                        <div :class="['join-field', { 'has-error': errorFor('password') }]">
+                            <label class="join-label">Пароль</label>
+                            <div class="join-input"><input type="password" name="password" autocomplete="new-password" placeholder="Минимум 8 символов" :value="form.password" maxlength="32" @input="updateField('password', $event.target.value)" @blur="touched.password = true" /></div>
+                            <div v-if="errorFor('password')" class="join-error">{{ errorFor('password') }}</div>
+                        </div>
+                        <div :class="['join-field', { 'has-error': errorFor('password_confirmation') }]">
+                            <label class="join-label">Повтор пароля</label>
+                            <div class="join-input"><input type="password" name="password_confirmation" autocomplete="new-password" placeholder="Повтори пароль" :value="form.password_confirmation" maxlength="32" @input="updateField('password_confirmation', $event.target.value)" @blur="touched.password_confirmation = true" /></div>
+                            <div v-if="errorFor('password_confirmation')" class="join-error">{{ errorFor('password_confirmation') }}</div>
+                        </div>
+                    </div>
+
+                    <label class="join-check">
+                        <input type="checkbox" name="terms" value="1" :checked="form.terms" @change="updateField('terms', $event.target.checked)" />
+                        <span class="box" aria-hidden="true"></span>
+                        <span>Я принимаю <a href="#">правила сервера</a> и согласен на обработку данных для создания игрового аккаунта.</span>
+                    </label>
+                    <div v-if="errorFor('terms')" class="join-error">{{ errorFor('terms') }}</div>
+
+                    <button type="submit" :class="['btn btn-primary join-submit', { 'is-disabled': !valid || submitting }]" :disabled="!valid || submitting">
+                        {{ submitting ? 'Создаем аккаунт...' : 'Зарегистрировать аккаунт' }} <span v-html="arrowSvg"></span>
+                    </button>
+                </form>
+            </div>
+        </div>
+    </section>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Nav.vue b/resources/js/Pages/Landing/Components/Nav.vue
new file mode 100644
index 0000000..ba513aa
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Nav.vue
@@ -0,0 +1,83 @@
+<script setup>
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { arrowSvg, moonMark, navLinks } from './symbols';
+
+const props = defineProps({
+    auth: { type: Object, required: true },
+    playUrl: { type: String, required: true },
+    realm: { type: Object, required: true },
+});
+
+const scrolled = ref(false);
+const open = ref(false);
+const cabinetHref = computed(() => props.auth.authenticated ? props.auth.cabinet_url : (props.auth.login_url || '/login'));
+
+const close = () => {
+    open.value = false;
+};
+
+const onScroll = () => {
+    scrolled.value = window.scrollY > 40;
+};
+
+onMounted(() => window.addEventListener('scroll', onScroll, { passive: true }));
+onBeforeUnmount(() => {
+    document.body.style.overflow = '';
+    window.removeEventListener('scroll', onScroll);
+});
+
+watch(open, (value) => {
+    document.body.style.overflow = value ? 'hidden' : '';
+});
+</script>
+
+<template>
+    <nav :class="['nav', { scrolled }]">
+        <div class="wrap nav-inner">
+            <a href="#" class="nav-logo" @click="close">
+                <span class="nav-logo-mark" style="color: var(--moon)" v-html="moonMark(32)"></span>
+                <span>MoonWell</span>
+            </a>
+
+            <div class="nav-links nav-links-desktop">
+                <a v-for="link in navLinks" :key="link.href" :href="link.href">{{ link.label }}</a>
+                <a v-if="auth.is_admin" :href="auth.admin_url">Админка</a>
+                <a :href="cabinetHref" class="nav-cta">
+                    {{ auth.authenticated ? 'Личный кабинет' : 'Войти в кабинет' }}
+                    <span style="color: var(--moon)" v-html="arrowSvg"></span>
+                </a>
+                <a :href="playUrl" class="nav-cta">Играть <span style="color: var(--moon)" v-html="arrowSvg"></span></a>
+            </div>
+
+            <button :class="['nav-burger', { 'is-open': open }]" :aria-label="open ? 'Закрыть меню' : 'Открыть меню'" :aria-expanded="open" @click="open = !open">
+                <span></span><span></span><span></span>
+            </button>
+        </div>
+
+        <div :class="['nav-drawer-backdrop', { 'is-open': open }]" aria-hidden="true" @click="close"></div>
+        <aside :class="['nav-drawer', { 'is-open': open }]" :aria-hidden="!open">
+            <div class="nav-drawer-head"><span class="eyebrow">Навигация</span></div>
+            <div class="nav-drawer-links">
+                <a v-for="(link, index) in navLinks" :key="link.href" :href="link.href" :style="{ transitionDelay: `${60 + index * 40}ms` }" @click="close">
+                    <span class="num">{{ String(index + 1).padStart(2, '0') }}</span>
+                    <span class="lbl">{{ link.label }}</span>
+                    <span class="arr" v-html="arrowSvg"></span>
+                </a>
+                <a :href="cabinetHref" @click="close">
+                    <span class="num">05</span>
+                    <span class="lbl">{{ auth.authenticated ? 'Личный кабинет' : 'Войти в кабинет' }}</span>
+                    <span class="arr" v-html="arrowSvg"></span>
+                </a>
+                <a v-if="auth.is_admin" :href="auth.admin_url" @click="close">
+                    <span class="num">06</span>
+                    <span class="lbl">Админка</span>
+                    <span class="arr" v-html="arrowSvg"></span>
+                </a>
+            </div>
+            <a :href="playUrl" class="btn btn-primary nav-drawer-cta" @click="close">Играть <span v-html="arrowSvg"></span></a>
+            <div class="nav-drawer-foot">
+                <span class="eyebrow" style="color: var(--text-mute)">moonwell · {{ realm.client_version || '3.3.5a' }}</span>
+            </div>
+        </aside>
+    </nav>
+</template>
diff --git a/resources/js/Pages/Landing/Components/News.vue b/resources/js/Pages/Landing/Components/News.vue
new file mode 100644
index 0000000..dd5c46d
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/News.vue
@@ -0,0 +1,36 @@
+<script setup>
+defineProps({ posts: { type: Array, default: () => [] } });
+</script>
+
+<template>
+    <section id="news" data-screen-label="04 News">
+        <div class="wrap">
+            <div class="section-head reveal">
+                <span class="eyebrow">Хроники сервера</span>
+                <div style="height: 20px"></div>
+                <h2 class="h-display" style="font-size: clamp(36px, 5vw, 60px)">Новости и патчноуты</h2>
+                <div class="divider-ornament">✦</div>
+            </div>
+
+            <div v-if="posts.length" class="news-grid">
+                <article v-for="post in posts" :key="post.id || post.title" :class="['news-card', 'reveal', { featured: post.featured }]">
+                    <div class="news-meta">
+                        <span :class="['news-tag', post.tagType || 'patch']">{{ post.tag }}</span>
+                        <span v-if="post.date">{{ post.date }}</span>
+                    </div>
+                    <div v-if="post.featured" class="news-placeholder" :style="post.image_url ? { backgroundImage: `url(${post.image_url})`, backgroundSize: 'cover', backgroundPosition: 'center', color: 'transparent' } : {}">
+                        {{ post.image_url ? post.title : '[ placeholder ] · 1600x800' }}
+                    </div>
+                    <h3 class="news-title">{{ post.title }}</h3>
+                    <p class="news-excerpt">{{ post.excerpt }}</p>
+                </article>
+            </div>
+
+            <div v-else class="news-empty reveal" style="text-align: center; padding: 80px 24px; border: 1px dashed var(--panel-border-strong); border-radius: var(--radius); background: rgba(127, 184, 212, 0.02)">
+                <div style="font-size: 28px; color: var(--moon); margin-bottom: 14px">✦</div>
+                <h3 class="h-display" style="font-size: 24px; margin-bottom: 10px">Пока новостей нет</h3>
+                <p class="lead" style="font-style: italic; max-width: 520px; margin: 0 auto">Хроники сервера еще не открыли первую страницу. Загляни позже - здесь появятся патчноуты, события и девблоги.</p>
+            </div>
+        </div>
+    </section>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Realm.vue b/resources/js/Pages/Landing/Components/Realm.vue
new file mode 100644
index 0000000..1303d09
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Realm.vue
@@ -0,0 +1,32 @@
+<script setup>
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
+
+const props = defineProps({ realm: { type: Object, required: true } });
+const ping = ref(props.realm.ping ?? 38);
+const isOnline = computed(() => props.realm.online !== false);
+const players = computed(() => typeof props.realm.players === 'number' ? props.realm.players.toLocaleString('ru-RU') : '-');
+const factions = computed(() => props.realm.factions || { alliance: 50, horde: 50 });
+let timer;
+
+onMounted(() => {
+    if (!isOnline.value) return;
+    timer = window.setInterval(() => {
+        ping.value = Math.max(20, Math.min(80, ping.value + Math.round((Math.random() - 0.5) * 6)));
+    }, 2200);
+});
+
+onBeforeUnmount(() => window.clearInterval(timer));
+</script>
+
+<template>
+    <div class="wrap realm reveal">
+        <div class="realm-panel">
+            <div class="realm-status"><span class="orb"></span><span class="label">{{ isOnline ? 'Онлайн' : 'Оффлайн' }}</span></div>
+            <div class="realm-name">{{ realm.name || "Elune's Grace" }}<small>{{ realm.mode || 'PvE · x1 rate · RU' }}</small></div>
+            <div class="realm-stat"><span class="k">Игроков</span><span class="v">{{ players }}</span></div>
+            <div class="realm-stat"><span class="k">Аптайм</span><span class="v small">{{ realm.uptime || '99.94%' }}</span></div>
+            <div class="realm-stat"><span class="k">Пинг</span><span class="v small">{{ isOnline ? `${ping} ms` : '-' }}</span></div>
+            <div class="realm-stat"><span class="k">Фракции</span><span class="v small">{{ factions.alliance }} / {{ factions.horde }}</span></div>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/Pages/Landing/Components/Tweaks.vue b/resources/js/Pages/Landing/Components/Tweaks.vue
new file mode 100644
index 0000000..1459292
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/Tweaks.vue
@@ -0,0 +1,73 @@
+<script setup>
+import { onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
+
+const props = defineProps({ tweaks: { type: Object, default: () => ({}) } });
+const open = ref(false);
+const state = reactive({
+    variant: 'forest',
+    particles: true,
+    moon: true,
+    ...props.tweaks,
+    ...readStoredTweaks(),
+});
+
+function readStoredTweaks() {
+    try {
+        return JSON.parse(localStorage.getItem('moonwell.tweaks') || '{}');
+    } catch {
+        return {};
+    }
+}
+
+function applyTweaks() {
+    document.body.dataset.variant = state.variant;
+    document.body.dataset.particles = state.particles ? 'true' : 'false';
+    document.body.dataset.moon = state.moon ? 'true' : 'false';
+}
+
+const onKey = (event) => {
+    if (event.key === '`' || (event.altKey && event.key.toLowerCase() === 't')) {
+        open.value = !open.value;
+    }
+};
+
+onMounted(() => {
+    applyTweaks();
+    window.addEventListener('keydown', onKey);
+});
+onBeforeUnmount(() => window.removeEventListener('keydown', onKey));
+
+watch(state, () => {
+    applyTweaks();
+    try {
+        localStorage.setItem('moonwell.tweaks', JSON.stringify(state));
+    } catch {
+        // Appearance preferences are non-critical.
+    }
+}, { deep: true });
+</script>
+
+<template>
+    <button class="tweaks-fab" aria-label="Tweaks" title="Настройки внешнего вида (alt+T)" @click="open = !open">✦</button>
+    <div :class="['tweaks', { open }]">
+        <div class="tweaks-title">
+            <span>Tweaks</span>
+            <button aria-label="Close" @click="open = false">×</button>
+        </div>
+        <div class="tweak-row">
+            <label>Настроение</label>
+            <div class="tweak-seg">
+                <button :class="{ active: state.variant === 'forest' }" @click="state.variant = 'forest'">Лес</button>
+                <button :class="{ active: state.variant === 'temple' }" @click="state.variant = 'temple'">Храм</button>
+            </div>
+        </div>
+        <div class="tweak-row">
+            <label>Частицы и анимации</label>
+            <div :class="['tweak-switch', { on: state.particles }]" role="switch" :aria-checked="state.particles" @click="state.particles = !state.particles"></div>
+        </div>
+        <div class="tweak-row">
+            <label>Луна на фоне</label>
+            <div :class="['tweak-switch', { on: state.moon }]" role="switch" :aria-checked="state.moon" @click="state.moon = !state.moon"></div>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/Pages/Landing/Components/symbols.js b/resources/js/Pages/Landing/Components/symbols.js
new file mode 100644
index 0000000..bd2ea65
--- /dev/null
+++ b/resources/js/Pages/Landing/Components/symbols.js
@@ -0,0 +1,38 @@
+export const navLinks = [
+    { href: '#about', label: 'О сервере' },
+    { href: '#features', label: 'Особенности' },
+    { href: '#join', label: 'Регистрация' },
+    { href: '#news', label: 'Новости' },
+];
+
+export const features = [
+    ['I', 'Сигнатурная фича', 'Индивидуальный прогресс по эпохам', 'Пока твой герой не увидел финал Классики - Outland закрыт. Пока не закрыт Illidan - Нортренд в тумане. Каждый идет в своем темпе, без скипов.', 'span-6', 'path'],
+    ['II', '', 'Соло-данжи', 'Любое подземелье проходимо в одиночку: мы скейлим боссов и механики под размер отряда - от 1 до 5.', 'span-3', 'solo'],
+    ['III', '', 'Режим «Предатель»', 'При создании персонаж Альянса может встать на сторону Орды (и наоборот). Отдельные сюжеты, NPC, репутации.', 'span-3', 'mask'],
+    ['IV', 'В разработке', 'Ликантропия', 'Воргены как болезнь: заражайся, сопротивляйся, или прими форму. Твой выбор - твой путь.', 'span-4', 'wolf'],
+    ['V', '', 'Mythic+ без потолка', 'Бесконечное масштабирование уровня ключа. Каждую неделю - новые аффиксы.', 'span-4', 'mythic'],
+    ['VI', 'В разработке', 'Боевой пропуск · магазин наград', 'Ежедневные и еженедельные задания, ежедневные награды за вход, косметика в магазине.', 'span-4', 'pass'],
+    ['VII', 'В разработке', 'Коллекции', 'Питомцы, ездовые животные, трансмогрификация - все в одном журнале, с фильтрами и прогрессом.', 'span-6', 'collection'],
+    ['VIII', 'Side Project', 'MoonWell Karts', 'Отдельная мини-игра в нашей инфраструктуре - аркадные гонки с персонажами сервера. В разработке.', 'span-6', 'kart'],
+].map(([num, tag, title, desc, span, icon]) => ({ num, tag, title, desc, span, icon }));
+
+export const steps = [
+    { name: 'Classic', lvl: '1-60', status: 'Активно', state: 'live' },
+    { name: 'The Burning Crusade', lvl: '60-70', status: 'Следующая эпоха', state: 'current' },
+    { name: 'Wrath of the Lich King', lvl: '70-80', status: 'Закрыто за туманом', state: 'locked' },
+];
+
+export const iconPaths = {
+    path: '<path d="M3 20 L8 12 L12 16 L16 6 L21 14" /><circle cx="8" cy="12" r="1.2" fill="currentColor" /><circle cx="12" cy="16" r="1.2" fill="currentColor" /><circle cx="16" cy="6" r="1.2" fill="currentColor" />',
+    solo: '<circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /><circle cx="12" cy="12" r=".8" fill="currentColor" />',
+    mask: '<path d="M4 8c2-2 5-3 8-3s6 1 8 3v5c-1 4-4 7-8 7s-7-3-8-7z" /><path d="M8 11l2 2" /><path d="M16 11l-2 2" />',
+    wolf: '<path d="M3 9l3-5 3 4h6l3-4 3 5-2 3v5l-4 3h-6l-4-3V12z" /><circle cx="9" cy="13" r=".8" fill="currentColor" /><circle cx="15" cy="13" r=".8" fill="currentColor" />',
+    mythic: '<polygon points="12 3 15 9 22 10 17 15 18 22 12 19 6 22 7 15 2 10 9 9" />',
+    pass: '<rect x="3" y="6" width="18" height="14" rx="1" /><path d="M3 10h18" /><path d="M7 14h6" /><circle cx="17" cy="15" r="1.2" />',
+    collection: '<rect x="3" y="3" width="8" height="8" /><rect x="13" y="3" width="8" height="8" /><rect x="3" y="13" width="8" height="8" /><circle cx="17" cy="17" r="4" />',
+    kart: '<path d="M3 15l2-5h8l4 3h4v2" /><circle cx="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M9 15h4" />',
+};
+
+export const arrowSvg = '<svg class="btn-arrow" viewBox="0 0 14 10" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M1 5h12M9 1l4 4-4 4" /></svg>';
+
+export const moonMark = (size = 32) => `<svg viewBox="0 0 32 32" width="${size}" height="${size}" fill="none" stroke="currentColor" stroke-width="1"><circle cx="16" cy="16" r="11" stroke-opacity="0.3" /><path d="M20 7 A11 11 0 1 0 20 25 A8 8 0 1 1 20 7 Z" fill="currentColor" fill-opacity="0.7" /><circle cx="16" cy="16" r="15" stroke-opacity="0.15" stroke-dasharray="1 3" /><path d="M16 1 L16 4 M16 28 L16 31 M1 16 L4 16 M28 16 L31 16" stroke-opacity="0.4" /></svg>`;
diff --git a/resources/js/Pages/Landing/Main.vue b/resources/js/Pages/Landing/Main.vue
new file mode 100644
index 0000000..b242df2
--- /dev/null
+++ b/resources/js/Pages/Landing/Main.vue
@@ -0,0 +1,65 @@
+<script setup>
+import { Head } from '@inertiajs/vue3';
+import { computed, onBeforeUnmount, onMounted } from 'vue';
+import About from './Components/About.vue';
+import Background from './Components/Background.vue';
+import Features from './Components/Features.vue';
+import Footer from './Components/Footer.vue';
+import Hero from './Components/Hero.vue';
+import Join from './Components/Join.vue';
+import Nav from './Components/Nav.vue';
+import News from './Components/News.vue';
+import Realm from './Components/Realm.vue';
+import Tweaks from './Components/Tweaks.vue';
+
+const props = defineProps({
+    realm: { type: Object, required: true },
+    playUrl: { type: String, required: true },
+    posts: { type: Array, default: () => [] },
+    tweaks: { type: Object, default: () => ({}) },
+    registerEndpoint: { type: String, required: true },
+    csrfToken: { type: String, required: true },
+    auth: { type: Object, default: () => ({}) },
+    flash: { type: Object, default: () => ({}) },
+});
+
+const pageTitle = computed(() => `${props.realm.server_name || 'MoonWell'} - Лунный Колодец`);
+let revealObserver;
+
+onMounted(() => {
+    document.documentElement.lang = 'ru';
+    revealObserver = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+                entry.target.classList.add('is-visible');
+                revealObserver.unobserve(entry.target);
+            }
+        });
+    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });
+
+    document.querySelectorAll('.reveal').forEach((el) => revealObserver.observe(el));
+});
+
+onBeforeUnmount(() => revealObserver?.disconnect());
+</script>
+
+<template>
+    <Head>
+        <title>{{ pageTitle }}</title>
+        <meta name="description" :content="realm.tagline || 'MoonWell - приватный сервер World of Warcraft 3.3.5a'" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
+    </Head>
+
+    <Background />
+    <Nav :auth="auth" :play-url="playUrl" :realm="realm" />
+    <Hero :play-url="playUrl" />
+    <Realm :realm="realm" />
+    <About />
+    <Features />
+    <Join :register-endpoint="registerEndpoint" :csrf-token="csrfToken" :auth="auth" :flash="flash" />
+    <News :posts="posts" />
+    <Footer :play-url="playUrl" />
+    <Tweaks :tweaks="tweaks" />
+</template>
diff --git a/resources/js/app.js b/resources/js/app.js
index e59d6a0..354c530 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1 +1,17 @@
-import './bootstrap';
+import '../css/moonwell.css';
+
+import { createInertiaApp } from '@inertiajs/vue3';
+import { createApp, h } from 'vue';
+
+createInertiaApp({
+    resolve: (name) => {
+        const pages = import.meta.glob('./Pages/**/*.vue', { eager: true });
+
+        return pages[`./Pages/${name}.vue`];
+    },
+    setup({ el, App, props, plugin }) {
+        createApp({ render: () => h(App, props) })
+            .use(plugin)
+            .mount(el);
+    },
+});
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
new file mode 100644
index 0000000..71e6458
--- /dev/null
+++ b/resources/views/app.blade.php
@@ -0,0 +1,11 @@
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        @vite('resources/js/app.js')
+        <x-inertia::head />
+    </head>
+    <body>
+        <x-inertia::app />
+    </body>
+</html>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index de62e18..c3c7b7a 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,6 +2,7 @@ import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
+import vue from '@vitejs/plugin-vue';
 
 export default defineConfig({
     plugins: [
@@ -9,12 +10,12 @@ export default defineConfig({
             input: [
                 'resources/css/app.css',
                 'resources/js/app.js',
-                'resources/js/moonwell/main.jsx',
             ],
             refresh: true,
         }),
         tailwindcss(),
         react(),
+        vue(),
     ],
     server: {
         watch: {