diff --git a/app/Filament/Resources/SupportTicketResource.php b/app/Filament/Resources/SupportTicketResource.php
new file mode 100644
index 00000000..2b1840cd
--- /dev/null
+++ b/app/Filament/Resources/SupportTicketResource.php
@@ -0,0 +1,157 @@
+<?php
+
+namespace App\Filament\Resources;
+
+use App\Filament\Resources\SupportTicketResource\Pages;
+use App\Models\SupportTicket;
+use App\SupportTicket\Status;
+use Filament\Actions;
+use Filament\Infolists;
+use Filament\Resources\Resource;
+use Filament\Schemas\Components\Section;
+use Filament\Schemas\Schema;
+use Filament\Tables;
+use Filament\Tables\Table;
+
+class SupportTicketResource extends Resource
+{
+    protected static ?string $model = SupportTicket::class;
+
+    protected static \BackedEnum|string|null $navigationIcon = 'heroicon-o-ticket';
+
+    protected static ?string $navigationLabel = 'Support Tickets';
+
+    protected static ?string $pluralModelLabel = 'Support Tickets';
+
+    public static function canCreate(): bool
+    {
+        return false;
+    }
+
+    public static function infolist(Schema $schema): Schema
+    {
+        return $schema
+            ->columns(2)
+            ->schema([
+                Section::make('Ticket Details')
+                    ->schema([
+                        Infolists\Components\TextEntry::make('mask')
+                            ->label('Ticket ID'),
+                        Infolists\Components\TextEntry::make('status')
+                            ->badge()
+                            ->color(fn (Status $state): string => match ($state) {
+                                Status::OPEN => 'warning',
+                                Status::IN_PROGRESS => 'info',
+                                Status::ON_HOLD => 'gray',
+                                Status::RESPONDED => 'success',
+                                Status::CLOSED => 'danger',
+                            }),
+                        Infolists\Components\TextEntry::make('product')
+                            ->label('Product'),
+                        Infolists\Components\TextEntry::make('issue_type')
+                            ->label('Issue Type')
+                            ->placeholder('N/A'),
+                        Infolists\Components\TextEntry::make('user.email')
+                            ->label('User')
+                            ->url(fn (SupportTicket $record): string => UserResource::getUrl('edit', ['record' => $record->user_id])),
+                        Infolists\Components\TextEntry::make('created_at')
+                            ->label('Created')
+                            ->dateTime(),
+                        Infolists\Components\TextEntry::make('updated_at')
+                            ->label('Updated')
+                            ->dateTime(),
+                    ])
+                    ->columns(2)
+                    ->collapsible()
+                    ->persistCollapsed()
+                    ->columnSpan(1),
+
+                Section::make('Context')
+                    ->schema([
+                        Infolists\Components\TextEntry::make('subject')
+                            ->label('Subject')
+                            ->columnSpanFull(),
+                        Infolists\Components\TextEntry::make('message')
+                            ->label('Message')
+                            ->markdown()
+                            ->columnSpanFull(),
+                    ])
+                    ->collapsible()
+                    ->persistCollapsed()
+                    ->columnSpan(1),
+            ]);
+    }
+
+    public static function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                Tables\Columns\TextColumn::make('mask')
+                    ->label('ID')
+                    ->searchable()
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('subject')
+                    ->searchable()
+                    ->sortable()
+                    ->limit(50),
+
+                Tables\Columns\TextColumn::make('user.email')
+                    ->label('User')
+                    ->searchable()
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('product')
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('status')
+                    ->badge()
+                    ->color(fn (Status $state): string => match ($state) {
+                        Status::OPEN => 'warning',
+                        Status::IN_PROGRESS => 'info',
+                        Status::ON_HOLD => 'gray',
+                        Status::RESPONDED => 'success',
+                        Status::CLOSED => 'danger',
+                    })
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('created_at')
+                    ->label('Created')
+                    ->dateTime()
+                    ->sortable(),
+            ])
+            ->filters([
+                Tables\Filters\SelectFilter::make('status')
+                    ->options(collect(Status::cases())->mapWithKeys(fn (Status $s) => [$s->value => $s->name])),
+                Tables\Filters\SelectFilter::make('product')
+                    ->options([
+                        'mobile' => 'Mobile',
+                        'desktop' => 'Desktop',
+                        'bifrost' => 'Bifrost',
+                        'nativephp.com' => 'NativePHP.com',
+                    ]),
+            ])
+            ->actions([
+                Actions\ViewAction::make(),
+            ])
+            ->bulkActions([
+                Actions\BulkActionGroup::make([
+                    Actions\DeleteBulkAction::make(),
+                ]),
+            ])
+            ->defaultSort('created_at', 'desc');
+    }
+
+    public static function getRelations(): array
+    {
+        return [];
+    }
+
+    public static function getPages(): array
+    {
+        return [
+            'index' => Pages\ListSupportTickets::route('/'),
+            'view' => Pages\ViewSupportTicket::route('/{record}'),
+        ];
+    }
+}
diff --git a/app/Filament/Resources/SupportTicketResource/Pages/ListSupportTickets.php b/app/Filament/Resources/SupportTicketResource/Pages/ListSupportTickets.php
new file mode 100644
index 00000000..4c356473
--- /dev/null
+++ b/app/Filament/Resources/SupportTicketResource/Pages/ListSupportTickets.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Filament\Resources\SupportTicketResource\Pages;
+
+use App\Filament\Resources\SupportTicketResource;
+use Filament\Resources\Pages\ListRecords;
+
+class ListSupportTickets extends ListRecords
+{
+    protected static string $resource = SupportTicketResource::class;
+}
diff --git a/app/Filament/Resources/SupportTicketResource/Pages/ViewSupportTicket.php b/app/Filament/Resources/SupportTicketResource/Pages/ViewSupportTicket.php
new file mode 100644
index 00000000..a90b5c5f
--- /dev/null
+++ b/app/Filament/Resources/SupportTicketResource/Pages/ViewSupportTicket.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Filament\Resources\SupportTicketResource\Pages;
+
+use App\Filament\Resources\SupportTicketResource;
+use App\Filament\Resources\SupportTicketResource\Widgets\TicketRepliesWidget;
+use App\SupportTicket\Status;
+use Filament\Actions;
+use Filament\Resources\Pages\ViewRecord;
+
+class ViewSupportTicket extends ViewRecord
+{
+    protected static string $resource = SupportTicketResource::class;
+
+    protected function getHeaderActions(): array
+    {
+        return [
+            Actions\Action::make('updateStatus')
+                ->label('Update Status')
+                ->icon('heroicon-o-arrow-path')
+                ->form([
+                    \Filament\Forms\Components\Select::make('status')
+                        ->label('Status')
+                        ->options(collect(Status::cases())->mapWithKeys(fn (Status $s) => [$s->value => ucwords(str_replace('_', ' ', $s->value))]))
+                        ->required(),
+                ])
+                ->fillForm(fn () => ['status' => $this->record->status->value])
+                ->action(function (array $data): void {
+                    $this->record->update(['status' => $data['status']]);
+                    $this->refreshFormData(['status']);
+                }),
+        ];
+    }
+
+    protected function getFooterWidgets(): array
+    {
+        return [
+            TicketRepliesWidget::class,
+        ];
+    }
+}
diff --git a/app/Filament/Resources/SupportTicketResource/RelationManagers/RepliesRelationManager.php b/app/Filament/Resources/SupportTicketResource/RelationManagers/RepliesRelationManager.php
new file mode 100644
index 00000000..2c4d5ae4
--- /dev/null
+++ b/app/Filament/Resources/SupportTicketResource/RelationManagers/RepliesRelationManager.php
@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Filament\Resources\SupportTicketResource\RelationManagers;
+
+use App\Models\SupportTicket\Reply;
+use App\Notifications\SupportTicketReplied;
+use Filament\Forms;
+use Filament\Resources\RelationManagers\RelationManager;
+use Filament\Schemas\Schema;
+use Filament\Tables;
+use Filament\Tables\Table;
+
+class RepliesRelationManager extends RelationManager
+{
+    protected static string $relationship = 'replies';
+
+    protected static ?string $title = 'Replies';
+
+    protected static bool $shouldSkipAuthorization = true;
+
+    public function isReadOnly(): bool
+    {
+        return false;
+    }
+
+    public function form(Schema $schema): Schema
+    {
+        return $schema
+            ->schema([
+                Forms\Components\Textarea::make('message')
+                    ->required()
+                    ->maxLength(5000)
+                    ->columnSpanFull(),
+                Forms\Components\Toggle::make('note')
+                    ->label('Internal note (not visible to user)')
+                    ->default(false),
+            ]);
+    }
+
+    public function table(Table $table): Table
+    {
+        return $table
+            ->columns([
+                Tables\Columns\TextColumn::make('user.name')
+                    ->label('Author')
+                    ->sortable(),
+
+                Tables\Columns\TextColumn::make('message')
+                    ->limit(80)
+                    ->tooltip(fn ($record) => $record->message),
+
+                Tables\Columns\IconColumn::make('note')
+                    ->label('Note')
+                    ->boolean(),
+
+                Tables\Columns\TextColumn::make('created_at')
+                    ->label('Date')
+                    ->dateTime()
+                    ->sortable(),
+            ])
+            ->defaultSort('created_at', 'desc')
+            ->headerActions([
+                Tables\Actions\CreateAction::make()
+                    ->label('Add Reply')
+                    ->mutateFormDataUsing(function (array $data): array {
+                        $data['user_id'] = auth()->id();
+
+                        return $data;
+                    })
+                    ->after(function (Reply $record): void {
+                        if ($record->note) {
+                            return;
+                        }
+
+                        $ticket = $this->getOwnerRecord();
+                        $ticket->user->notify(new SupportTicketReplied($ticket, $record));
+                    }),
+            ])
+            ->actions([
+                //
+            ]);
+    }
+}
diff --git a/app/Filament/Resources/SupportTicketResource/Widgets/TicketRepliesWidget.php b/app/Filament/Resources/SupportTicketResource/Widgets/TicketRepliesWidget.php
new file mode 100644
index 00000000..fa7cd8fb
--- /dev/null
+++ b/app/Filament/Resources/SupportTicketResource/Widgets/TicketRepliesWidget.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Filament\Resources\SupportTicketResource\Widgets;
+
+use App\Notifications\SupportTicketReplied;
+use Filament\Widgets\Widget;
+use Illuminate\Database\Eloquent\Model;
+
+class TicketRepliesWidget extends Widget
+{
+    protected string $view = 'filament.resources.support-ticket-resource.widgets.ticket-replies';
+
+    public ?Model $record = null;
+
+    public string $newMessage = '';
+
+    public bool $isNote = false;
+
+    protected int|string|array $columnSpan = 'full';
+
+    protected function getListeners(): array
+    {
+        return [];
+    }
+
+    public function sendReply(): void
+    {
+        $this->validate([
+            'newMessage' => ['required', 'string', 'max:5000'],
+        ]);
+
+        $reply = $this->record->replies()->create([
+            'user_id' => auth()->id(),
+            'message' => $this->newMessage,
+            'note' => $this->isNote,
+        ]);
+
+        if (! $this->isNote) {
+            $this->record->user->notify(new SupportTicketReplied($this->record, $reply));
+        }
+
+        $this->newMessage = '';
+        $this->isNote = false;
+    }
+}
diff --git a/app/Http/Controllers/Account/AuthController.php b/app/Http/Controllers/Account/AuthController.php
new file mode 100644
index 00000000..548c8bc4
--- /dev/null
+++ b/app/Http/Controllers/Account/AuthController.php
@@ -0,0 +1,69 @@
+<?php
+
+namespace App\Http\Controllers\Account;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\LoginRequest;
+use Illuminate\Http\Request;
+use Illuminate\Support\Carbon;
+
+class AuthController extends Controller
+{
+    public function login()
+    {
+        return view('account.auth.login');
+    }
+
+    public function logout()
+    {
+        auth()->logout();
+        session()->regenerateToken();
+
+        return redirect()->route('account.login');
+    }
+
+    /**
+     * Process the login request.
+     *
+     * @TODO Implement additional brute-force protection with custom blocked IPs model.
+     *
+     * @return \Illuminate\Http\RedirectResponse
+     *
+     * @throws \Illuminate\Validation\ValidationException
+     */
+    public function processLogin(LoginRequest $request)
+    {
+        $credentials = $request->only('email', 'password');
+        $key = 'login-attempt:'.$request->ip();
+        $attemptsPerHour = 5;
+
+        if (\RateLimiter::tooManyAttempts($key, $attemptsPerHour)) {
+            $blockedUntil = Carbon::now()
+                ->addSeconds(\RateLimiter::availableIn($key))
+                ->diffInMinutes(Carbon::now());
+
+            return back()
+                ->withInput($request->only(['email', 'remember']))
+                ->withErrors([
+                    'email' => 'Too many login attempts. Please try again in '
+                        .$blockedUntil.' minutes.',
+                ]);
+        }
+
+        if (auth()->attempt($credentials, $request->boolean('remember'))) {
+            session()->regenerate();
+
+            \RateLimiter::clear($key);
+
+            return redirect()->intended('/account');
+        }
+
+        \RateLimiter::increment($key, 3600);
+
+        return back()
+            ->withInput($request->only('email'))
+            ->withErrors([
+                'email' => 'The provided credentials do not match our records.',
+            ]);
+    }
+}
diff --git a/app/Http/Requests/LoginRequest.php b/app/Http/Requests/LoginRequest.php
new file mode 100644
index 00000000..58c936e9
--- /dev/null
+++ b/app/Http/Requests/LoginRequest.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class LoginRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, \Illuminate\Contracts\Validation\ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'email' => 'required|email',
+            'password' => 'required|string',
+        ];
+    }
+}
diff --git a/app/Livewire/Customer/Support/Create.php b/app/Livewire/Customer/Support/Create.php
new file mode 100644
index 00000000..19ee094b
--- /dev/null
+++ b/app/Livewire/Customer/Support/Create.php
@@ -0,0 +1,214 @@
+<?php
+
+namespace App\Livewire\Customer\Support;
+
+use App\Models\Plugin;
+use App\Models\SupportTicket;
+use App\Notifications\SupportTicketSubmitted;
+use App\SupportTicket\Status;
+use Illuminate\Support\Facades\Notification;
+use Illuminate\Support\Str;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Locked;
+use Livewire\Attributes\Title;
+use Livewire\Component;
+
+#[Layout('components.layouts.dashboard')]
+#[Title('Submit a Request')]
+class Create extends Component
+{
+    #[Locked]
+    public int $currentStep = 1;
+
+    /** Step 1: Product selection */
+    public string $selectedProduct = '';
+
+    /** Step 2: Context questions */
+    public string $mobileAreaType = '';
+
+    public string $mobileArea = '';
+
+    public string $issueType = '';
+
+    public string $tryingToDo = '';
+
+    public string $whatHappened = '';
+
+    public string $reproductionSteps = '';
+
+    public string $environment = '';
+
+    /** Step 3: Subject + Message */
+    public string $subject = '';
+
+    public string $message = '';
+
+    public function updatedSelectedProduct(): void
+    {
+        $this->mobileAreaType = '';
+        $this->mobileArea = '';
+        $this->issueType = '';
+        $this->tryingToDo = '';
+        $this->whatHappened = '';
+        $this->reproductionSteps = '';
+        $this->environment = '';
+        $this->subject = '';
+        $this->message = '';
+        $this->resetValidation();
+    }
+
+    public function updatedMobileAreaType(): void
+    {
+        $this->mobileArea = '';
+    }
+
+    public function getShowMobileAreaProperty(): bool
+    {
+        return $this->selectedProduct === 'mobile';
+    }
+
+    public function getShowBugReportFieldsProperty(): bool
+    {
+        return in_array($this->selectedProduct, ['mobile', 'desktop']);
+    }
+
+    public function getShowIssueTypeProperty(): bool
+    {
+        return in_array($this->selectedProduct, ['bifrost', 'nativephp.com']);
+    }
+
+    public function nextStep(): void
+    {
+        if ($this->currentStep === 1) {
+            $this->validateStep1();
+        }
+
+        if ($this->currentStep === 2) {
+            $this->validateStep2();
+        }
+
+        $this->currentStep++;
+    }
+
+    public function previousStep(): void
+    {
+        $this->currentStep--;
+    }
+
+    public function submit(): void
+    {
+        $this->validateStep1();
+        $this->validateStep2();
+
+        $metadata = null;
+
+        if ($this->showMobileArea || $this->showBugReportFields) {
+            $metadata = array_filter([
+                'mobile_area_type' => $this->showMobileArea ? $this->mobileAreaType : null,
+                'mobile_area' => $this->showMobileArea && $this->mobileAreaType === 'plugin' ? $this->mobileArea : null,
+                'trying_to_do' => $this->showBugReportFields ? $this->tryingToDo : null,
+                'what_happened' => $this->showBugReportFields ? $this->whatHappened : null,
+                'reproduction_steps' => $this->showBugReportFields ? $this->reproductionSteps : null,
+                'environment' => $this->showBugReportFields ? $this->environment : null,
+            ]);
+        }
+
+        $subject = $this->subject;
+        $message = $this->message;
+
+        if ($this->showBugReportFields) {
+            $subject = Str::limit($this->tryingToDo, 252);
+            $message = "**What I was trying to do:**\n{$this->tryingToDo}\n\n"
+                ."**What happened instead:**\n{$this->whatHappened}\n\n"
+                ."**Steps to reproduce:**\n{$this->reproductionSteps}\n\n"
+                ."**Environment:**\n{$this->environment}";
+        }
+
+        $ticket = SupportTicket::create([
+            'user_id' => auth()->id(),
+            'subject' => $subject,
+            'message' => $message,
+            'status' => Status::OPEN,
+            'product' => $this->selectedProduct,
+            'issue_type' => $this->showIssueType ? $this->issueType : null,
+            'metadata' => $metadata ?: null,
+        ]);
+
+        Notification::route('mail', 'support@nativephp.com')
+            ->notify(new SupportTicketSubmitted($ticket));
+
+        $this->redirect(route('customer.support.tickets.show', $ticket), navigate: false);
+    }
+
+    protected function validateStep1(): void
+    {
+        $this->validate([
+            'selectedProduct' => ['required', 'string', 'in:mobile,desktop,bifrost,nativephp.com'],
+        ], [
+            'selectedProduct.required' => 'Please select a product.',
+            'selectedProduct.in' => 'Please select a valid product.',
+        ]);
+    }
+
+    protected function validateStep2(): void
+    {
+        $rules = [];
+        $messages = [];
+
+        if (! $this->showBugReportFields) {
+            $rules['subject'] = ['required', 'string', 'max:255'];
+            $rules['message'] = ['required', 'string', 'max:5000'];
+
+            $messages['subject.required'] = 'Please enter a subject for your ticket.';
+            $messages['subject.max'] = 'The subject must not exceed 255 characters.';
+            $messages['message.required'] = 'Please enter a message for your ticket.';
+            $messages['message.max'] = 'The message must not exceed 5000 characters.';
+        }
+
+        if ($this->showMobileArea) {
+            $rules['mobileAreaType'] = ['required', 'string', 'in:core,plugin'];
+
+            if ($this->mobileAreaType === 'plugin') {
+                $rules['mobileArea'] = ['required', 'string', 'max:255'];
+            }
+
+            $messages['mobileAreaType.required'] = 'Please select what the issue is related to.';
+            $messages['mobileArea.required'] = 'Please select a plugin or tool.';
+        }
+
+        if ($this->showBugReportFields) {
+            $rules['tryingToDo'] = ['required', 'string', 'max:5000'];
+            $rules['whatHappened'] = ['required', 'string', 'max:5000'];
+            $rules['reproductionSteps'] = ['required', 'string', 'max:5000'];
+            $rules['environment'] = ['required', 'string', 'max:1000'];
+
+            $messages['tryingToDo.required'] = 'Please describe what you were trying to do.';
+            $messages['whatHappened.required'] = 'Please describe what happened instead.';
+            $messages['reproductionSteps.required'] = 'Please provide steps to reproduce the issue.';
+            $messages['environment.required'] = 'Please describe your environment.';
+        }
+
+        if ($this->showIssueType) {
+            $rules['issueType'] = ['required', 'string', 'in:account_query,bug,feature_request,other'];
+
+            $messages['issueType.required'] = 'Please select an issue type.';
+        }
+
+        $this->validate($rules, $messages);
+    }
+
+    public function render()
+    {
+        $officialPlugins = collect();
+
+        if ($this->selectedProduct === 'mobile') {
+            $officialPlugins = Plugin::where('is_official', true)
+                ->orderBy('name')
+                ->pluck('name', 'id');
+        }
+
+        return view('livewire.customer.support.create', [
+            'officialPlugins' => $officialPlugins,
+        ]);
+    }
+}
diff --git a/app/Livewire/Customer/Support/Index.php b/app/Livewire/Customer/Support/Index.php
new file mode 100644
index 00000000..92970809
--- /dev/null
+++ b/app/Livewire/Customer/Support/Index.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Livewire\Customer\Support;
+
+use App\Models\SupportTicket;
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
+use Illuminate\Contracts\View\View;
+use Livewire\Attributes\Computed;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Title;
+use Livewire\Component;
+use Livewire\WithPagination;
+
+#[Layout('components.layouts.dashboard')]
+#[Title('Support Tickets')]
+class Index extends Component
+{
+    use WithPagination;
+
+    #[Computed]
+    public function supportTickets(): LengthAwarePaginator
+    {
+        return SupportTicket::where('user_id', auth()->id())
+            ->orderBy('status', 'desc')
+            ->orderBy('created_at', 'desc')
+            ->paginate(10);
+    }
+
+    public function render(): View
+    {
+        return view('livewire.customer.support.index');
+    }
+}
diff --git a/app/Livewire/Customer/Support/Show.php b/app/Livewire/Customer/Support/Show.php
new file mode 100644
index 00000000..895c813e
--- /dev/null
+++ b/app/Livewire/Customer/Support/Show.php
@@ -0,0 +1,69 @@
+<?php
+
+namespace App\Livewire\Customer\Support;
+
+use App\Models\SupportTicket;
+use App\Notifications\SupportTicketUserReplied;
+use App\SupportTicket\Status;
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Facades\Notification;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Title;
+use Livewire\Component;
+
+#[Layout('components.layouts.dashboard')]
+#[Title('Support Ticket')]
+class Show extends Component
+{
+    public SupportTicket $supportTicket;
+
+    public string $replyMessage = '';
+
+    public function mount(SupportTicket $supportTicket): void
+    {
+        $this->authorize('view', $supportTicket);
+
+        $supportTicket->load(['user', 'replies.user']);
+
+        $this->supportTicket = $supportTicket;
+    }
+
+    public function reply(): void
+    {
+        $this->authorize('reply', $this->supportTicket);
+
+        $this->validate([
+            'replyMessage' => ['required', 'string', 'max:5000'],
+        ]);
+
+        $reply = $this->supportTicket->replies()->create([
+            'user_id' => auth()->id(),
+            'message' => $this->replyMessage,
+            'note' => false,
+        ]);
+
+        Notification::route('mail', 'support@nativephp.com')
+            ->notify(new SupportTicketUserReplied($this->supportTicket, $reply));
+
+        $this->replyMessage = '';
+        $this->supportTicket->load(['user', 'replies.user']);
+
+        session()->flash('success', 'Your reply has been sent.');
+    }
+
+    public function closeTicket(): void
+    {
+        $this->authorize('closeTicket', $this->supportTicket);
+
+        $this->supportTicket->update([
+            'status' => Status::CLOSED,
+        ]);
+
+        session()->flash('success', __('account.support_ticket.close_ticket.success'));
+    }
+
+    public function render(): View
+    {
+        return view('livewire.customer.support.show');
+    }
+}
diff --git a/app/Models/SupportTicket.php b/app/Models/SupportTicket.php
new file mode 100644
index 00000000..9fe542cc
--- /dev/null
+++ b/app/Models/SupportTicket.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace App\Models;
+
+use App\Models\SupportTicket\Reply;
+use App\SupportTicket\Status;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class SupportTicket extends Model
+{
+    use HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'user_id',
+        'mask',
+        'subject',
+        'message',
+        'status',
+        'product',
+        'issue_type',
+        'metadata',
+    ];
+
+    protected function casts(): array
+    {
+        return [
+            'status' => Status::class,
+            'metadata' => 'array',
+        ];
+    }
+
+    protected static function booted()
+    {
+        static::creating(function ($ticket) {
+            if (is_null($ticket->mask)) {
+                // @TODO Generate a unique mask for the ticket
+                $ticket->mask = uniqid('ticket_');
+            }
+        });
+    }
+
+    public function getRouteKeyName(): string
+    {
+        return 'mask';
+    }
+
+    public function replies(): HasMany
+    {
+        return $this->hasMany(Reply::class)
+            ->orderBy('created_at', 'desc');
+    }
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+}
diff --git a/app/Models/SupportTicket/Reply.php b/app/Models/SupportTicket/Reply.php
new file mode 100644
index 00000000..beb363f7
--- /dev/null
+++ b/app/Models/SupportTicket/Reply.php
@@ -0,0 +1,51 @@
+<?php
+
+namespace App\Models\SupportTicket;
+
+use App\Models\SupportTicket;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Reply extends Model
+{
+    use HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'support_ticket_id',
+        'user_id',
+        'message',
+        'attachments',
+        'note',
+    ];
+
+    protected $casts = [
+        'attachments' => 'array',
+        'note' => 'boolean',
+    ];
+
+    public function isFromAdmin(): Attribute
+    {
+        return Attribute::get(fn () => $this->user->is_admin)
+            ->shouldCache();
+    }
+
+    public function isFromUser(): Attribute
+    {
+        return Attribute::get(fn () => $this->user_id === auth()->user()->id)
+            ->shouldCache();
+    }
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function supportTicket(): BelongsTo
+    {
+        return $this->belongsTo(SupportTicket::class);
+    }
+}
diff --git a/app/Notifications/SupportTicketReplied.php b/app/Notifications/SupportTicketReplied.php
new file mode 100644
index 00000000..49236beb
--- /dev/null
+++ b/app/Notifications/SupportTicketReplied.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Models\SupportTicket;
+use App\Models\SupportTicket\Reply;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+use Illuminate\Support\Str;
+
+class SupportTicketReplied extends Notification implements ShouldQueue
+{
+    use Queueable;
+
+    public function __construct(
+        public SupportTicket $ticket,
+        public Reply $reply
+    ) {}
+
+    /**
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    public function toMail(object $notifiable): MailMessage
+    {
+        return (new MailMessage)
+            ->subject('Update on your support request: '.$this->ticket->subject)
+            ->greeting("Hi {$notifiable->first_name},")
+            ->line('Your support ticket has received a new reply.')
+            ->line('**'.e($this->ticket->subject).'**')
+            ->line(Str::limit($this->reply->message, 500))
+            ->action('View Ticket', route('customer.support.tickets.show', $this->ticket));
+    }
+}
diff --git a/app/Notifications/SupportTicketSubmitted.php b/app/Notifications/SupportTicketSubmitted.php
new file mode 100644
index 00000000..e1e72a36
--- /dev/null
+++ b/app/Notifications/SupportTicketSubmitted.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Filament\Resources\SupportTicketResource;
+use App\Models\SupportTicket;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+use Illuminate\Support\Str;
+
+class SupportTicketSubmitted extends Notification implements ShouldQueue
+{
+    use Queueable;
+
+    public function __construct(
+        public SupportTicket $ticket
+    ) {}
+
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    public function toMail(object $notifiable): MailMessage
+    {
+        $ticket = $this->ticket->loadMissing('user');
+
+        return (new MailMessage)
+            ->subject('New Support Ticket: '.$ticket->subject)
+            ->replyTo($ticket->user->email, $ticket->user->name)
+            ->greeting('New support ticket received!')
+            ->line("**Product:** {$ticket->product}")
+            ->line('**Issue Type:** '.($ticket->issue_type ?? 'N/A'))
+            ->line("**Subject:** {$ticket->subject}")
+            ->line('**Message:**')
+            ->line(Str::limit($ticket->message, 500))
+            ->action('View Ticket', SupportTicketResource::getUrl('view', ['record' => $ticket]));
+    }
+}
diff --git a/app/Notifications/SupportTicketUserReplied.php b/app/Notifications/SupportTicketUserReplied.php
new file mode 100644
index 00000000..0f389d3f
--- /dev/null
+++ b/app/Notifications/SupportTicketUserReplied.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace App\Notifications;
+
+use App\Filament\Resources\SupportTicketResource;
+use App\Models\SupportTicket;
+use App\Models\SupportTicket\Reply;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Notifications\Messages\MailMessage;
+use Illuminate\Notifications\Notification;
+use Illuminate\Support\Str;
+
+class SupportTicketUserReplied extends Notification implements ShouldQueue
+{
+    use Queueable;
+
+    public function __construct(
+        public SupportTicket $ticket,
+        public Reply $reply
+    ) {}
+
+    /**
+     * @return array<int, string>
+     */
+    public function via(object $notifiable): array
+    {
+        return ['mail'];
+    }
+
+    public function toMail(object $notifiable): MailMessage
+    {
+        $ticket = $this->ticket->loadMissing('user');
+
+        return (new MailMessage)
+            ->subject('New Reply on Support Ticket: '.$ticket->subject)
+            ->replyTo($ticket->user->email, $ticket->user->name)
+            ->greeting('New reply on a support ticket!')
+            ->line("**From:** {$this->reply->user->name}")
+            ->line("**Subject:** {$ticket->subject}")
+            ->line('**Reply:**')
+            ->line(Str::limit($this->reply->message, 500))
+            ->action('View Ticket', SupportTicketResource::getUrl('view', ['record' => $ticket]));
+    }
+}
diff --git a/app/Policies/SupportTicketPolicy.php b/app/Policies/SupportTicketPolicy.php
new file mode 100644
index 00000000..042b1c44
--- /dev/null
+++ b/app/Policies/SupportTicketPolicy.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace App\Policies;
+
+use App\Models\SupportTicket;
+use App\Models\User;
+use App\SupportTicket\Status;
+use Illuminate\Auth\Access\Response;
+
+class SupportTicketPolicy
+{
+    public function reply(User $user, SupportTicket $supportTicket): bool
+    {
+        return $supportTicket->user_id === $user->id
+            && $supportTicket->status !== Status::CLOSED;
+    }
+
+    public function closeTicket(User $user, SupportTicket $supportTicket): bool
+    {
+        return $supportTicket->user_id === $user->id;
+    }
+
+    /**
+     * Determine whether the user can view any models.
+     */
+    public function viewAny(User $user): bool
+    {
+        return $user->isAdmin();
+    }
+
+    /**
+     * Determine whether the user can view the model.
+     */
+    public function view(User $user, SupportTicket $supportTicket): Response
+    {
+        if ($user->isAdmin()) {
+            return Response::allow();
+        }
+
+        return $user->id === $supportTicket->user_id
+            ? Response::allow()
+            : Response::denyAsNotFound('Ticket not found.');
+    }
+
+    /**
+     * Determine whether the user can create models.
+     */
+    public function create(User $user): bool
+    {
+        return true;
+    }
+
+    /**
+     * Determine whether the user can update the model.
+     */
+    public function update(User $user, SupportTicket $supportTicket): bool
+    {
+        return $user->id === $supportTicket->user_id;
+    }
+
+    /**
+     * Determine whether the user can delete the model.
+     */
+    public function delete(User $user, SupportTicket $supportTicket): bool
+    {
+        // Deletion not allowed.
+        return false;
+    }
+
+    /**
+     * Determine whether the user can restore the model.
+     */
+    public function restore(User $user, SupportTicket $supportTicket): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can permanently delete the model.
+     */
+    public function forceDelete(User $user, SupportTicket $supportTicket): bool
+    {
+        return false;
+    }
+}
diff --git a/app/SupportTicket/Status.php b/app/SupportTicket/Status.php
new file mode 100644
index 00000000..bdcdb3ed
--- /dev/null
+++ b/app/SupportTicket/Status.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\SupportTicket;
+
+enum Status: string
+{
+    case OPEN = 'open';
+    case IN_PROGRESS = 'in_progress';
+    case ON_HOLD = 'on_hold';
+    case RESPONDED = 'responded';
+    case CLOSED = 'closed';
+
+    public function translated(): string
+    {
+        return __('account.support_ticket.status.'.$this->value);
+    }
+}
diff --git a/composer.lock b/composer.lock
index fdcee1a1..ff20ef83 100644
--- a/composer.lock
+++ b/composer.lock
@@ -133,16 +133,16 @@
         },
         {
             "name": "aws/aws-sdk-php",
-            "version": "3.373.7",
+            "version": "3.373.8",
             "source": {
                 "type": "git",
                 "url": "https://github.com/aws/aws-sdk-php.git",
-                "reference": "4402bd10f913e66b7271f44466be8d5ba6c9146e"
+                "reference": "18035d80bab38c962af8580307a787bf4e15cc47"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/4402bd10f913e66b7271f44466be8d5ba6c9146e",
-                "reference": "4402bd10f913e66b7271f44466be8d5ba6c9146e",
+                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/18035d80bab38c962af8580307a787bf4e15cc47",
+                "reference": "18035d80bab38c962af8580307a787bf4e15cc47",
                 "shasum": ""
             },
             "require": {
@@ -224,9 +224,9 @@
             "support": {
                 "forum": "https://github.com/aws/aws-sdk-php/discussions",
                 "issues": "https://github.com/aws/aws-sdk-php/issues",
-                "source": "https://github.com/aws/aws-sdk-php/tree/3.373.7"
+                "source": "https://github.com/aws/aws-sdk-php/tree/3.373.8"
             },
-            "time": "2026-03-20T18:14:19+00:00"
+            "time": "2026-03-23T18:08:22+00:00"
         },
         {
             "name": "blade-ui-kit/blade-heroicons",
@@ -7150,16 +7150,16 @@
         },
         {
             "name": "sentry/sentry",
-            "version": "4.22.0",
+            "version": "4.23.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/getsentry/sentry-php.git",
-                "reference": "ce6ab95a7021f976a27b4628a4072e481c8acf60"
+                "reference": "121a674d5fffcdb8e414b75c1b76edba8e592b66"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/getsentry/sentry-php/zipball/ce6ab95a7021f976a27b4628a4072e481c8acf60",
-                "reference": "ce6ab95a7021f976a27b4628a4072e481c8acf60",
+                "url": "https://api.github.com/repos/getsentry/sentry-php/zipball/121a674d5fffcdb8e414b75c1b76edba8e592b66",
+                "reference": "121a674d5fffcdb8e414b75c1b76edba8e592b66",
                 "shasum": ""
             },
             "require": {
@@ -7181,12 +7181,14 @@
                 "guzzlehttp/psr7": "^1.8.4|^2.1.1",
                 "monolog/monolog": "^1.6|^2.0|^3.0",
                 "nyholm/psr7": "^1.8",
+                "open-telemetry/api": "^1.0",
+                "open-telemetry/exporter-otlp": "^1.0",
+                "open-telemetry/sdk": "^1.0",
                 "phpbench/phpbench": "^1.0",
                 "phpstan/phpstan": "^1.3",
                 "phpunit/phpunit": "^8.5.52|^9.6.34",
                 "spiral/roadrunner-http": "^3.6",
-                "spiral/roadrunner-worker": "^3.6",
-                "vimeo/psalm": "^4.17"
+                "spiral/roadrunner-worker": "^3.6"
             },
             "suggest": {
                 "monolog/monolog": "Allow sending log messages to Sentry by using the included Monolog handler."
@@ -7225,7 +7227,7 @@
             ],
             "support": {
                 "issues": "https://github.com/getsentry/sentry-php/issues",
-                "source": "https://github.com/getsentry/sentry-php/tree/4.22.0"
+                "source": "https://github.com/getsentry/sentry-php/tree/4.23.0"
             },
             "funding": [
                 {
@@ -7237,27 +7239,27 @@
                     "type": "custom"
                 }
             ],
-            "time": "2026-03-16T13:03:46+00:00"
+            "time": "2026-03-23T13:15:52+00:00"
         },
         {
             "name": "sentry/sentry-laravel",
-            "version": "4.23.0",
+            "version": "4.24.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/getsentry/sentry-laravel.git",
-                "reference": "dcb44590017c613f62018e5e3163cb704b1da9a7"
+                "reference": "f823bd85e38e06cb4f1b7a82d48a2fc95320b31d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/getsentry/sentry-laravel/zipball/dcb44590017c613f62018e5e3163cb704b1da9a7",
-                "reference": "dcb44590017c613f62018e5e3163cb704b1da9a7",
+                "url": "https://api.github.com/repos/getsentry/sentry-laravel/zipball/f823bd85e38e06cb4f1b7a82d48a2fc95320b31d",
+                "reference": "f823bd85e38e06cb4f1b7a82d48a2fc95320b31d",
                 "shasum": ""
             },
             "require": {
                 "illuminate/support": "^6.0 | ^7.0 | ^8.0 | ^9.0 | ^10.0 | ^11.0 | ^12.0 | ^13.0",
                 "nyholm/psr7": "^1.0",
                 "php": "^7.2 | ^8.0",
-                "sentry/sentry": "^4.22.0",
+                "sentry/sentry": "^4.23.0",
                 "symfony/psr-http-message-bridge": "^1.0 | ^2.0 | ^6.0 | ^7.0 | ^8.0"
             },
             "require-dev": {
@@ -7316,7 +7318,7 @@
             ],
             "support": {
                 "issues": "https://github.com/getsentry/sentry-laravel/issues",
-                "source": "https://github.com/getsentry/sentry-laravel/tree/4.23.0"
+                "source": "https://github.com/getsentry/sentry-laravel/tree/4.24.0"
             },
             "funding": [
                 {
@@ -7328,7 +7330,7 @@
                     "type": "custom"
                 }
             ],
-            "time": "2026-03-19T13:22:14+00:00"
+            "time": "2026-03-24T10:33:54+00:00"
         },
         {
             "name": "simonhamp/the-og",
diff --git a/database/factories/SupportTicket/ReplyFactory.php b/database/factories/SupportTicket/ReplyFactory.php
new file mode 100644
index 00000000..3873abcc
--- /dev/null
+++ b/database/factories/SupportTicket/ReplyFactory.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace Database\Factories\SupportTicket;
+
+use App\Models\SupportTicket;
+use App\Models\SupportTicket\Reply;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class ReplyFactory extends Factory
+{
+    protected $model = Reply::class;
+
+    public function definition(): array
+    {
+        return [
+            'message' => $this->faker->paragraphs(2, true),
+            'attachments' => null,
+            'note' => false,
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+
+            'support_ticket_id' => SupportTicket::factory(),
+            'user_id' => User::factory(),
+        ];
+    }
+}
diff --git a/database/factories/SupportTicketFactory.php b/database/factories/SupportTicketFactory.php
new file mode 100644
index 00000000..cd2a0fa0
--- /dev/null
+++ b/database/factories/SupportTicketFactory.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\SupportTicket;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Carbon;
+
+class SupportTicketFactory extends Factory
+{
+    protected $model = SupportTicket::class;
+
+    public function definition(): array
+    {
+        return [
+            'mask' => 'NATIVE-'.$this->faker->numberBetween(1000, 9999),
+            'subject' => $this->faker->sentence(),
+            'message' => $this->faker->paragraph(),
+            'status' => 'open',
+            'product' => $this->faker->randomElement(['mobile', 'desktop', 'bifrost', 'nativephp.com']),
+            'issue_type' => null,
+            'metadata' => null,
+            'created_at' => Carbon::now(),
+            'updated_at' => Carbon::now(),
+
+            'user_id' => User::factory(),
+        ];
+    }
+
+    public function forMobile(): static
+    {
+        return $this->state(fn () => [
+            'product' => 'mobile',
+            'metadata' => [
+                'mobile_area' => 'camera',
+                'trying_to_do' => $this->faker->sentence(),
+                'what_happened' => $this->faker->sentence(),
+                'reproduction_steps' => $this->faker->paragraph(),
+                'environment' => 'iOS 17, iPhone 15',
+            ],
+        ]);
+    }
+
+    public function forBifrost(): static
+    {
+        return $this->state(fn () => [
+            'product' => 'bifrost',
+            'issue_type' => $this->faker->randomElement(['account_query', 'bug', 'feature_request', 'other']),
+        ]);
+    }
+}
diff --git a/database/migrations/2025_04_28_135326_create_support_tickets_table.php b/database/migrations/2025_04_28_135326_create_support_tickets_table.php
new file mode 100644
index 00000000..ca3bfcc2
--- /dev/null
+++ b/database/migrations/2025_04_28_135326_create_support_tickets_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use App\Models\User;
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('support_tickets', function (Blueprint $table) {
+            $table->id();
+            $table->foreignIdFor(User::class);
+            $table->string('mask');
+            $table->string('subject');
+            $table->text('message');
+            $table->string('status');
+            $table->timestamps();
+            $table->softDeletes();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('support_tickets');
+    }
+};
diff --git a/database/migrations/2025_04_28_160102_create_replies_table.php b/database/migrations/2025_04_28_160102_create_replies_table.php
new file mode 100644
index 00000000..a838b0f9
--- /dev/null
+++ b/database/migrations/2025_04_28_160102_create_replies_table.php
@@ -0,0 +1,29 @@
+<?php
+
+use App\Models\SupportTicket;
+use App\Models\User;
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('replies', function (Blueprint $table) {
+            $table->id();
+            $table->foreignIdFor(SupportTicket::class);
+            $table->foreignIdFor(User::class);
+            $table->text('message');
+            $table->json('attachments')->nullable();
+            $table->boolean('note');
+            $table->timestamps();
+            $table->softDeletes();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('replies');
+    }
+};
diff --git a/database/migrations/2025_04_29_141211_update_users_table_add_admin_flag.php b/database/migrations/2025_04_29_141211_update_users_table_add_admin_flag.php
new file mode 100644
index 00000000..2ffbc38c
--- /dev/null
+++ b/database/migrations/2025_04_29_141211_update_users_table_add_admin_flag.php
@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->boolean('is_admin')
+                ->after('remember_token')
+                ->default(false);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn('is_admin');
+        });
+    }
+};
diff --git a/database/migrations/2026_03_20_160554_add_product_and_metadata_to_support_tickets_table.php b/database/migrations/2026_03_20_160554_add_product_and_metadata_to_support_tickets_table.php
new file mode 100644
index 00000000..745cf9a2
--- /dev/null
+++ b/database/migrations/2026_03_20_160554_add_product_and_metadata_to_support_tickets_table.php
@@ -0,0 +1,27 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('support_tickets', function (Blueprint $table) {
+            $table->string('product')->nullable()->after('status');
+            $table->string('issue_type')->nullable()->after('product');
+            $table->json('metadata')->nullable()->after('issue_type');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('support_tickets', function (Blueprint $table) {
+            $table->dropColumn(['product', 'issue_type', 'metadata']);
+        });
+    }
+};
diff --git a/database/seeders/SupportTicketSeeder.php b/database/seeders/SupportTicketSeeder.php
new file mode 100644
index 00000000..6e34e53b
--- /dev/null
+++ b/database/seeders/SupportTicketSeeder.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\SupportTicket;
+use Illuminate\Database\Seeder;
+
+class SupportTicketSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        SupportTicket::factory()
+            ->count(10)
+            ->has(
+                SupportTicket\Reply::factory()
+                    ->state(['user_id' => 1])
+                    ->count(5)
+            )
+            ->create([
+                'user_id' => 1,
+                'status' => 'open',
+            ]);
+    }
+}
diff --git a/lang/en/account.php b/lang/en/account.php
new file mode 100644
index 00000000..889ffad0
--- /dev/null
+++ b/lang/en/account.php
@@ -0,0 +1,13 @@
+<?php
+
+return [
+    'support_ticket' => [
+        'status' => [
+            'open' => 'Open',
+            'in_progress' => 'In Progress',
+            'on_hold' => 'On Hold',
+            'responded' => 'Responded',
+            'closed' => 'Closed',
+        ],
+    ],
+];
diff --git a/lang/en/auth.php b/lang/en/auth.php
new file mode 100644
index 00000000..6598e2c0
--- /dev/null
+++ b/lang/en/auth.php
@@ -0,0 +1,20 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used during authentication for various
+    | messages that we need to display to the user. You are free to modify
+    | these language lines according to your application's requirements.
+    |
+    */
+
+    'failed' => 'These credentials do not match our records.',
+    'password' => 'The provided password is incorrect.',
+    'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
+
+];
diff --git a/lang/en/pagination.php b/lang/en/pagination.php
new file mode 100644
index 00000000..d4814118
--- /dev/null
+++ b/lang/en/pagination.php
@@ -0,0 +1,19 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Pagination Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used by the paginator library to build
+    | the simple pagination links. You are free to change them to anything
+    | you want to customize your views to better match your application.
+    |
+    */
+
+    'previous' => '&laquo; Previous',
+    'next' => 'Next &raquo;',
+
+];
diff --git a/lang/en/passwords.php b/lang/en/passwords.php
new file mode 100644
index 00000000..f1223bd7
--- /dev/null
+++ b/lang/en/passwords.php
@@ -0,0 +1,22 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Password Reset Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are the default lines which match reasons
+    | that are given by the password broker for a password update attempt
+    | has failed, such as for an invalid token or invalid new password.
+    |
+    */
+
+    'reset' => 'Your password has been reset.',
+    'sent' => 'We have emailed your password reset link.',
+    'throttled' => 'Please wait before retrying.',
+    'token' => 'This password reset token is invalid.',
+    'user' => "We can't find a user with that email address.",
+
+];
diff --git a/lang/en/validation.php b/lang/en/validation.php
new file mode 100644
index 00000000..8dbe37f1
--- /dev/null
+++ b/lang/en/validation.php
@@ -0,0 +1,191 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines contain the default error messages used by
+    | the validator class. Some of these rules have multiple versions such
+    | as the size rules. Feel free to tweak each of these messages here.
+    |
+    */
+
+    'accepted' => 'The :attribute field must be accepted.',
+    'accepted_if' => 'The :attribute field must be accepted when :other is :value.',
+    'active_url' => 'The :attribute field must be a valid URL.',
+    'after' => 'The :attribute field must be a date after :date.',
+    'after_or_equal' => 'The :attribute field must be a date after or equal to :date.',
+    'alpha' => 'The :attribute field must only contain letters.',
+    'alpha_dash' => 'The :attribute field must only contain letters, numbers, dashes, and underscores.',
+    'alpha_num' => 'The :attribute field must only contain letters and numbers.',
+    'array' => 'The :attribute field must be an array.',
+    'ascii' => 'The :attribute field must only contain single-byte alphanumeric characters and symbols.',
+    'before' => 'The :attribute field must be a date before :date.',
+    'before_or_equal' => 'The :attribute field must be a date before or equal to :date.',
+    'between' => [
+        'array' => 'The :attribute field must have between :min and :max items.',
+        'file' => 'The :attribute field must be between :min and :max kilobytes.',
+        'numeric' => 'The :attribute field must be between :min and :max.',
+        'string' => 'The :attribute field must be between :min and :max characters.',
+    ],
+    'boolean' => 'The :attribute field must be true or false.',
+    'can' => 'The :attribute field contains an unauthorized value.',
+    'confirmed' => 'The :attribute field confirmation does not match.',
+    'current_password' => 'The password is incorrect.',
+    'date' => 'The :attribute field must be a valid date.',
+    'date_equals' => 'The :attribute field must be a date equal to :date.',
+    'date_format' => 'The :attribute field must match the format :format.',
+    'decimal' => 'The :attribute field must have :decimal decimal places.',
+    'declined' => 'The :attribute field must be declined.',
+    'declined_if' => 'The :attribute field must be declined when :other is :value.',
+    'different' => 'The :attribute field and :other must be different.',
+    'digits' => 'The :attribute field must be :digits digits.',
+    'digits_between' => 'The :attribute field must be between :min and :max digits.',
+    'dimensions' => 'The :attribute field has invalid image dimensions.',
+    'distinct' => 'The :attribute field has a duplicate value.',
+    'doesnt_end_with' => 'The :attribute field must not end with one of the following: :values.',
+    'doesnt_start_with' => 'The :attribute field must not start with one of the following: :values.',
+    'email' => 'The :attribute field must be a valid email address.',
+    'ends_with' => 'The :attribute field must end with one of the following: :values.',
+    'enum' => 'The selected :attribute is invalid.',
+    'exists' => 'The selected :attribute is invalid.',
+    'extensions' => 'The :attribute field must have one of the following extensions: :values.',
+    'file' => 'The :attribute field must be a file.',
+    'filled' => 'The :attribute field must have a value.',
+    'gt' => [
+        'array' => 'The :attribute field must have more than :value items.',
+        'file' => 'The :attribute field must be greater than :value kilobytes.',
+        'numeric' => 'The :attribute field must be greater than :value.',
+        'string' => 'The :attribute field must be greater than :value characters.',
+    ],
+    'gte' => [
+        'array' => 'The :attribute field must have :value items or more.',
+        'file' => 'The :attribute field must be greater than or equal to :value kilobytes.',
+        'numeric' => 'The :attribute field must be greater than or equal to :value.',
+        'string' => 'The :attribute field must be greater than or equal to :value characters.',
+    ],
+    'hex_color' => 'The :attribute field must be a valid hexadecimal color.',
+    'image' => 'The :attribute field must be an image.',
+    'in' => 'The selected :attribute is invalid.',
+    'in_array' => 'The :attribute field must exist in :other.',
+    'integer' => 'The :attribute field must be an integer.',
+    'ip' => 'The :attribute field must be a valid IP address.',
+    'ipv4' => 'The :attribute field must be a valid IPv4 address.',
+    'ipv6' => 'The :attribute field must be a valid IPv6 address.',
+    'json' => 'The :attribute field must be a valid JSON string.',
+    'lowercase' => 'The :attribute field must be lowercase.',
+    'lt' => [
+        'array' => 'The :attribute field must have less than :value items.',
+        'file' => 'The :attribute field must be less than :value kilobytes.',
+        'numeric' => 'The :attribute field must be less than :value.',
+        'string' => 'The :attribute field must be less than :value characters.',
+    ],
+    'lte' => [
+        'array' => 'The :attribute field must not have more than :value items.',
+        'file' => 'The :attribute field must be less than or equal to :value kilobytes.',
+        'numeric' => 'The :attribute field must be less than or equal to :value.',
+        'string' => 'The :attribute field must be less than or equal to :value characters.',
+    ],
+    'mac_address' => 'The :attribute field must be a valid MAC address.',
+    'max' => [
+        'array' => 'The :attribute field must not have more than :max items.',
+        'file' => 'The :attribute field must not be greater than :max kilobytes.',
+        'numeric' => 'The :attribute field must not be greater than :max.',
+        'string' => 'The :attribute field must not be greater than :max characters.',
+    ],
+    'max_digits' => 'The :attribute field must not have more than :max digits.',
+    'mimes' => 'The :attribute field must be a file of type: :values.',
+    'mimetypes' => 'The :attribute field must be a file of type: :values.',
+    'min' => [
+        'array' => 'The :attribute field must have at least :min items.',
+        'file' => 'The :attribute field must be at least :min kilobytes.',
+        'numeric' => 'The :attribute field must be at least :min.',
+        'string' => 'The :attribute field must be at least :min characters.',
+    ],
+    'min_digits' => 'The :attribute field must have at least :min digits.',
+    'missing' => 'The :attribute field must be missing.',
+    'missing_if' => 'The :attribute field must be missing when :other is :value.',
+    'missing_unless' => 'The :attribute field must be missing unless :other is :value.',
+    'missing_with' => 'The :attribute field must be missing when :values is present.',
+    'missing_with_all' => 'The :attribute field must be missing when :values are present.',
+    'multiple_of' => 'The :attribute field must be a multiple of :value.',
+    'not_in' => 'The selected :attribute is invalid.',
+    'not_regex' => 'The :attribute field format is invalid.',
+    'numeric' => 'The :attribute field must be a number.',
+    'password' => [
+        'letters' => 'The :attribute field must contain at least one letter.',
+        'mixed' => 'The :attribute field must contain at least one uppercase and one lowercase letter.',
+        'numbers' => 'The :attribute field must contain at least one number.',
+        'symbols' => 'The :attribute field must contain at least one symbol.',
+        'uncompromised' => 'The given :attribute has appeared in a data leak. Please choose a different :attribute.',
+    ],
+    'present' => 'The :attribute field must be present.',
+    'present_if' => 'The :attribute field must be present when :other is :value.',
+    'present_unless' => 'The :attribute field must be present unless :other is :value.',
+    'present_with' => 'The :attribute field must be present when :values is present.',
+    'present_with_all' => 'The :attribute field must be present when :values are present.',
+    'prohibited' => 'The :attribute field is prohibited.',
+    'prohibited_if' => 'The :attribute field is prohibited when :other is :value.',
+    'prohibited_unless' => 'The :attribute field is prohibited unless :other is in :values.',
+    'prohibits' => 'The :attribute field prohibits :other from being present.',
+    'regex' => 'The :attribute field format is invalid.',
+    'required' => 'The :attribute field is required.',
+    'required_array_keys' => 'The :attribute field must contain entries for: :values.',
+    'required_if' => 'The :attribute field is required when :other is :value.',
+    'required_if_accepted' => 'The :attribute field is required when :other is accepted.',
+    'required_unless' => 'The :attribute field is required unless :other is in :values.',
+    'required_with' => 'The :attribute field is required when :values is present.',
+    'required_with_all' => 'The :attribute field is required when :values are present.',
+    'required_without' => 'The :attribute field is required when :values is not present.',
+    'required_without_all' => 'The :attribute field is required when none of :values are present.',
+    'same' => 'The :attribute field must match :other.',
+    'size' => [
+        'array' => 'The :attribute field must contain :size items.',
+        'file' => 'The :attribute field must be :size kilobytes.',
+        'numeric' => 'The :attribute field must be :size.',
+        'string' => 'The :attribute field must be :size characters.',
+    ],
+    'starts_with' => 'The :attribute field must start with one of the following: :values.',
+    'string' => 'The :attribute field must be a string.',
+    'timezone' => 'The :attribute field must be a valid timezone.',
+    'unique' => 'The :attribute has already been taken.',
+    'uploaded' => 'The :attribute failed to upload.',
+    'uppercase' => 'The :attribute field must be uppercase.',
+    'url' => 'The :attribute field must be a valid URL.',
+    'ulid' => 'The :attribute field must be a valid ULID.',
+    'uuid' => 'The :attribute field must be a valid UUID.',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify custom validation messages for attributes using the
+    | convention "attribute.rule" to name the lines. This makes it quick to
+    | specify a specific custom language line for a given attribute rule.
+    |
+    */
+
+    'custom' => [
+        'attribute-name' => [
+            'rule-name' => 'custom-message',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Attributes
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used to swap our attribute placeholder
+    | with something more reader friendly such as "E-Mail Address" instead
+    | of "email". This simply helps us make our message more expressive.
+    |
+    */
+
+    'attributes' => [],
+
+];
diff --git a/resources/views/account/auth/login.blade.php b/resources/views/account/auth/login.blade.php
new file mode 100644
index 00000000..aa8ea0fc
--- /dev/null
+++ b/resources/views/account/auth/login.blade.php
@@ -0,0 +1,88 @@
+<x-layout>
+    <div class="flex items-center justify-center pt-12 pb-4 px-4 sm:px-6 lg:px-8">
+        <div class="max-w-md w-full space-y-4 relative z-0 overflow-hidden bg-gray-200/40 dark:bg-mirage/50 p-6 rounded-2xl transition duration-300 group hover:bg-violet-100 dark:hover:bg-violet-500/10">
+            <!-- Blur decoration -->
+            <div class="absolute -left-10 -top-10 -z-50 h-3/4 w-40 rounded-full bg-violet-50 opacity-0 blur-3xl transition duration-300 group-hover:opacity-100 dark:bg-white/15"></div>
+            <div>
+                <h2 class="text-center text-3xl font-semibold leading-relaxed text-gray-900 dark:text-white">
+                    Sign in to your account
+                </h2>
+                <p class="mt-0.5 text-center text-sm text-gray-600 dark:text-gray-300">
+                    Or
+                    <a href="#" class="font-medium text-violet-600 hover:text-violet-500 dark:text-violet-400 dark:hover:text-violet-300 transition duration-300">
+                        create a new account
+                    </a>
+                </p>
+            </div>
+            <form class="mt-4 space-y-3" action="{{ route('login.process') }}" method="POST">
+                @csrf
+
+                @error('email')
+                <div class="mb-4 p-4 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-400 dark:border-red-800 text-red-700 dark:text-red-300">
+                    <div class="flex items-center">
+                        <svg class="h-5 w-5 mr-2" fill="currentColor" viewBox="0 0 20 20">
+                            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
+                        </svg>
+                        <p>{{ $message }}</p>
+                    </div>
+                </div>
+                @enderror
+                <div class="rounded-md shadow-sm -space-y-px">
+                    <div>
+                        <label for="email" class="sr-only">Email address</label>
+                        <input id="email" name="email" type="email" autocomplete="email" required
+                            class="appearance-none rounded-none relative block w-full px-4 py-2.5 border border-gray-300
+                            dark:border-gray-700 placeholder-gray-500 dark:placeholder-gray-400 text-gray-900
+                            dark:text-white bg-white/80 dark:bg-gray-800/50 rounded-t-md focus:outline-none focus:ring-violet-500
+                            dark:focus:ring-violet-400 focus:border-violet-500 dark:focus:border-violet-400 focus:z-10 sm:text-sm transition duration-200"
+                            placeholder="Email address" value="{{ old('email') }}">
+                    </div>
+                    <div>
+                        <label for="password" class="sr-only">Password</label>
+                        <input id="password" name="password" type="password" autocomplete="current-password" required
+                            class="appearance-none rounded-none relative block w-full px-4 py-2.5 border border-gray-300
+                            dark:border-gray-700 placeholder-gray-500 dark:placeholder-gray-400 text-gray-900
+                            dark:text-white bg-white/80 dark:bg-gray-800/50 rounded-b-md focus:outline-none focus:ring-violet-500
+                            dark:focus:ring-violet-400 focus:border-violet-500 dark:focus:border-violet-400 focus:z-10 sm:text-sm transition duration-200"
+                            placeholder="Password">
+                    </div>
+                </div>
+
+                <div class="flex items-center justify-between mt-3">
+                    <div class="flex items-center">
+                        <input id="remember_me" name="remember" type="checkbox"
+                            class="h-4 w-4 text-violet-600 dark:text-violet-500 focus:ring-violet-500 dark:focus:ring-violet-400
+                            border-gray-300 dark:border-gray-700 rounded dark:bg-gray-800/50 transition duration-200">
+                        <label for="remember_me" class="ml-2 block text-sm text-gray-900 dark:text-gray-200">
+                            Remember me
+                        </label>
+                    </div>
+
+                    <div class="text-sm">
+                        <a href="#" class="font-medium text-violet-600 hover:text-violet-500 dark:text-violet-400 dark:hover:text-violet-300 transition duration-300">
+                            Forgot your password?
+                        </a>
+                    </div>
+                </div>
+
+                <div class="mt-4">
+                    <button type="submit"
+                        class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium
+                        rounded-xl text-white bg-violet-600 hover:bg-violet-700 dark:bg-violet-700 dark:hover:bg-violet-800
+                        focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-violet-500 dark:focus:ring-violet-400
+                        dark:focus:ring-offset-gray-800 transition duration-300">
+                        <span class="absolute left-0 inset-y-0 flex items-center pl-3">
+                            <svg class="h-5 w-5 text-violet-500 group-hover:text-violet-400 dark:text-violet-300 dark:group-hover:text-violet-200" xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                                <path fill-rule="evenodd"
+                                    d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                        </span>
+                        Sign in
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</x-layout>
diff --git a/resources/views/account/index.blade.php b/resources/views/account/index.blade.php
new file mode 100644
index 00000000..bbe18dfe
--- /dev/null
+++ b/resources/views/account/index.blade.php
@@ -0,0 +1,52 @@
+<x-layout title="Account - NativePHP">
+    {{-- Support Grid Section --}}
+    <section class="mx-auto mt-10 max-w-5xl px-5 md:mt-14">
+        {{-- Header --}}
+        <header class="mb-10 text-center">
+            <h1 class="text-4xl font-bold md:text-5xl dark:text-white/90">Account</h1>
+            <p class="mx-auto mt-4 max-w-2xl text-lg text-gray-600 dark:text-white/60">
+                Manage your NativePHP Account.<br />
+                Not {{ auth()->user()->name }}? <a href="{{ route('logout') }}" class="text-violet-600 hover:text-violet-700 dark:text-violet-400 dark:hover:text-violet-300">Logout</a>.
+            </p>
+        </header>
+
+        {{-- Support Grid --}}
+        <div class="grid w-full grid-cols-1 gap-8 md:grid-cols-2">
+
+            {{-- GitHub Box --}}
+            <a href="#"
+               target="_blank"
+               rel="noopener"
+               class="group flex w-full flex-col items-center rounded-xl bg-gray-100/80 p-8 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30"
+               aria-label="Manage your licenses">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-black ring-1 ring-black/5 transition duration-300 group-hover:rotate-3 dark:bg-gray-900 dark:text-white dark:ring-white/10">
+                    <x-icons.device-mobile-phone class="size-8" />
+                </div>
+                <h2 class="text-xl font-medium">License Management</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">View your license(s)</p>
+            </a>
+
+            <a href="{{ route('support.tickets') }}"
+               target="_blank"
+               rel="noopener"
+               class="group flex w-full flex-col items-center rounded-xl bg-gray-100/80 p-8 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30"
+               aria-label="Manage support requests">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-violet-500 ring-1 ring-black/5 transition duration-300 group-hover:-rotate-3 dark:bg-gray-900 dark:ring-white/10">
+                    <svg class="size-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
+                    </svg>
+                </div>
+                <h2 class="text-xl font-medium">Support Requests</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">View and manage your support requests.</p>
+            </a>
+        </div>
+
+        {{-- Additional Support Information --}}
+        <div class="mt-20 rounded-xl bg-gradient-to-br from-[#FFF0DC] to-[#E8EEFF] p-8 dark:from-blue-900/10 dark:to-[#4c407f]/25">
+            <h2 class="mb-4 text-2xl font-medium">Need more help?</h2>
+            <p class="text-lg text-gray-700 dark:text-gray-300">
+                Check out our <a href="/docs" class="font-medium text-violet-600 hover:text-violet-700 dark:text-violet-400 dark:hover:text-violet-300">documentation</a> for comprehensive guides and tutorials to help you get the most out of NativePHP.
+            </p>
+        </div>
+    </section>
+</x-layout>
diff --git a/resources/views/components/customer/status-badge.blade.php b/resources/views/components/customer/status-badge.blade.php
index 785f4494..b1b64467 100644
--- a/resources/views/components/customer/status-badge.blade.php
+++ b/resources/views/components/customer/status-badge.blade.php
@@ -3,9 +3,11 @@
 @php
 $color = match($status) {
     'Active', 'Approved', 'Licensed' => 'green',
-    'Expired', 'Pending', 'Pending Review' => 'yellow',
-    'Needs Renewal' => 'blue',
-    'Suspended', 'Rejected' => 'red',
+    'Expired', 'Pending', 'Pending Review', 'Open' => 'yellow',
+    'Needs Renewal', 'In Progress' => 'blue',
+    'Suspended', 'Rejected', 'Closed' => 'red',
+    'Responded' => 'green',
+    'On Hold' => 'zinc',
     default => 'zinc',
 };
 @endphp
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
index b1e689e5..13b5a203 100644
--- a/resources/views/components/footer.blade.php
+++ b/resources/views/components/footer.blade.php
@@ -250,6 +250,14 @@ class="inline-block px-px py-1.5 transition duration-300 will-change-transform h
                             </span>
                         </a>
                     </li>
+                    <li>
+                        <a
+                            href="{{ route('support.index') }}"
+                            class="inline-block px-px py-1.5 transition duration-300 will-change-transform hover:translate-x-1 hover:text-gray-700 dark:hover:text-gray-300"
+                        >
+                            Support
+                        </a>
+                    </li>
                     <li>
                         <a
                             href="{{ route('wall-of-love') }}"
diff --git a/resources/views/components/layouts/dashboard.blade.php b/resources/views/components/layouts/dashboard.blade.php
index 0fda420c..fc55470f 100644
--- a/resources/views/components/layouts/dashboard.blade.php
+++ b/resources/views/components/layouts/dashboard.blade.php
@@ -111,6 +111,10 @@ class="min-h-screen bg-white font-poppins antialiased dark:bg-zinc-900 dark:text
                     Purchase History
                 </flux:sidebar.item>
 
+                <flux:sidebar.item icon="chat-bubble-left-right" href="{{ route('customer.support.tickets') }}" :current="request()->routeIs('customer.support.*')">
+                    Support Tickets
+                </flux:sidebar.item>
+
                 <flux:sidebar.group expandable heading="Community" class="grid">
                     <flux:sidebar.item href="{{ route('customer.showcase.index') }}" :current="request()->routeIs('customer.showcase.*')">
                         Showcase
diff --git a/resources/views/components/navbar/mobile-menu.blade.php b/resources/views/components/navbar/mobile-menu.blade.php
index b174d2ef..9fef9612 100644
--- a/resources/views/components/navbar/mobile-menu.blade.php
+++ b/resources/views/components/navbar/mobile-menu.blade.php
@@ -93,6 +93,7 @@ class="@md:grid-cols-3 grid grid-cols-2 text-xl"
                     $isPartnersActive = request()->routeIs('partners*');
                     $isServicesActive = request()->routeIs('build-my-app');
                     $isCourseActive = request()->routeIs('course');
+                    $isSupportActive = request()->routeIs('support.*');
                     $isSponsorActive = request()->routeIs('sponsoring*');
                     $isLoginActive = request()->routeIs('customer.login*');
                 @endphp
@@ -271,6 +272,29 @@ class="size-4 shrink-0"
                     </a>
                 </div>
 
+                {{-- Support Link --}}
+                <div>
+                    <a
+                        href="{{ route('support.index') }}"
+                        @class([
+                            'flex items-center gap-2 py-3 transition duration-200',
+                            'font-medium' => $isSupportActive,
+                            'opacity-50 hover:translate-x-1 hover:opacity-100' => ! $isSupportActive,
+                        ])
+                        aria-current="{{ $isSupportActive ? 'page' : 'false' }}"
+                    >
+                        @if ($isSupportActive)
+                            <x-icons.right-arrow
+                                class="size-4 shrink-0"
+                                aria-hidden="true"
+                                focusable="false"
+                            />
+                        @endif
+
+                        <div>Support</div>
+                    </a>
+                </div>
+
                 {{-- Login/Dashboard --}}
                 @feature(App\Features\ShowAuthButtons::class)
                     <div>
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php
index 65f18de9..70edb616 100644
--- a/resources/views/components/navigation-bar.blade.php
+++ b/resources/views/components/navigation-bar.blade.php
@@ -184,6 +184,25 @@ class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:
                     </span>
                 </a>
 
+                {{-- Decorative circle --}}
+                <div
+                    class="size-[3px] rotate-45 rounded-xs bg-gray-400 transition duration-200 dark:opacity-60"
+                    aria-hidden="true"
+                ></div>
+
+                {{-- Link --}}
+                <a
+                    href="{{ route('support.index') }}"
+                    @class([
+                        'transition duration-200',
+                        'font-medium' => request()->routeIs('support.*'),
+                        'opacity-60 hover:opacity-100' => ! request()->routeIs('support.*'),
+                    ])
+                    aria-current="{{ request()->routeIs('support.*') ? 'page' : 'false' }}"
+                >
+                    Support
+                </a>
+
                 {{-- Login/Logout --}}
                 @feature(App\Features\ShowAuthButtons::class)
                     {{-- Decorative circle --}}
diff --git a/resources/views/docs/chooser.blade.php b/resources/views/docs/chooser.blade.php
new file mode 100644
index 00000000..f5cbf46a
--- /dev/null
+++ b/resources/views/docs/chooser.blade.php
@@ -0,0 +1,32 @@
+<x-layout title="Documentation - NativePHP">
+    <section class="mx-auto mt-10 max-w-3xl px-5 md:mt-20">
+        <header class="mb-12 text-center">
+            <h1 class="text-4xl font-bold md:text-5xl dark:text-white/90">Documentation</h1>
+            <p class="mx-auto mt-4 max-w-2xl text-lg text-gray-600 dark:text-white/60">
+                Choose your platform to get started.
+            </p>
+        </header>
+
+        <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
+            {{-- Mobile --}}
+            <a href="{{ route('docs.latest', ['platform' => 'mobile']) }}"
+               class="group flex flex-col items-center rounded-xl bg-gray-100/80 p-10 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-black ring-1 ring-black/5 transition duration-300 group-hover:rotate-3 dark:bg-gray-900 dark:text-white dark:ring-white/10">
+                    <x-icons.device-mobile-phone class="size-8" />
+                </div>
+                <h2 class="text-xl font-medium">Mobile</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">Build native iOS and Android apps</p>
+            </a>
+
+            {{-- Desktop --}}
+            <a href="{{ route('docs.latest', ['platform' => 'desktop']) }}"
+               class="group flex flex-col items-center rounded-xl bg-gray-100/80 p-10 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-black ring-1 ring-black/5 transition duration-300 group-hover:rotate-3 dark:bg-gray-900 dark:text-white dark:ring-white/10">
+                    <x-icons.pc class="size-8" />
+                </div>
+                <h2 class="text-xl font-medium">Desktop</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">Build native macOS, Windows and Linux apps</p>
+            </a>
+        </div>
+    </section>
+</x-layout>
diff --git a/resources/views/filament/resources/support-ticket-resource/widgets/ticket-replies.blade.php b/resources/views/filament/resources/support-ticket-resource/widgets/ticket-replies.blade.php
new file mode 100644
index 00000000..9b7436df
--- /dev/null
+++ b/resources/views/filament/resources/support-ticket-resource/widgets/ticket-replies.blade.php
@@ -0,0 +1,71 @@
+<x-filament-widgets::widget>
+    <x-filament::section heading="Conversation">
+        {{-- Reply form at top --}}
+        <form wire:submit="sendReply" style="margin-bottom: 1.5rem;">
+            <div style="display: flex; flex-direction: column; gap: 0.75rem;">
+                <textarea
+                    wire:model="newMessage"
+                    rows="3"
+                    placeholder="Type your reply..."
+                    style="display: block; width: 100%; border: 1px solid #d1d5db; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; color: #111827; background: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.05);"
+                    onfocus="this.style.borderColor='#7c3aed'; this.style.boxShadow='0 0 0 1px #7c3aed'"
+                    onblur="this.style.borderColor='#d1d5db'; this.style.boxShadow='0 1px 2px rgba(0,0,0,0.05)'"
+                ></textarea>
+                @error('newMessage')
+                    <p style="font-size: 0.875rem; color: #dc2626;">{{ $message }}</p>
+                @enderror
+                <div style="display: flex; align-items: center; justify-content: space-between;">
+                    <label style="display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; color: #6b7280; cursor: pointer;">
+                        <input type="checkbox" wire:model="isNote" style="border-radius: 0.25rem;" />
+                        Internal note (not visible to user)
+                    </label>
+                    <x-filament::button type="submit" wire:loading.attr="disabled" size="sm">
+                        <span wire:loading.remove wire:target="sendReply">Send Reply</span>
+                        <span wire:loading wire:target="sendReply">Sending...</span>
+                    </x-filament::button>
+                </div>
+            </div>
+        </form>
+
+        {{-- Messages list (reverse chronological) --}}
+        <div style="display: flex; flex-direction: column; gap: 0.75rem;">
+            @forelse ($record->replies()->with('user')->orderBy('created_at', 'desc')->get() as $reply)
+                @php
+                    $isAdmin = $reply->user?->isAdmin();
+                    $isNote = $reply->note;
+
+                    if ($isNote) {
+                        $bgColor = '#fefce8';
+                        $borderColor = '#facc15';
+                    } elseif ($isAdmin) {
+                        $bgColor = '#ede9fe';
+                        $borderColor = '#c4b5fd';
+                    } else {
+                        $bgColor = '#f3f4f6';
+                        $borderColor = '#d1d5db';
+                    }
+                @endphp
+                <div style="border-radius: 0.5rem; border: 1px solid {{ $borderColor }}; padding: 0.75rem; background-color: {{ $bgColor }};">
+                    <div style="display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;">
+                        <div style="display: flex; align-items: center; gap: 0.5rem;">
+                            <span style="font-size: 0.875rem; font-weight: 600; color: #111827;">
+                                {{ $reply->user?->name ?? 'Unknown' }}
+                            </span>
+                            @if ($isNote)
+                                <x-filament::badge color="warning" size="sm">Note</x-filament::badge>
+                            @elseif ($isAdmin)
+                                <x-filament::badge color="primary" size="sm">Staff</x-filament::badge>
+                            @endif
+                        </div>
+                        <span style="font-size: 0.75rem; color: #6b7280;">
+                            {{ $reply->created_at->diffForHumans() }}
+                        </span>
+                    </div>
+                    <div style="margin-top: 0.25rem; white-space: pre-line; font-size: 0.875rem; color: #374151;">{{ $reply->message }}</div>
+                </div>
+            @empty
+                <p style="padding: 1rem 0; text-align: center; font-size: 0.875rem; color: #6b7280;">No replies yet.</p>
+            @endforelse
+        </div>
+    </x-filament::section>
+</x-filament-widgets::widget>
diff --git a/resources/views/livewire/customer/support/create.blade.php b/resources/views/livewire/customer/support/create.blade.php
new file mode 100644
index 00000000..184f796b
--- /dev/null
+++ b/resources/views/livewire/customer/support/create.blade.php
@@ -0,0 +1,438 @@
+{{-- Step Indicator --}}
+<div>
+    <div class="mx-auto max-w-2xl">
+        <div class="mb-10 flex items-center justify-center">
+            @for ($i = 1; $i <= 3; $i++)
+                <div class="flex items-center">
+                    <div
+                        @class([
+                            'flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium transition-colors duration-200',
+                            'bg-violet-600 text-white' => $currentStep >= $i,
+                            'bg-gray-200 text-gray-500 dark:bg-gray-700 dark:text-gray-400' => $currentStep < $i,
+                        ])
+                    >
+                        @if ($currentStep > $i)
+                            <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                            </svg>
+                        @else
+                            {{ $i }}
+                        @endif
+                    </div>
+                    @if ($i < 3)
+                        <div
+                            @class([
+                                'mx-2 h-0.5 w-12 transition-colors duration-200',
+                                'bg-violet-600' => $currentStep > $i,
+                                'bg-gray-200 dark:bg-gray-700' => $currentStep <= $i,
+                            ])
+                        ></div>
+                    @endif
+                </div>
+            @endfor
+        </div>
+
+        <div class="rounded-lg border border-gray-200 bg-white p-6 md:p-8 dark:border-gray-700 dark:bg-gray-900">
+            <form wire:submit="submit">
+                {{-- Step 1: Product Selection --}}
+                @if ($currentStep === 1)
+                    <div>
+                        <h2 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Which product is this about?</h2>
+                        <p class="mb-6 text-sm text-gray-500 dark:text-gray-400">Select the product related to your request.</p>
+
+                        @error('selectedProduct')
+                            <p class="mb-4 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                        @enderror
+
+                        <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
+                            @foreach ([
+                                'mobile' => ['label' => 'Mobile', 'desc' => 'iOS & Android apps'],
+                                'desktop' => ['label' => 'Desktop', 'desc' => 'macOS, Windows & Linux apps'],
+                                {{-- 'bifrost' => ['label' => 'Bifrost', 'desc' => 'Build & deployment service'], --}}
+                                'nativephp.com' => ['label' => 'nativephp.com', 'desc' => 'Website, account & billing'],
+                            ] as $value => $product)
+                                <label
+                                    @class([
+                                        'flex cursor-pointer items-center gap-3 rounded-lg border-2 p-4 transition-colors duration-200',
+                                        'border-violet-600 bg-violet-50 dark:border-violet-500 dark:bg-violet-900/20' => $selectedProduct === $value,
+                                        'border-gray-200 hover:border-gray-300 dark:border-gray-700 dark:hover:border-gray-600' => $selectedProduct !== $value,
+                                    ])
+                                >
+                                    <input type="radio" wire:model.live="selectedProduct" value="{{ $value }}" class="sr-only" />
+                                    <div
+                                        @class([
+                                            'flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-200',
+                                            'border-violet-600 dark:border-violet-500' => $selectedProduct === $value,
+                                            'border-gray-300 dark:border-gray-600' => $selectedProduct !== $value,
+                                        ])
+                                    >
+                                        @if ($selectedProduct === $value)
+                                            <div class="h-2.5 w-2.5 rounded-full bg-violet-600 dark:bg-violet-500"></div>
+                                        @endif
+                                    </div>
+                                    <div>
+                                        <span class="block font-medium text-gray-900 dark:text-white">{{ $product['label'] }}</span>
+                                        <span class="text-xs text-gray-500 dark:text-gray-400">{{ $product['desc'] }}</span>
+                                    </div>
+                                </label>
+                            @endforeach
+                        </div>
+                    </div>
+                @endif
+
+                {{-- Step 2: Context Questions --}}
+                @if ($currentStep === 2)
+                    <div class="space-y-8">
+                        {{-- Mobile Area --}}
+                        @if ($this->showMobileArea)
+                            <div>
+                                <h2 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">What is the issue related to?</h2>
+                                <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">Is this about NativePHP for Mobile itself, or a specific plugin/tool?</p>
+
+                                <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
+                                    @foreach ([
+                                        'core' => ['label' => 'NativePHP Mobile', 'desc' => 'The core framework'],
+                                        'plugin' => ['label' => 'Plugin / Tool', 'desc' => 'A specific plugin or tool'],
+                                    ] as $value => $option)
+                                        <label
+                                            @class([
+                                                'flex cursor-pointer items-center gap-3 rounded-lg border-2 p-4 transition-colors duration-200',
+                                                'border-violet-600 bg-violet-50 dark:border-violet-500 dark:bg-violet-900/20' => $mobileAreaType === $value,
+                                                'border-gray-200 hover:border-gray-300 dark:border-gray-700 dark:hover:border-gray-600' => $mobileAreaType !== $value,
+                                            ])
+                                        >
+                                            <input type="radio" wire:model.live="mobileAreaType" value="{{ $value }}" class="sr-only" />
+                                            <div
+                                                @class([
+                                                    'flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-200',
+                                                    'border-violet-600 dark:border-violet-500' => $mobileAreaType === $value,
+                                                    'border-gray-300 dark:border-gray-600' => $mobileAreaType !== $value,
+                                                ])
+                                            >
+                                                @if ($mobileAreaType === $value)
+                                                    <div class="h-2.5 w-2.5 rounded-full bg-violet-600 dark:bg-violet-500"></div>
+                                                @endif
+                                            </div>
+                                            <div>
+                                                <span class="block font-medium text-gray-900 dark:text-white">{{ $option['label'] }}</span>
+                                                <span class="text-xs text-gray-500 dark:text-gray-400">{{ $option['desc'] }}</span>
+                                            </div>
+                                        </label>
+                                    @endforeach
+                                </div>
+
+                                @error('mobileAreaType')
+                                    <p class="mt-2 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                @enderror
+
+                                @if ($mobileAreaType === 'plugin')
+                                    <div class="mt-4">
+                                        <label for="mobileArea" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            Which plugin or tool?
+                                        </label>
+                                        <select
+                                            id="mobileArea"
+                                            wire:model.live="mobileArea"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                        >
+                                            <option value="">Select a plugin or tool...</option>
+                                            @foreach ($officialPlugins as $id => $pluginName)
+                                                <option value="{{ $pluginName }}">{{ $pluginName }}</option>
+                                            @endforeach
+                                            <option value="jump">Jump</option>
+                                            <option value="other">Other</option>
+                                        </select>
+                                        @error('mobileArea')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+                                @endif
+                            </div>
+                        @endif
+
+                        {{-- Bug Report Fields --}}
+                        @if ($this->showBugReportFields)
+                            <div>
+                                <h2 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Bug report details</h2>
+                                <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">Help us understand and reproduce the issue.</p>
+
+                                <div class="space-y-4">
+                                    <div>
+                                        <label for="tryingToDo" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            What were you trying to do?
+                                        </label>
+                                        <textarea
+                                            id="tryingToDo"
+                                            wire:model="tryingToDo"
+                                            rows="3"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                            placeholder="Describe the goal you were trying to achieve..."
+                                        ></textarea>
+                                        @error('tryingToDo')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+
+                                    <div>
+                                        <label for="whatHappened" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            What happened instead?
+                                        </label>
+                                        <textarea
+                                            id="whatHappened"
+                                            wire:model="whatHappened"
+                                            rows="3"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                            placeholder="Describe the unexpected behavior..."
+                                        ></textarea>
+                                        @error('whatHappened')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+
+                                    <div>
+                                        <label for="reproductionSteps" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            Steps to reproduce
+                                        </label>
+                                        <textarea
+                                            id="reproductionSteps"
+                                            wire:model="reproductionSteps"
+                                            rows="4"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                            placeholder="1. Open the app&#10;2. Navigate to...&#10;3. Click on..."
+                                        ></textarea>
+                                        @error('reproductionSteps')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+
+                                    <div>
+                                        <label for="environment" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            Environment
+                                        </label>
+                                        <p class="mb-2 text-xs text-gray-500 dark:text-gray-400">
+                                            Run <code class="rounded bg-gray-100 px-1.5 py-0.5 font-mono text-violet-600 dark:bg-gray-800 dark:text-violet-400">php artisan native:debug</code> in your project and paste the output here.
+                                        </p>
+                                        <textarea
+                                            id="environment"
+                                            wire:model="environment"
+                                            rows="4"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                            placeholder="Paste the output of `php artisan native:debug` here..."
+                                        ></textarea>
+                                        @error('environment')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+                                </div>
+                            </div>
+                        @endif
+
+                        {{-- Issue Type --}}
+                        @if ($this->showIssueType)
+                            <div>
+                                <h2 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Issue type</h2>
+                                <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">What kind of issue are you experiencing?</p>
+
+                                <div class="space-y-2">
+                                    @foreach ([
+                                        'account_query' => 'Account query',
+                                        'bug' => 'Bug',
+                                        'feature_request' => 'Feature request',
+                                        'other' => 'Other',
+                                    ] as $value => $label)
+                                        <label
+                                            @class([
+                                                'flex cursor-pointer items-center gap-3 rounded-lg border-2 p-3 transition-colors duration-200',
+                                                'border-violet-600 bg-violet-50 dark:border-violet-500 dark:bg-violet-900/20' => $issueType === $value,
+                                                'border-gray-200 hover:border-gray-300 dark:border-gray-700 dark:hover:border-gray-600' => $issueType !== $value,
+                                            ])
+                                        >
+                                            <input type="radio" wire:model.live="issueType" value="{{ $value }}" class="sr-only" />
+                                            <div
+                                                @class([
+                                                    'flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 transition-colors duration-200',
+                                                    'border-violet-600 dark:border-violet-500' => $issueType === $value,
+                                                    'border-gray-300 dark:border-gray-600' => $issueType !== $value,
+                                                ])
+                                            >
+                                                @if ($issueType === $value)
+                                                    <div class="h-2 w-2 rounded-full bg-violet-600 dark:bg-violet-500"></div>
+                                                @endif
+                                            </div>
+                                            <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $label }}</span>
+                                        </label>
+                                    @endforeach
+                                </div>
+
+                                @error('issueType')
+                                    <p class="mt-2 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                @enderror
+                            </div>
+                        @endif
+
+                        {{-- Subject + Message (only for non-bug-report flows) --}}
+                        @if (! $this->showBugReportFields)
+                            <div>
+                                <h2 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Describe your issue</h2>
+                                <p class="mb-4 text-sm text-gray-500 dark:text-gray-400">Provide a summary and any additional details.</p>
+
+                                <div class="space-y-4">
+                                    <div>
+                                        <label for="subject" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            Subject
+                                        </label>
+                                        <input
+                                            type="text"
+                                            id="subject"
+                                            wire:model="subject"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                            placeholder="Brief description of your issue"
+                                        />
+                                        @error('subject')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+
+                                    <div>
+                                        <label for="message" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
+                                            Message
+                                        </label>
+                                        <textarea
+                                            id="message"
+                                            wire:model="message"
+                                            rows="6"
+                                            class="block w-full rounded-md border-gray-300 shadow-sm focus:border-violet-500 focus:ring-violet-500 sm:text-sm dark:border-gray-600 dark:bg-gray-800 dark:text-white"
+                                            placeholder="Describe your issue in detail..."
+                                        ></textarea>
+                                        @error('message')
+                                            <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                                        @enderror
+                                    </div>
+                                </div>
+                            </div>
+                        @endif
+                    </div>
+                @endif
+
+                {{-- Step 3: Review & Submit --}}
+                @if ($currentStep === 3)
+                    <div>
+                        <h2 class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Review your request</h2>
+                        <p class="mb-6 text-sm text-gray-500 dark:text-gray-400">Please review the details below before submitting.</p>
+
+                        <div class="space-y-4">
+                            <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Product</dt>
+                                <dd class="mt-1 text-gray-900 dark:text-white">
+                                    {{ ['mobile' => 'Mobile', 'desktop' => 'Desktop', 'bifrost' => 'Bifrost', 'nativephp.com' => 'nativephp.com'][$selectedProduct] ?? $selectedProduct }}
+                                </dd>
+                            </div>
+
+                            @if ($mobileAreaType)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Area</dt>
+                                    <dd class="mt-1 text-gray-900 dark:text-white">
+                                        {{ $mobileAreaType === 'core' ? 'NativePHP Mobile (core)' : $mobileArea }}
+                                    </dd>
+                                </div>
+                            @endif
+
+                            @if ($issueType)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Issue type</dt>
+                                    <dd class="mt-1 text-gray-900 dark:text-white">
+                                        {{ ['account_query' => 'Account query', 'bug' => 'Bug', 'feature_request' => 'Feature request', 'other' => 'Other'][$issueType] ?? $issueType }}
+                                    </dd>
+                                </div>
+                            @endif
+
+                            @if (! $this->showBugReportFields)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Subject</dt>
+                                    <dd class="mt-1 text-gray-900 dark:text-white">{{ $subject }}</dd>
+                                </div>
+
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Message</dt>
+                                    <dd class="mt-1 whitespace-pre-line text-gray-900 dark:text-white">{{ $message }}</dd>
+                                </div>
+                            @endif
+
+                            @if ($tryingToDo)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">What you were trying to do</dt>
+                                    <dd class="mt-1 whitespace-pre-line text-gray-900 dark:text-white">{{ $tryingToDo }}</dd>
+                                </div>
+                            @endif
+
+                            @if ($whatHappened)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">What happened instead</dt>
+                                    <dd class="mt-1 whitespace-pre-line text-gray-900 dark:text-white">{{ $whatHappened }}</dd>
+                                </div>
+                            @endif
+
+                            @if ($reproductionSteps)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Steps to reproduce</dt>
+                                    <dd class="mt-1 whitespace-pre-line text-gray-900 dark:text-white">{{ $reproductionSteps }}</dd>
+                                </div>
+                            @endif
+
+                            @if ($environment)
+                                <div class="rounded-lg border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/50">
+                                    <dt class="text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Environment</dt>
+                                    <dd class="mt-1 whitespace-pre-line font-mono text-sm text-gray-900 dark:text-white">{{ $environment }}</dd>
+                                </div>
+                            @endif
+                        </div>
+                    </div>
+                @endif
+
+                {{-- Navigation --}}
+                <div class="mt-8 flex flex-col-reverse gap-3 sm:flex-row sm:justify-between">
+                    @if ($currentStep === 1)
+                        <a href="{{ route('customer.support.tickets') }}" class="inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm transition duration-200 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700">
+                            <svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+                            </svg>
+                            Back to Tickets
+                        </a>
+                    @else
+                        <button type="button" wire:click="previousStep" class="inline-flex items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm transition duration-200 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700">
+                            <svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+                            </svg>
+                            Back
+                        </button>
+                    @endif
+
+                    @if ($currentStep < 3)
+                        <button type="button" wire:click="nextStep" class="inline-flex items-center justify-center rounded-md bg-violet-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition duration-200 hover:bg-violet-700 dark:bg-violet-700 dark:hover:bg-violet-600">
+                            Continue
+                            <svg class="ml-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
+                            </svg>
+                        </button>
+                    @else
+                        <button type="submit" wire:loading.attr="disabled" class="inline-flex items-center justify-center rounded-md bg-violet-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition duration-200 hover:bg-violet-700 disabled:opacity-50 dark:bg-violet-700 dark:hover:bg-violet-600">
+                            <span wire:loading.remove wire:target="submit">
+                                <svg xmlns="http://www.w3.org/2000/svg" class="mr-2 inline h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+                                </svg>
+                                Submit Request
+                            </span>
+                            <span wire:loading wire:target="submit">
+                                <svg class="mr-2 inline h-4 w-4 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                                </svg>
+                                Submitting...
+                            </span>
+                        </button>
+                    @endif
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/livewire/customer/support/index.blade.php b/resources/views/livewire/customer/support/index.blade.php
new file mode 100644
index 00000000..501cac90
--- /dev/null
+++ b/resources/views/livewire/customer/support/index.blade.php
@@ -0,0 +1,62 @@
+<div>
+    <div class="mb-6 flex items-center justify-between">
+        <div>
+            <flux:heading size="xl">Support Tickets</flux:heading>
+            <flux:text>Manage your support tickets</flux:text>
+        </div>
+        <flux:button variant="primary" href="{{ route('customer.support.tickets.create') }}">Submit a new request</flux:button>
+    </div>
+
+    @if(session()->has('success'))
+        <flux:callout variant="success" icon="check-circle" class="mb-6">
+            <flux:callout.text>{{ session('success') }}</flux:callout.text>
+        </flux:callout>
+    @endif
+
+    @if($this->supportTickets->count() > 0)
+        <flux:table>
+            <flux:table.columns>
+                <flux:table.column>Ticket ID</flux:table.column>
+                <flux:table.column>Subject</flux:table.column>
+                <flux:table.column>Status</flux:table.column>
+                <flux:table.column></flux:table.column>
+            </flux:table.columns>
+
+            <flux:table.rows>
+                @foreach($this->supportTickets as $ticket)
+                    <flux:table.row :key="$ticket->id">
+                        <flux:table.cell>
+                            <a href="{{ route('customer.support.tickets.show', $ticket) }}" class="font-medium text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
+                                #{{ $ticket->mask }}
+                            </a>
+                        </flux:table.cell>
+
+                        <flux:table.cell>{{ $ticket->subject }}</flux:table.cell>
+
+                        <flux:table.cell>
+                            <x-customer.status-badge :status="$ticket->status->translated()" />
+                        </flux:table.cell>
+
+                        <flux:table.cell>
+                            <flux:button size="sm" href="{{ route('customer.support.tickets.show', $ticket) }}">View</flux:button>
+                        </flux:table.cell>
+                    </flux:table.row>
+                @endforeach
+            </flux:table.rows>
+        </flux:table>
+
+        @if($this->supportTickets->hasPages())
+            <div class="mt-4">
+                {{ $this->supportTickets->links() }}
+            </div>
+        @endif
+    @else
+        <x-customer.empty-state
+            icon="chat-bubble-left-right"
+            title="No tickets yet"
+            description="Submit a support ticket and we'll get back to you as soon as possible."
+        >
+            <flux:button variant="primary" href="{{ route('customer.support.tickets.create') }}">Submit a new request</flux:button>
+        </x-customer.empty-state>
+    @endif
+</div>
diff --git a/resources/views/livewire/customer/support/show.blade.php b/resources/views/livewire/customer/support/show.blade.php
new file mode 100644
index 00000000..d8f82c1c
--- /dev/null
+++ b/resources/views/livewire/customer/support/show.blade.php
@@ -0,0 +1,139 @@
+<div>
+    <div class="mb-6 flex items-center justify-between">
+        <flux:button href="{{ route('customer.support.tickets') }}" icon="arrow-left">Back to Tickets</flux:button>
+
+        @if($supportTicket->status !== \App\SupportTicket\Status::CLOSED)
+            <flux:button wire:click="closeTicket" wire:confirm="Are you sure you want to close this ticket?" icon="x-mark">
+                Close Ticket
+            </flux:button>
+        @endif
+    </div>
+
+    @if(session()->has('success'))
+        <flux:callout variant="success" icon="check-circle" class="mb-6">
+            <flux:callout.text>{{ session('success') }}</flux:callout.text>
+        </flux:callout>
+    @endif
+
+    {{-- Ticket Header --}}
+    <flux:card class="mb-6">
+        <div class="flex items-center justify-between mb-4">
+            <flux:heading size="lg">#{{ $supportTicket->mask }} &raquo; {{ $supportTicket->subject }}</flux:heading>
+        </div>
+        <div class="space-y-1">
+            <flux:text>Ticket ID: <strong>#{{ $supportTicket->mask }}</strong></flux:text>
+            <flux:text>Status: <x-customer.status-badge :status="$supportTicket->status->translated()" /></flux:text>
+            <flux:text>Created: <strong>{{ $supportTicket->created_at->format('d M Y, H:i') }}</strong></flux:text>
+            <flux:text>Updated: <strong>{{ $supportTicket->updated_at->format('d M Y, H:i') }}</strong></flux:text>
+        </div>
+    </flux:card>
+
+    {{-- Submission Details (collapsible) --}}
+    <flux:card class="mb-6" x-data="{ open: false }">
+        <button
+            type="button"
+            @click="open = !open"
+            class="flex w-full items-center justify-between text-left"
+        >
+            <flux:heading size="lg">Submission Details</flux:heading>
+            <svg
+                class="h-5 w-5 text-gray-500 transition-transform duration-200 dark:text-gray-400"
+                :class="{ 'rotate-180': open }"
+                fill="none" stroke="currentColor" viewBox="0 0 24 24"
+            >
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+            </svg>
+        </button>
+        <div x-show="open" x-collapse x-cloak>
+            <div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
+                <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+                    <div>
+                        <dt class="text-sm font-medium text-zinc-500 dark:text-zinc-400">Product</dt>
+                        <dd class="mt-1 text-zinc-900 dark:text-zinc-100">{{ ucfirst($supportTicket->product) }}</dd>
+                    </div>
+                    @if($supportTicket->issue_type)
+                        <div>
+                            <dt class="text-sm font-medium text-zinc-500 dark:text-zinc-400">Issue Type</dt>
+                            <dd class="mt-1 text-zinc-900 dark:text-zinc-100">{{ str_replace('_', ' ', ucfirst($supportTicket->issue_type)) }}</dd>
+                        </div>
+                    @endif
+                </dl>
+
+                @if(! in_array($supportTicket->product, ['mobile', 'desktop']))
+                    <div class="mt-4">
+                        <dt class="text-sm font-medium text-zinc-500 dark:text-zinc-400">Original Message</dt>
+                        <dd class="mt-1 whitespace-pre-line text-zinc-900 dark:text-zinc-100">{{ $supportTicket->message }}</dd>
+                    </div>
+                @endif
+
+                @if($supportTicket->metadata)
+                    <div class="mt-4">
+                        <dt class="text-sm font-medium text-zinc-500 dark:text-zinc-400">Additional Details</dt>
+                        <dd class="mt-1">
+                            <dl class="grid grid-cols-1 gap-3 sm:grid-cols-2">
+                                @foreach($supportTicket->metadata as $key => $value)
+                                    <div>
+                                        <dt class="text-xs font-medium text-zinc-400 dark:text-zinc-500">{{ str_replace('_', ' ', ucfirst($key)) }}</dt>
+                                        <dd class="mt-0.5 whitespace-pre-line text-sm text-zinc-900 dark:text-zinc-100">{{ $value }}</dd>
+                                    </div>
+                                @endforeach
+                            </dl>
+                        </dd>
+                    </div>
+                @endif
+            </div>
+        </div>
+    </flux:card>
+
+    {{-- Messages --}}
+    <flux:card>
+        <flux:heading size="lg" class="mb-4">Messages</flux:heading>
+
+        {{-- Reply Form --}}
+        @if($supportTicket->status !== \App\SupportTicket\Status::CLOSED)
+            <div class="mb-6 rounded-lg border border-zinc-300 bg-zinc-100 p-4 dark:border-zinc-600 dark:bg-zinc-800">
+                <form wire:submit="reply">
+                    <label for="replyMessage" class="mb-2 block text-sm font-medium text-zinc-700 dark:text-zinc-300">
+                        Add a reply
+                    </label>
+                    <textarea
+                        id="replyMessage"
+                        wire:model="replyMessage"
+                        rows="3"
+                        placeholder="Type your reply here..."
+                        class="block w-full rounded-md border border-zinc-300 bg-white px-3 py-2 text-sm shadow-sm placeholder:text-zinc-400 focus:border-violet-500 focus:ring-violet-500 dark:border-zinc-600 dark:bg-zinc-900 dark:text-white dark:placeholder:text-zinc-500"
+                    ></textarea>
+                    @error('replyMessage')
+                        <p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
+                    @enderror
+                    <div class="mt-3 flex justify-end">
+                        <flux:button type="submit" variant="primary" icon="arrow-uturn-left">
+                            Send Reply
+                        </flux:button>
+                    </div>
+                </form>
+            </div>
+        @endif
+
+        @foreach($supportTicket->replies->where('note', false) as $reply)
+            <div class="flex flex-col w-full mb-6" wire:key="reply-{{ $reply->id }}">
+                <div class="relative w-full">
+                    <div class="{{ $reply->is_from_user ? 'bg-blue-100 dark:bg-blue-900/30 border-blue-300 dark:border-blue-700 mr-10' : 'bg-zinc-100 dark:bg-zinc-800 border-zinc-300 dark:border-zinc-600 ml-10' }} p-4 rounded-lg border">
+                        <p class="font-medium text-zinc-900 dark:text-zinc-100">
+                            {{ $reply->user->name }}
+                            @if($reply->is_from_user)
+                                <span class="text-sm text-zinc-500 dark:text-zinc-400">(You)</span>
+                            @elseif($reply->is_from_admin)
+                                <span class="text-sm text-zinc-500 dark:text-zinc-400">(Staff)</span>
+                            @endif
+                        </p>
+                        <p class="mt-1 text-zinc-800 dark:text-zinc-200">{{ $reply->message }}</p>
+                    </div>
+                </div>
+                <div class="mt-1 {{ $reply->is_from_user ? 'text-right mr-10' : 'text-left ml-10' }}">
+                    <span class="text-xs text-zinc-500 dark:text-zinc-400">{{ $reply->created_at->format('d M Y, H:i') }}</span>
+                </div>
+            </div>
+        @endforeach
+    </flux:card>
+</div>
diff --git a/resources/views/support/index.blade.php b/resources/views/support/index.blade.php
new file mode 100644
index 00000000..137c3e1a
--- /dev/null
+++ b/resources/views/support/index.blade.php
@@ -0,0 +1,89 @@
+<x-layout title="Support - NativePHP">
+    {{-- Support Grid Section --}}
+    <section class="mx-auto mt-10 max-w-5xl px-5 md:mt-14">
+        {{-- Header --}}
+        <header class="mb-10 text-center">
+            <h1 class="text-4xl font-bold md:text-5xl dark:text-white/90">Support</h1>
+            <p class="mx-auto mt-4 max-w-2xl text-lg text-gray-600 dark:text-white/60">
+                Get help with NativePHP through our various support channels.
+            </p>
+        </header>
+
+        {{-- Additional Support Information --}}
+        <div class="my-10 rounded-xl bg-gradient-to-br from-[#FFF0DC] to-[#E8EEFF] p-8 dark:from-blue-900/10 dark:to-[#4c407f]/25">
+            <h2 class="mb-4 text-2xl font-medium">Need more help?</h2>
+            <p class="text-lg text-gray-700 dark:text-gray-300">
+                Check out our <a href="/docs" class="font-medium text-violet-600 hover:text-violet-700 dark:text-violet-400 dark:hover:text-violet-300">documentation</a> for comprehensive guides and tutorials to help you get the most out of NativePHP.
+            </p>
+        </div>
+
+        {{-- Priority Support (Max plan only) --}}
+        @auth
+            @if (auth()->user()->hasMaxAccess())
+                <div class="mb-10 overflow-hidden rounded-xl border border-violet-200 bg-gradient-to-br from-violet-50 to-violet-100/50 dark:border-violet-800/50 dark:from-violet-900/20 dark:to-violet-800/10">
+                    <div class="flex flex-col items-center gap-6 p-8 sm:flex-row sm:items-start">
+                        <div class="grid size-16 shrink-0 place-items-center rounded-full bg-violet-600 text-white">
+                            <svg class="size-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                            </svg>
+                        </div>
+                        <div class="flex-1 text-center sm:text-left">
+                            <h2 class="text-xl font-semibold text-gray-900 dark:text-white">Priority Support</h2>
+                            <p class="mt-1 text-gray-600 dark:text-gray-400">As a Max plan subscriber, you have access to priority support. Submit a ticket and our team will get back to you as quickly as possible.</p>
+                            <a href="{{ route('customer.support.tickets.create') }}" class="mt-4 inline-flex items-center rounded-md bg-violet-600 px-4 py-2 text-sm font-medium text-white shadow-sm transition duration-200 hover:bg-violet-700 dark:bg-violet-700 dark:hover:bg-violet-600">
+                                <svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+                                </svg>
+                                Submit a Ticket
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            @endif
+        @endauth
+
+        {{-- Support Grid --}}
+        <div class="grid w-full grid-cols-1 gap-8 md:grid-cols-3">
+
+            {{-- GitHub Mobile Issues --}}
+            <a href="https://github.com/NativePHP/mobile-air/issues"
+               target="_blank"
+               rel="noopener"
+               class="group flex w-full flex-col items-center rounded-xl bg-gray-100/80 p-8 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30"
+               aria-label="Report mobile issues on GitHub">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-black ring-1 ring-black/5 transition duration-300 group-hover:rotate-3 dark:bg-gray-900 dark:text-white dark:ring-white/10">
+                    <x-icons.device-mobile-phone class="size-8" />
+                </div>
+                <h2 class="text-xl font-medium">GitHub Issues for Mobile</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">Report issues or contribute to NativePHP for Mobile</p>
+            </a>
+
+            {{-- GitHub Desktop Issues --}}
+            <a href="https://github.com/NativePHP/desktop/issues"
+               target="_blank"
+               rel="noopener"
+               class="group flex w-full flex-col items-center rounded-xl bg-gray-100/80 p-8 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30"
+               aria-label="Report desktop issues on GitHub">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-black ring-1 ring-black/5 transition duration-300 group-hover:rotate-3 dark:bg-gray-900 dark:text-white dark:ring-white/10">
+                    <x-icons.pc class="size-8" />
+                </div>
+                <h2 class="text-xl font-medium">GitHub Issues for Desktop</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">Report issues or contribute to NativePHP for Desktop</p>
+            </a>
+
+            {{-- Discord Box --}}
+            <a href="{{ $discordLink }}"
+               target="_blank"
+               rel="noopener"
+               class="group flex w-full flex-col items-center rounded-xl bg-gray-100/80 p-8 text-center transition duration-300 hover:-translate-y-1 hover:bg-gray-200/80 hover:shadow-lg dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:hover:shadow-gray-900/30"
+               aria-label="Join our Discord community">
+                <div class="mb-5 grid size-16 place-items-center rounded-full bg-white text-[#5865F2] ring-1 ring-black/5 transition duration-300 group-hover:-rotate-3 dark:bg-gray-900 dark:ring-white/10">
+                    <x-icons.discord class="size-8" />
+                </div>
+                <h2 class="text-xl font-medium">Discord</h2>
+                <p class="mt-2 text-gray-600 dark:text-gray-400">Join the community and get real-time help</p>
+            </a>
+
+        </div>
+    </section>
+</x-layout>
diff --git a/routes/web.php b/routes/web.php
index b1dcf071..5645724b 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -223,9 +223,11 @@
     ->where('page', '.*')
     ->name('docs.latest');
 
+// Docs platform chooser
+Route::view('docs', 'docs.chooser')->name('docs');
+
 // Forward unversioned requests to the latest version
-Route::get('docs/{page?}', function ($page = null) {
-    $page ??= 'introduction';
+Route::get('docs/{page}', function (string $page) {
     $version = session('viewing_docs_version', '1');
     $platform = session('viewing_docs_platform', 'mobile');
 
@@ -259,7 +261,7 @@
             'page' => 'introduction',
         ]);
     }
-})->name('docs')->where('page', '.*');
+})->name('docs.unversioned')->where('page', '.*');
 
 Route::get('order/{checkoutSessionId}', OrderSuccess::class)->name('order.success');
 
@@ -342,6 +344,12 @@
 
     // Purchase history page
     Route::livewire('purchase-history', App\Livewire\Customer\PurchaseHistory\Index::class)->name('purchase-history.index');
+
+    // Support tickets
+    Route::livewire('support/tickets', App\Livewire\Customer\Support\Index::class)->name('support.tickets');
+    Route::livewire('support/tickets/create', App\Livewire\Customer\Support\Create::class)->name('support.tickets.create');
+    Route::livewire('support/tickets/{supportTicket}', App\Livewire\Customer\Support\Show::class)->name('support.tickets.show');
+
     Route::livewire('licenses/{licenseKey}', Show::class)->name('licenses.show');
     Route::patch('licenses/{licenseKey}', [CustomerLicenseController::class, 'update'])->name('licenses.update');
     Route::post('plugin-license-key/rotate', [CustomerLicenseController::class, 'rotatePluginLicenseKey'])->name('plugin-license-key.rotate');
@@ -416,6 +424,9 @@
     Route::get('cart/cancel', [CartController::class, 'cancel'])->name('cart.cancel');
 });
 
+// Support (public hub page)
+Route::get('support', fn () => view('support.index'))->name('support.index');
+
 // Developer routes
 Route::middleware(['auth', EnsureFeaturesAreActive::using(ShowAuthButtons::class), EnsureFeaturesAreActive::using(ShowPlugins::class)])->prefix('dashboard/developer')->group(function (): void {
     Route::name('customer.developer.')->group(function (): void {
diff --git a/tests/Feature/SupportTicketTest.php b/tests/Feature/SupportTicketTest.php
new file mode 100644
index 00000000..6dea3ad6
--- /dev/null
+++ b/tests/Feature/SupportTicketTest.php
@@ -0,0 +1,918 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Livewire\Customer\Support\Create;
+use App\Livewire\Customer\Support\Index;
+use App\Livewire\Customer\Support\Show;
+use App\Models\License;
+use App\Models\Plugin;
+use App\Models\SupportTicket;
+use App\Models\SupportTicket\Reply;
+use App\Models\User;
+use App\Notifications\SupportTicketReplied;
+use App\Notifications\SupportTicketSubmitted;
+use App\Notifications\SupportTicketUserReplied;
+use App\SupportTicket\Status;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Notification;
+use Livewire\Livewire;
+use PHPUnit\Framework\Attributes\Test;
+use Tests\TestCase;
+
+class SupportTicketTest extends TestCase
+{
+    use RefreshDatabase;
+
+    #[Test]
+    public function guests_cannot_access_create_ticket_page(): void
+    {
+        $this->get(route('customer.support.tickets.create'))
+            ->assertRedirect();
+    }
+
+    #[Test]
+    public function authenticated_users_can_access_create_ticket_page(): void
+    {
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->get(route('customer.support.tickets.create'))
+            ->assertOk()
+            ->assertSeeLivewire(Create::class);
+    }
+
+    #[Test]
+    public function wizard_starts_at_step_1(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->assertSet('currentStep', 1)
+            ->assertSee('Which product is this about?');
+    }
+
+    #[Test]
+    public function a_product_must_be_selected(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->call('nextStep')
+            ->assertHasErrors('selectedProduct')
+            ->assertSet('currentStep', 1);
+    }
+
+    #[Test]
+    public function product_must_be_a_valid_value(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'invalid')
+            ->call('nextStep')
+            ->assertHasErrors('selectedProduct')
+            ->assertSet('currentStep', 1);
+    }
+
+    #[Test]
+    public function selecting_mobile_advances_to_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function mobile_selection_shows_area_type_and_bug_fields_on_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->assertSee('What is the issue related to?')
+            ->assertSee('Bug report details')
+            ->assertDontSee('Describe your issue');
+    }
+
+    #[Test]
+    public function desktop_selection_shows_bug_fields_but_not_area_on_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'desktop')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->assertSee('Bug report details')
+            ->assertDontSee('Describe your issue')
+            ->assertDontSee('Which area?');
+    }
+
+    #[Test]
+    public function bifrost_selection_shows_issue_type_on_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->assertSee('Issue type')
+            ->assertSee('Describe your issue')
+            ->assertDontSee('Bug report details');
+    }
+
+    #[Test]
+    public function nativephp_com_selection_shows_issue_type_on_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'nativephp.com')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->assertSee('Issue type')
+            ->assertSee('Describe your issue')
+            ->assertDontSee('Bug report details');
+    }
+
+    #[Test]
+    public function bug_report_fields_are_required_when_shown(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'desktop')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->call('nextStep')
+            ->assertHasErrors(['tryingToDo', 'whatHappened', 'reproductionSteps', 'environment'])
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function mobile_area_type_is_required_when_mobile_selected(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->set('tryingToDo', 'Test')
+            ->set('whatHappened', 'Test')
+            ->set('reproductionSteps', 'Test')
+            ->set('environment', 'Test')
+            ->call('nextStep')
+            ->assertHasErrors('mobileAreaType')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function mobile_area_is_required_when_plugin_type_selected(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->set('mobileAreaType', 'plugin')
+            ->set('tryingToDo', 'Test')
+            ->set('whatHappened', 'Test')
+            ->set('reproductionSteps', 'Test')
+            ->set('environment', 'Test')
+            ->call('nextStep')
+            ->assertHasErrors('mobileArea')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function mobile_core_type_does_not_require_mobile_area(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->set('mobileAreaType', 'core')
+            ->set('tryingToDo', 'Test')
+            ->set('whatHappened', 'Test')
+            ->set('reproductionSteps', 'Test')
+            ->set('environment', 'Test')
+            ->call('nextStep')
+            ->assertHasNoErrors('mobileArea')
+            ->assertSet('currentStep', 3);
+    }
+
+    #[Test]
+    public function issue_type_is_required_when_bifrost_selected(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->set('subject', 'Test subject')
+            ->set('message', 'Test message')
+            ->call('nextStep')
+            ->assertHasErrors('issueType')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function issue_type_must_be_valid_value(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'invalid_type')
+            ->set('subject', 'Test subject')
+            ->set('message', 'Test message')
+            ->call('nextStep')
+            ->assertHasErrors('issueType')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function subject_is_required_on_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'bug')
+            ->set('message', 'Some message')
+            ->call('nextStep')
+            ->assertHasErrors('subject')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function message_is_required_on_step_2(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'bug')
+            ->set('subject', 'Some subject')
+            ->call('nextStep')
+            ->assertHasErrors('message')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function subject_cannot_exceed_255_characters(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'bug')
+            ->set('subject', str_repeat('a', 256))
+            ->set('message', 'Some message')
+            ->call('nextStep')
+            ->assertHasErrors('subject')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function message_cannot_exceed_5000_characters(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'bug')
+            ->set('subject', 'Some subject')
+            ->set('message', str_repeat('a', 5001))
+            ->call('nextStep')
+            ->assertHasErrors('message')
+            ->assertSet('currentStep', 2);
+    }
+
+    #[Test]
+    public function full_desktop_submission_creates_ticket_with_bug_report_data(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'desktop')
+            ->call('nextStep')
+            ->set('tryingToDo', 'Build an app')
+            ->set('whatHappened', 'It crashed')
+            ->set('reproductionSteps', '1. Open app 2. Click button')
+            ->set('environment', 'macOS 14, Electron 28')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->call('submit')
+            ->assertRedirect();
+
+        $ticket = SupportTicket::where('user_id', $user->id)->first();
+
+        $this->assertNotNull($ticket);
+        $this->assertEquals('desktop', $ticket->product);
+        $this->assertEquals('Build an app', $ticket->subject);
+        $this->assertStringContainsString('Build an app', $ticket->message);
+        $this->assertStringContainsString('It crashed', $ticket->message);
+        $this->assertStringContainsString('1. Open app 2. Click button', $ticket->message);
+        $this->assertStringContainsString('macOS 14, Electron 28', $ticket->message);
+        $this->assertNull($ticket->issue_type);
+        $this->assertEquals('Build an app', $ticket->metadata['trying_to_do']);
+        $this->assertEquals('It crashed', $ticket->metadata['what_happened']);
+    }
+
+    #[Test]
+    public function bifrost_submission_stores_product_and_issue_type(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'feature_request')
+            ->set('subject', 'Feature request')
+            ->set('message', 'Please add this feature.')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->call('submit')
+            ->assertRedirect();
+
+        $ticket = SupportTicket::where('subject', 'Feature request')->first();
+
+        $this->assertNotNull($ticket);
+        $this->assertEquals('bifrost', $ticket->product);
+        $this->assertEquals('feature_request', $ticket->issue_type);
+        $this->assertNull($ticket->metadata);
+    }
+
+    #[Test]
+    public function submission_redirects_to_show_page(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'nativephp.com')
+            ->call('nextStep')
+            ->set('issueType', 'other')
+            ->set('subject', 'Redirect test')
+            ->set('message', 'Testing redirect after creation.')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->call('submit')
+            ->assertRedirect();
+
+        $ticket = SupportTicket::where('subject', 'Redirect test')->first();
+
+        $this->assertNotNull($ticket);
+        $this->assertNotEmpty(route('customer.support.tickets.show', $ticket));
+    }
+
+    #[Test]
+    public function step_3_shows_full_summary_including_environment_and_reproduction_steps(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'desktop')
+            ->call('nextStep')
+            ->set('tryingToDo', 'Build an app')
+            ->set('whatHappened', 'It crashed')
+            ->set('reproductionSteps', '1. Open app 2. Click button')
+            ->set('environment', 'macOS 14, PHP 8.4')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->assertSee('Review your request')
+            ->assertSee('Desktop')
+            ->assertSee('Build an app')
+            ->assertSee('It crashed')
+            ->assertSee('1. Open app 2. Click button')
+            ->assertSee('macOS 14, PHP 8.4');
+    }
+
+    #[Test]
+    public function support_page_shows_priority_support_for_max_plan_users(): void
+    {
+        $user = User::factory()->create();
+
+        License::factory()->max()->active()->create(['user_id' => $user->id]);
+
+        $this->actingAs($user)
+            ->get(route('support.index'))
+            ->assertOk()
+            ->assertSee('Priority Support')
+            ->assertSee('Submit a Ticket');
+    }
+
+    #[Test]
+    public function support_page_does_not_show_priority_support_for_non_max_users(): void
+    {
+        $user = User::factory()->create();
+
+        License::factory()->pro()->active()->create(['user_id' => $user->id]);
+
+        $this->actingAs($user)
+            ->get(route('support.index'))
+            ->assertOk()
+            ->assertDontSee('Priority Support');
+    }
+
+    #[Test]
+    public function support_page_does_not_show_priority_support_for_guests(): void
+    {
+        $this->get(route('support.index'))
+            ->assertOk()
+            ->assertDontSee('Priority Support');
+    }
+
+    #[Test]
+    public function changing_product_resets_all_step_2_fields(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->set('mobileAreaType', 'plugin')
+            ->set('mobileArea', 'jump')
+            ->set('tryingToDo', 'Something')
+            ->set('whatHappened', 'Something else')
+            ->set('reproductionSteps', 'Steps here')
+            ->set('environment', 'macOS')
+            ->call('previousStep')
+            ->set('selectedProduct', 'nativephp.com')
+            ->assertSet('mobileAreaType', '')
+            ->assertSet('mobileArea', '')
+            ->assertSet('tryingToDo', '')
+            ->assertSet('whatHappened', '')
+            ->assertSet('reproductionSteps', '')
+            ->assertSet('environment', '')
+            ->assertSet('subject', '')
+            ->assertSet('message', '')
+            ->assertSet('issueType', '');
+    }
+
+    #[Test]
+    public function ticket_index_shows_create_button_link(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Index::class)
+            ->assertSee(route('customer.support.tickets.create'));
+    }
+
+    #[Test]
+    public function back_button_returns_to_previous_step(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'desktop')
+            ->call('nextStep')
+            ->assertSet('currentStep', 2)
+            ->call('previousStep')
+            ->assertSet('currentStep', 1);
+    }
+
+    #[Test]
+    public function plugin_type_shows_official_plugins_in_select(): void
+    {
+        $user = User::factory()->create();
+
+        Plugin::factory()->create([
+            'name' => 'nativephp/mobile-camera',
+            'is_official' => true,
+            'user_id' => $user->id,
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->set('mobileAreaType', 'plugin')
+            ->assertSee('nativephp/mobile-camera')
+            ->assertSee('Jump');
+    }
+
+    #[Test]
+    public function mobile_plugin_submission_stores_area_in_metadata(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->set('mobileAreaType', 'plugin')
+            ->set('mobileArea', 'jump')
+            ->set('tryingToDo', 'Navigate between screens')
+            ->set('whatHappened', 'App froze')
+            ->set('reproductionSteps', '1. Open app 2. Navigate')
+            ->set('environment', 'iOS 17, iPhone 15')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->call('submit')
+            ->assertRedirect();
+
+        $ticket = SupportTicket::where('user_id', $user->id)->first();
+
+        $this->assertNotNull($ticket);
+        $this->assertEquals('mobile', $ticket->product);
+        $this->assertEquals('Navigate between screens', $ticket->subject);
+        $this->assertEquals('plugin', $ticket->metadata['mobile_area_type']);
+        $this->assertEquals('jump', $ticket->metadata['mobile_area']);
+        $this->assertEquals('Navigate between screens', $ticket->metadata['trying_to_do']);
+    }
+
+    #[Test]
+    public function mobile_core_submission_stores_area_type_without_area(): void
+    {
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'mobile')
+            ->call('nextStep')
+            ->set('mobileAreaType', 'core')
+            ->set('tryingToDo', 'Build an app')
+            ->set('whatHappened', 'It crashed')
+            ->set('reproductionSteps', '1. Run build')
+            ->set('environment', 'iOS 17')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->call('submit')
+            ->assertRedirect();
+
+        $ticket = SupportTicket::where('user_id', $user->id)->first();
+
+        $this->assertNotNull($ticket);
+        $this->assertEquals('mobile', $ticket->product);
+        $this->assertEquals('Build an app', $ticket->subject);
+        $this->assertEquals('core', $ticket->metadata['mobile_area_type']);
+        $this->assertArrayNotHasKey('mobile_area', $ticket->metadata);
+    }
+
+    #[Test]
+    public function submitting_a_ticket_sends_notification_to_support_email(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+
+        Livewire::actingAs($user)
+            ->test(Create::class)
+            ->set('selectedProduct', 'bifrost')
+            ->call('nextStep')
+            ->set('issueType', 'bug')
+            ->set('subject', 'Notification test')
+            ->set('message', 'Testing notification dispatch.')
+            ->call('nextStep')
+            ->assertSet('currentStep', 3)
+            ->call('submit')
+            ->assertRedirect();
+
+        Notification::assertSentOnDemand(
+            SupportTicketSubmitted::class,
+            function (SupportTicketSubmitted $notification, array $channels, object $notifiable) {
+                return $notifiable->routes['mail'] === 'support@nativephp.com'
+                    && $notification->ticket->subject === 'Notification test';
+            }
+        );
+    }
+
+    #[Test]
+    public function authenticated_user_can_reply_to_their_open_ticket(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->set('replyMessage', 'This is my reply.')
+            ->call('reply')
+            ->assertHasNoErrors();
+
+        $this->assertDatabaseHas('replies', [
+            'support_ticket_id' => $ticket->id,
+            'user_id' => $user->id,
+            'message' => 'This is my reply.',
+            'note' => false,
+        ]);
+    }
+
+    #[Test]
+    public function user_reply_sends_notification_to_support_email(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->set('replyMessage', 'I have more info.')
+            ->call('reply')
+            ->assertHasNoErrors();
+
+        Notification::assertSentOnDemand(
+            SupportTicketUserReplied::class,
+            function (SupportTicketUserReplied $notification, array $channels, object $notifiable) use ($ticket) {
+                return $notifiable->routes['mail'] === 'support@nativephp.com'
+                    && $notification->ticket->is($ticket)
+                    && $notification->reply->message === 'I have more info.';
+            }
+        );
+    }
+
+    #[Test]
+    public function user_cannot_reply_to_a_closed_ticket(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create([
+            'user_id' => $user->id,
+            'status' => Status::CLOSED,
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->set('replyMessage', 'This should fail.')
+            ->call('reply')
+            ->assertForbidden();
+    }
+
+    #[Test]
+    public function user_cannot_reply_to_another_users_ticket(): void
+    {
+        $user = User::factory()->create();
+        $otherUser = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $otherUser->id]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertNotFound();
+    }
+
+    #[Test]
+    public function reply_message_is_required(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->set('replyMessage', '')
+            ->call('reply')
+            ->assertHasErrors('replyMessage');
+    }
+
+    #[Test]
+    public function ticket_show_page_displays_inline_reply_form_for_open_ticket(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertSee('Add a reply');
+    }
+
+    #[Test]
+    public function ticket_show_page_hides_reply_form_for_closed_ticket(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create([
+            'user_id' => $user->id,
+            'status' => Status::CLOSED,
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertDontSee('Add a reply');
+    }
+
+    #[Test]
+    public function ticket_show_page_hides_internal_notes_from_ticket_owner(): void
+    {
+        $user = User::factory()->create();
+        $admin = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Reply::factory()->create([
+            'support_ticket_id' => $ticket->id,
+            'user_id' => $admin->id,
+            'message' => 'Visible staff reply',
+            'note' => false,
+        ]);
+
+        Reply::factory()->create([
+            'support_ticket_id' => $ticket->id,
+            'user_id' => $admin->id,
+            'message' => 'Secret internal note',
+            'note' => true,
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertSee('Visible staff reply')
+            ->assertDontSee('Secret internal note');
+    }
+
+    #[Test]
+    public function admin_reply_sends_notification_to_ticket_owner(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+        $admin = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        $reply = Reply::factory()->create([
+            'support_ticket_id' => $ticket->id,
+            'user_id' => $admin->id,
+            'message' => 'We are looking into this.',
+            'note' => false,
+        ]);
+
+        $ticket->user->notify(new SupportTicketReplied($ticket, $reply));
+
+        Notification::assertSentTo(
+            $user,
+            SupportTicketReplied::class,
+            function (SupportTicketReplied $notification) use ($ticket, $reply) {
+                return $notification->ticket->is($ticket)
+                    && $notification->reply->is($reply);
+            }
+        );
+    }
+
+    #[Test]
+    public function internal_note_reply_does_not_send_notification_to_ticket_owner(): void
+    {
+        Notification::fake();
+
+        $user = User::factory()->create();
+        $admin = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Reply::factory()->create([
+            'support_ticket_id' => $ticket->id,
+            'user_id' => $admin->id,
+            'message' => 'Internal note only.',
+            'note' => true,
+        ]);
+
+        // The RepliesRelationManager skips notification for notes,
+        // so we verify no notification was sent.
+        Notification::assertNotSentTo($user, SupportTicketReplied::class);
+    }
+
+    #[Test]
+    public function support_ticket_replied_notification_contains_correct_mail_content(): void
+    {
+        $user = User::factory()->create(['name' => 'Jane Doe']);
+        $ticket = SupportTicket::factory()->create([
+            'user_id' => $user->id,
+            'subject' => 'Login issue',
+        ]);
+        $reply = Reply::factory()->create([
+            'support_ticket_id' => $ticket->id,
+            'message' => 'We have fixed the login issue.',
+        ]);
+
+        $notification = new SupportTicketReplied($ticket, $reply);
+        $mail = $notification->toMail($user);
+
+        $this->assertStringContainsString('Login issue', $mail->subject);
+        $this->assertStringContainsString('Hi Jane', $mail->greeting);
+    }
+
+    #[Test]
+    public function ticket_show_page_displays_submission_details_section(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create([
+            'user_id' => $user->id,
+            'product' => 'mobile',
+            'message' => 'Original submission message',
+            'metadata' => [
+                'trying_to_do' => 'Build an app',
+                'what_happened' => 'It crashed',
+            ],
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertSee('Submission Details')
+            ->assertSee('Mobile')
+            ->assertDontSee('Original submission message')
+            ->assertSee('Build an app')
+            ->assertSee('It crashed');
+    }
+
+    #[Test]
+    public function ticket_show_page_hides_original_message_for_desktop_tickets(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create([
+            'user_id' => $user->id,
+            'product' => 'desktop',
+            'message' => 'Auto-generated bug report message',
+            'metadata' => [
+                'trying_to_do' => 'Run the app',
+            ],
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertDontSee('Original Message')
+            ->assertSee('Run the app');
+    }
+
+    #[Test]
+    public function ticket_show_page_shows_original_message_for_non_bug_report_tickets(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create([
+            'user_id' => $user->id,
+            'product' => 'nativephp.com',
+            'message' => 'I have a billing question.',
+        ]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->assertSee('Original Message')
+            ->assertSee('I have a billing question.');
+    }
+
+    #[Test]
+    public function user_can_close_their_ticket(): void
+    {
+        $user = User::factory()->create();
+        $ticket = SupportTicket::factory()->create(['user_id' => $user->id]);
+
+        Livewire::actingAs($user)
+            ->test(Show::class, ['supportTicket' => $ticket])
+            ->call('closeTicket')
+            ->assertHasNoErrors();
+
+        $this->assertEquals(Status::CLOSED, $ticket->fresh()->status);
+    }
+
+    #[Test]
+    public function guests_cannot_access_ticket_index(): void
+    {
+        $this->get(route('customer.support.tickets'))
+            ->assertRedirect();
+    }
+
+    #[Test]
+    public function authenticated_users_can_access_ticket_index(): void
+    {
+        $user = User::factory()->create();
+
+        $this->actingAs($user)
+            ->get(route('customer.support.tickets'))
+            ->assertOk()
+            ->assertSeeLivewire(Index::class);
+    }
+}