feat: adota daisyUI 5 com tema amare nos componentes públicos

package-lock.json

@@ -1,5 +1,5 @@
 {
-    "name": "site-amare",
+    "name": "daisyui",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
@@ -7,6 +7,7 @@
             "devDependencies": {
                 "@tailwindcss/vite": "^4.0.0",
                 "concurrently": "^9.0.1",
+                "daisyui": "^5.7.16",
                 "husky": "^9.1.7",
                 "laravel-vite-plugin": "^3.1",
                 "playwright": "^1.62.0",
@@ -790,6 +791,16 @@
                 "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
             }
         },
+        "node_modules/daisyui": {
+            "version": "5.7.16",
+            "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.7.16.tgz",
+            "integrity": "sha512-V9CJxvrWIXTDuP/0tpijjWaKaKJNYo2IrULJfTWs3/DjW9rPqswk1n8NCLQRLrTutmlG2Ech7nkJDpCnF+6Dzw==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/saadeghi/daisyui?sponsor=1"
+            }
+        },
         "node_modules/detect-libc": {
             "version": "2.1.2",
             "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",

package.json

@@ -10,6 +10,7 @@
     "devDependencies": {
         "@tailwindcss/vite": "^4.0.0",
         "concurrently": "^9.0.1",
+        "daisyui": "^5.7.16",
         "husky": "^9.1.7",
         "laravel-vite-plugin": "^3.1",
         "playwright": "^1.62.0",

resources/css/app.css

@@ -1,6 +1,46 @@
 @import 'tailwindcss';
 @import './tokens.css';
 
+@plugin "daisyui" {
+    themes: false;
+}
+
+@plugin "daisyui/theme" {
+    name: "amare";
+    default: true;
+    color-scheme: light;
+
+    --color-base-100: var(--amare-color-bg);
+    --color-base-200: var(--amare-color-bg-deep);
+    --color-base-300: var(--amare-color-bg-archive);
+    --color-base-content: var(--amare-color-text);
+    --color-primary: var(--amare-color-accent);
+    --color-primary-content: var(--amare-color-accent-text);
+    --color-secondary: var(--amare-color-sage);
+    --color-secondary-content: var(--amare-color-text);
+    --color-accent: var(--amare-color-accent-deep);
+    --color-accent-content: var(--amare-color-accent-text);
+    --color-neutral: var(--amare-color-muted);
+    --color-neutral-content: var(--amare-color-accent-text);
+    --color-info: #2563eb;
+    --color-info-content: #ffffff;
+    --color-success: var(--amare-color-success);
+    --color-success-content: var(--amare-color-accent-text);
+    --color-warning: var(--amare-color-warning);
+    --color-warning-content: var(--amare-color-accent-text);
+    --color-error: var(--amare-color-error);
+    --color-error-content: var(--amare-color-accent-text);
+
+    --radius-selector: 0;
+    --radius-field: 0;
+    --radius-box: 0;
+    --size-selector: 0.25rem;
+    --size-field: 0.25rem;
+    --border: 1px;
+    --depth: 0;
+    --noise: 0;
+}
+
 @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
 @source '../../storage/framework/views/*.php';
 @source '../views/**/*.blade.php';
@@ -223,3 +263,11 @@
         }
     }
 }
+
+/* daisyUI emits unlayered; match focus ring to the amare accent. */
+.input:focus,
+.select:focus,
+.textarea:focus,
+.checkbox:focus-visible {
+    --input-color: var(--amare-color-accent);
+}

resources/views/components/home/final-cta.blade.php

@@ -18,7 +18,7 @@
         <div>
             <a
                 href="{{ route('contact') }}"
-                class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors duration-(--amare-duration-normal) ease-(--amare-ease-standard) hover:bg-amare-accent-deep"
+                class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]"
             >
                 {{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
             </a>

resources/views/components/home/hero.blade.php

@@ -35,12 +35,12 @@
                 @endif
 
                 <div data-motion-beat="cta" class="flex flex-wrap items-center gap-4">
-                    <a href="{{ route('contact') }}" data-testid="home-primary-cta" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold text-amare-accent-text transition-colors duration-(--amare-duration-normal) ease-(--amare-ease-standard) hover:bg-amare-accent-hover">
+                    <a href="{{ route('contact') }}" data-testid="home-primary-cta" class="btn btn-primary text-sm font-semibold">
                         {{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
                     </a>
 
                     @if (filled($settings->hero_secondary_cta_label))
-                        <a href="{{ route('portfolio.index') }}" class="inline-flex min-h-11 items-center text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep">
+                        <a href="{{ route('portfolio.index') }}" class="btn btn-ghost min-h-0 px-0 text-amare-accent hover:bg-transparent hover:text-amare-accent-deep">
                             <span class="border-b border-amare-accent pb-1">{{ $settings->hero_secondary_cta_label }}</span>
                         </a>
                     @endif
@@ -74,12 +74,12 @@
                 @endif
 
                 <div data-motion-beat="cta" class="flex flex-wrap items-center gap-4">
-                    <a href="{{ route('contact') }}" data-testid="home-primary-cta" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold text-amare-accent-text transition-colors duration-(--amare-duration-normal) ease-(--amare-ease-standard) hover:bg-amare-accent-hover">
+                    <a href="{{ route('contact') }}" data-testid="home-primary-cta" class="btn btn-primary text-sm font-semibold">
                         {{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
                     </a>
 
                     @if (filled($settings->hero_secondary_cta_label))
-                        <a href="{{ route('portfolio.index') }}" class="inline-flex min-h-11 items-center text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep">
+                        <a href="{{ route('portfolio.index') }}" class="btn btn-ghost min-h-0 px-0 text-amare-accent hover:bg-transparent hover:text-amare-accent-deep">
                             <span class="border-b border-amare-accent pb-1">{{ $settings->hero_secondary_cta_label }}</span>
                         </a>
                     @endif

resources/views/components/home/positioning.blade.php

@@ -34,7 +34,7 @@
                 @endforeach
             </ul>
             <p>
-                <a href="{{ route('about') }}" class="inline-flex min-h-11 items-center text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep">
+                <a href="{{ route('about') }}" class="btn btn-ghost min-h-0 px-0 text-sm font-semibold text-amare-accent hover:bg-transparent hover:text-amare-accent-deep">
                     <span class="border-b border-amare-accent pb-1">Conhecer a Amare</span>
                 </a>
             </p>

resources/views/components/home/services.blade.php

@@ -26,7 +26,7 @@
             </ol>
 
             <p>
-                <a href="{{ route('services.index') }}" class="inline-flex min-h-11 items-center text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep">
+                <a href="{{ route('services.index') }}" class="btn btn-ghost min-h-0 px-0 text-sm font-semibold text-amare-accent hover:bg-transparent hover:text-amare-accent-deep">
                     <span class="border-b border-amare-accent pb-1">Ver todos os serviços</span>
                 </a>
             </p>

resources/views/errors/404.blade.php

@@ -20,7 +20,7 @@
         <h1 class="text-4xl font-medium tracking-tight text-amare-text" data-motion-beat="title">Página não encontrada</h1>
         <p class="text-amare-muted" data-reveal data-reveal-from="up">O endereço que você tentou abrir não existe ou foi movido.</p>
         <p data-reveal data-reveal-from="up">
-            <a href="{{ route('home') }}" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
+            <a href="{{ route('home') }}" class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]">
                 Voltar para a home
             </a>
         </p>

resources/views/errors/419.blade.php

@@ -20,7 +20,7 @@
         <h1 class="text-4xl font-medium tracking-tight text-amare-text" data-motion-beat="title">Sessão expirada</h1>
         <p class="text-amare-muted" data-reveal data-reveal-from="up">Sua sessão expirou. Volte e tente enviar novamente.</p>
         <p data-reveal data-reveal-from="up">
-            <a href="{{ route('home') }}" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
+            <a href="{{ route('home') }}" class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]">
                 Voltar para a home
             </a>
         </p>

resources/views/errors/429.blade.php

@@ -20,7 +20,7 @@
         <h1 class="text-4xl font-medium tracking-tight text-amare-text" data-motion-beat="title">Muitas solicitações</h1>
         <p class="text-amare-muted" data-reveal data-reveal-from="up">Você enviou muitas solicitações em pouco tempo. Aguarde um instante e tente novamente.</p>
         <p data-reveal data-reveal-from="up">
-            <a href="{{ route('home') }}" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
+            <a href="{{ route('home') }}" class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]">
                 Voltar para a home
             </a>
         </p>

resources/views/errors/500.blade.php

@@ -20,7 +20,7 @@
         <h1 class="text-4xl font-medium tracking-tight text-amare-text" data-motion-beat="title">Algo deu errado</h1>
         <p class="text-amare-muted" data-reveal data-reveal-from="up">Não foi possível concluir o pedido agora. Tente novamente em instantes.</p>
         <p data-reveal data-reveal-from="up">
-            <a href="{{ route('home') }}" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
+            <a href="{{ route('home') }}" class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]">
                 Voltar para a home
             </a>
         </p>

resources/views/errors/503.blade.php

@@ -20,7 +20,7 @@
         <h1 class="text-4xl font-medium tracking-tight text-amare-text" data-motion-beat="title">Em manutenção</h1>
         <p class="text-amare-muted" data-reveal data-reveal-from="up">Estamos realizando uma breve manutenção. Tente novamente em instantes.</p>
         <p data-reveal data-reveal-from="up">
-            <a href="{{ route('home') }}" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
+            <a href="{{ route('home') }}" class="btn btn-primary text-sm font-semibold uppercase tracking-[0.12em]">
                 Voltar para a home
             </a>
         </p>

resources/views/layouts/public.blade.php

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="amare">
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -58,11 +58,11 @@
     <header class="site-header sticky top-0 z-40 border-b border-amare-border/80 bg-amare-bg/90 backdrop-blur-sm">
         <div class="container-amare grid grid-cols-[auto_1fr_auto] items-center gap-4 py-4 md:grid-cols-[1fr_auto_1fr]">
             <nav id="main-nav" class="main-nav order-3 col-span-3 hidden flex-col gap-4 border-t border-amare-border pt-4 md:order-1 md:col-span-1 md:flex md:flex-row md:items-center md:gap-1 md:border-0 md:pt-0" aria-label="Principal" data-main-nav>
-                <a href="{{ route('home') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Início</a>
+                <a href="{{ route('home') }}" class="btn btn-ghost min-h-0 px-0 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted hover:text-amare-accent md:px-2">Início</a>
-                <a href="{{ route('services.index') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Serviços</a>
+                <a href="{{ route('services.index') }}" class="btn btn-ghost min-h-0 px-0 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted hover:text-amare-accent md:px-2">Serviços</a>
-                <a href="{{ route('portfolio.index') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Portfólio</a>
+                <a href="{{ route('portfolio.index') }}" class="btn btn-ghost min-h-0 px-0 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted hover:text-amare-accent md:px-2">Portfólio</a>
-                <a href="{{ route('about') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:px-2">Amare</a>
+                <a href="{{ route('about') }}" class="btn btn-ghost min-h-0 px-0 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted hover:text-amare-accent md:px-2">Amare</a>
-                <a href="{{ route('contact') }}" class="inline-flex items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted transition-colors hover:text-amare-accent md:hidden">Solicitar proposta</a>
+                <a href="{{ route('contact') }}" class="btn btn-ghost min-h-0 px-0 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-muted hover:text-amare-accent md:hidden">Solicitar proposta</a>
             </nav>
 
             <a href="{{ route('home') }}" class="order-1 justify-self-start md:order-2 md:justify-self-center" aria-label="{{ $siteSettings->brand_name }} — página inicial">
@@ -70,13 +70,13 @@
             </a>
 
             <div class="order-2 flex items-center justify-end gap-3 md:order-3">
-                <a href="{{ route('contact') }}" class="hidden items-center py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent transition-colors hover:text-amare-accent-deep md:inline-flex">
+                <a href="{{ route('contact') }}" class="btn btn-ghost hidden min-h-0 px-0 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent hover:text-amare-accent-deep md:inline-flex">
                     Solicitar proposta
                 </a>
 
                 <button
                     type="button"
-                    class="menu-button inline-flex h-11 w-11 items-center justify-center border border-amare-border text-amare-text md:hidden"
+                    class="menu-button btn btn-square btn-ghost border border-amare-border text-amare-text md:hidden"
                     aria-label="Abrir menu"
                     aria-controls="main-nav"
                     aria-expanded="false"

resources/views/pages/contact.blade.php

@@ -42,7 +42,7 @@
             </p>
 
             @if (session('status') === 'briefing-sent')
-                <div role="status" class="mt-8 border border-amare-border bg-amare-bg-deep px-6 py-5">
+                <div role="status" class="alert mt-8 border border-amare-border bg-amare-bg-deep">
                     <p class="font-semibold text-amare-text">Mensagem enviada.</p>
                     <p class="mt-1 text-amare-muted">Recebemos seu briefing e retornaremos em breve pelo canal informado.</p>
                 </div>
@@ -61,7 +61,7 @@
                     </div>
 
                     @if ($errors->any())
-                        <div role="alert" class="border border-amare-error/40 bg-amare-error/5 px-6 py-5">
+                        <div role="alert" class="alert alert-error border border-amare-error/40">
                             <p class="font-semibold text-amare-error">Não foi possível enviar.</p>
                             <p class="mt-1 text-sm text-amare-muted">Revise os campos destacados abaixo e tente novamente.</p>
                         </div>
@@ -79,7 +79,7 @@
                                 autocomplete="name"
                                 maxlength="120"
                                 placeholder="Seu nome"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('nome') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('nome') input-error @enderror"
                                 @error('nome') aria-invalid="true" aria-describedby="nome-error" @enderror
                             >
                             @error('nome')
@@ -98,7 +98,7 @@
                                 autocomplete="email"
                                 maxlength="254"
                                 placeholder="voce@email.com"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('email') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('email') input-error @enderror"
                                 @error('email') aria-invalid="true" aria-describedby="email-error" @enderror
                             >
                             @error('email')
@@ -117,7 +117,7 @@
                                 autocomplete="tel"
                                 maxlength="40"
                                 placeholder="(11) 90000-0000"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('telefone') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('telefone') input-error @enderror"
                                 @error('telefone') aria-invalid="true" aria-describedby="telefone-error" @enderror
                             >
                             @error('telefone')
@@ -131,7 +131,7 @@
                                 id="tipo_evento"
                                 name="tipo_evento"
                                 required
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors focus:border-amare-accent focus:outline-none @error('tipo_evento') border-amare-error @enderror"
+                                class="select w-full text-amare-text @error('tipo_evento') select-error @enderror"
                                 @error('tipo_evento') aria-invalid="true" aria-describedby="tipo_evento-error" @enderror
                             >
                                 <option value="" selected disabled>Selecione...</option>
@@ -154,7 +154,7 @@
                                 value="{{ old('data_periodo') }}"
                                 maxlength="80"
                                 placeholder="Ex.: novembro de 2027"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('data_periodo') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('data_periodo') input-error @enderror"
                                 @error('data_periodo') aria-invalid="true" aria-describedby="data_periodo-error" @enderror
                             >
                             @error('data_periodo')
@@ -172,7 +172,7 @@
                                 required
                                 maxlength="80"
                                 placeholder="Ex.: São Paulo"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('cidade') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('cidade') input-error @enderror"
                                 @error('cidade') aria-invalid="true" aria-describedby="cidade-error" @enderror
                             >
                             @error('cidade')
@@ -192,7 +192,7 @@
                                 inputmode="numeric"
                                 autocomplete="off"
                                 placeholder="Ex.: 120"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('convidados') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('convidados') input-error @enderror"
                                 @error('convidados') aria-invalid="true" aria-describedby="convidados-error" @enderror
                             >
                             @error('convidados')
@@ -209,7 +209,7 @@
                                 value="{{ old('servico_interesse') }}"
                                 maxlength="120"
                                 placeholder="Ex.: planejamento completo"
-                                class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('servico_interesse') border-amare-error @enderror"
+                                class="input w-full text-amare-text placeholder:text-amare-muted/60 @error('servico_interesse') input-error @enderror"
                                 @error('servico_interesse') aria-invalid="true" aria-describedby="servico_interesse-error" @enderror
                             >
                             @error('servico_interesse')
@@ -227,7 +227,7 @@
                             rows="6"
                             maxlength="3000"
                             placeholder="Conte sobre o seu evento, expectativas e principais preocupações."
-                            class="w-full border-0 border-b border-amare-border bg-transparent py-3 text-amare-text transition-colors placeholder:text-amare-muted/60 focus:border-amare-accent focus:outline-none @error('mensagem') border-amare-error @enderror"
+                            class="textarea w-full text-amare-text placeholder:text-amare-muted/60 @error('mensagem') textarea-error @enderror"
                             @error('mensagem') aria-invalid="true" aria-describedby="mensagem-error" @enderror
                         >{{ old('mensagem') }}</textarea>
                         @error('mensagem')
@@ -244,7 +244,7 @@
                                 value="1"
                                 required
                                 @checked(old('privacidade'))
-                                class="mt-1 h-5 w-5 shrink-0 accent-amare-accent"
+                                class="checkbox checkbox-primary mt-1 shrink-0"
                                 @error('privacidade') aria-invalid="true" aria-describedby="privacidade-error" @enderror
                             >
                             <span class="text-sm text-amare-muted">
@@ -262,7 +262,7 @@
                         <button
                             type="submit"
                             data-submit-button
-                            class="inline-flex min-h-[44px] items-center justify-center bg-amare-accent px-8 py-3 text-sm font-semibold uppercase tracking-[0.12em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep"
+                            class="btn btn-primary min-h-11 px-8 text-sm font-semibold uppercase tracking-[0.12em]"
                         >
                             Enviar briefing
                         </button>