From 9fbaf1614ff374a9222d9f559c4b0078d4186b56 Mon Sep 17 00:00:00 2001
From: Rodrigo Castro <tec.rodrigocastro@gmail.com>
Date: Wed, 21 Oct 2026 17:07:12 -0300
Subject: [PATCH] =?UTF-8?q?feat(design):=20cria=20p=C3=A1ginas=20403=20e?=
 =?UTF-8?q?=20404=20customizadas=20com=20a=20identidade=20do=20site?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/views/errors/403.blade.php      | 41 +++++++++++++++++++
 .../resources/views/errors/404.blade.php      | 38 +++++++++++++++++
 site_novo/tests/Feature/ErrorPagesTest.php    | 20 +++++++++
 3 files changed, 99 insertions(+)
 create mode 100644 site_novo/resources/views/errors/403.blade.php
 create mode 100644 site_novo/resources/views/errors/404.blade.php
 create mode 100644 site_novo/tests/Feature/ErrorPagesTest.php

diff --git a/site_novo/resources/views/errors/403.blade.php b/site_novo/resources/views/errors/403.blade.php
new file mode 100644
index 0000000..6c7a681
--- /dev/null
+++ b/site_novo/resources/views/errors/403.blade.php
@@ -0,0 +1,41 @@
+<x-layouts.app title="Acesso restrito - PHP-PB">
+    <livewire:landing.header />
+
+    <main class="bg-areia">
+        <div class="max-w-[1200px] mx-auto px-6 py-20 lg:py-28 grid grid-cols-1 lg:grid-cols-2 items-center gap-12">
+            <div class="order-2 lg:order-1">
+                <p class="text-[11px] font-semibold uppercase tracking-[0.2em] text-azul-principal mb-3.5">Erro 403</p>
+                <h1 class="font-display font-extrabold text-5xl sm:text-6xl leading-[0.98] tracking-[-0.03em] text-preto mb-6">
+                    Acesso<br><span class="text-azul-principal">restrito.</span>
+                </h1>
+                <p class="max-w-[420px] text-[14.5px] text-[#334155] mb-9">
+                    Você não tem permissão pra acessar esta área. Se acha que isso é um engano,
+                    fala com quem administra a comunidade.
+                </p>
+
+                <div class="flex flex-wrap gap-3.5">
+                    <a href="{{ route('home') }}"
+                       class="inline-flex items-center gap-2.5 px-5.5 py-3.5 rounded-full bg-azul-marinho hover:bg-[#0b3b6c] text-white font-semibold text-sm transition-all hover:-translate-y-0.5 hover:shadow-[0_8px_20px_rgba(30,142,219,.25)]">
+                        Voltar para o início
+                        <x-phosphor-arrow-right class="w-4 h-4" />
+                    </a>
+
+                    @auth
+                        <a href="/membro"
+                           class="inline-flex items-center gap-2.5 px-5.5 py-3.5 rounded-full border-[1.5px] border-azul-principal text-azul-principal font-semibold text-sm transition-all hover:bg-azul-fundo">
+                            Ir pro meu painel
+                        </a>
+                    @endauth
+                </div>
+            </div>
+
+            <div class="order-1 lg:order-2 relative mx-auto w-full max-w-md" aria-hidden="true">
+                <img src="{{ asset('images/hero/farol-cena.png') }}" alt="" class="w-full">
+                <img src="{{ asset('images/hero/mascote.png') }}" alt="" class="absolute left-[-6%] bottom-[-6%] w-[48%] drop-shadow-[0_12px_14px_rgba(8,45,82,.25)]">
+                <span class="absolute right-[2%] top-[-6%] font-script text-azul-marinho text-4xl -rotate-6">403</span>
+            </div>
+        </div>
+    </main>
+
+    <livewire:landing.footer />
+</x-layouts.app>
diff --git a/site_novo/resources/views/errors/404.blade.php b/site_novo/resources/views/errors/404.blade.php
new file mode 100644
index 0000000..cb5bac5
--- /dev/null
+++ b/site_novo/resources/views/errors/404.blade.php
@@ -0,0 +1,38 @@
+<x-layouts.app title="Página não encontrada - PHP-PB">
+    <livewire:landing.header />
+
+    <main class="bg-areia">
+        <div class="max-w-[1200px] mx-auto px-6 py-20 lg:py-28 grid grid-cols-1 lg:grid-cols-2 items-center gap-12">
+            <div class="order-2 lg:order-1">
+                <p class="text-[11px] font-semibold uppercase tracking-[0.2em] text-azul-principal mb-3.5">Erro 404</p>
+                <h1 class="font-display font-extrabold text-5xl sm:text-6xl leading-[0.98] tracking-[-0.03em] text-preto mb-6">
+                    Essa página<br><span class="text-azul-principal">se perdeu no mar.</span>
+                </h1>
+                <p class="max-w-[420px] text-[14.5px] text-[#334155] mb-9">
+                    Não encontramos o que você procurava. O endereço pode ter mudado
+                    ou nunca existiu por aqui.
+                </p>
+
+                <div class="flex flex-wrap gap-3.5">
+                    <a href="{{ route('home') }}"
+                       class="inline-flex items-center gap-2.5 px-5.5 py-3.5 rounded-full bg-azul-marinho hover:bg-[#0b3b6c] text-white font-semibold text-sm transition-all hover:-translate-y-0.5 hover:shadow-[0_8px_20px_rgba(30,142,219,.25)]">
+                        Voltar para o início
+                        <x-phosphor-arrow-right class="w-4 h-4" />
+                    </a>
+                    <a href="{{ route('blog.index') }}"
+                       class="inline-flex items-center gap-2.5 px-5.5 py-3.5 rounded-full border-[1.5px] border-azul-principal text-azul-principal font-semibold text-sm transition-all hover:bg-azul-fundo">
+                        Ver o blog
+                    </a>
+                </div>
+            </div>
+
+            <div class="order-1 lg:order-2 relative mx-auto w-full max-w-md" aria-hidden="true">
+                <img src="{{ asset('images/hero/farol-cena.png') }}" alt="" class="w-full">
+                <img src="{{ asset('images/hero/mascote.png') }}" alt="" class="absolute left-[-6%] bottom-[-6%] w-[48%] drop-shadow-[0_12px_14px_rgba(8,45,82,.25)]">
+                <span class="absolute right-[2%] top-[-6%] font-script text-azul-marinho text-4xl -rotate-6">404</span>
+            </div>
+        </div>
+    </main>
+
+    <livewire:landing.footer />
+</x-layouts.app>
diff --git a/site_novo/tests/Feature/ErrorPagesTest.php b/site_novo/tests/Feature/ErrorPagesTest.php
new file mode 100644
index 0000000..c765e2d
--- /dev/null
+++ b/site_novo/tests/Feature/ErrorPagesTest.php
@@ -0,0 +1,20 @@
+<?php
+
+use App\Models\User;
+
+test('a member blocked from the admin panel sees the branded 403 page', function () {
+    $member = User::factory()->create();
+
+    $this->actingAs($member, 'web')
+        ->get('/admin')
+        ->assertForbidden()
+        ->assertSee('Acesso restrito')
+        ->assertSee('Voltar para o início');
+});
+
+test('a guest hitting an unknown route sees the branded 404 page', function () {
+    $this->get('/rota-que-nao-existe')
+        ->assertNotFound()
+        ->assertSee('Essa página')
+        ->assertSee('Voltar para o início');
+});