feat: polir delight editorial no site público (MAN-139)
Confirmação de briefing/parceria, micro-feedback de campos e nav, e copy mais humana nos erros — sem quebrar reduced-motion. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
44
resources/views/components/public/form-success.blade.php
Normal file
44
resources/views/components/public/form-success.blade.php
Normal file
@@ -0,0 +1,44 @@
|
||||
@props([
|
||||
'seal' => 'Recebido',
|
||||
'title',
|
||||
'body',
|
||||
'homeLabel' => 'Voltar para a home',
|
||||
'whatsappLabel' => 'Falar no WhatsApp',
|
||||
'whatsappText' => 'Olá, enviei um briefing e gostaria de acompanhar.',
|
||||
])
|
||||
|
||||
@php
|
||||
$settings = $siteSettings ?? \App\Models\SiteSetting::instance();
|
||||
$digits = preg_replace('/\D/', '', (string) ($settings->whatsapp_number ?? ''));
|
||||
$whatsappHref = strlen($digits) >= 10
|
||||
? 'https://wa.me/'.$digits.'?text='.rawurlencode($whatsappText)
|
||||
: null;
|
||||
@endphp
|
||||
|
||||
<div
|
||||
role="status"
|
||||
data-form-success
|
||||
class="mt-10 max-w-2xl space-y-6 border border-amare-border bg-amare-bg-deep px-6 py-10 md:px-10"
|
||||
data-motion="page-open"
|
||||
{{ $attributes }}
|
||||
>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent" data-motion-beat="seal">{{ $seal }}</p>
|
||||
<h3 class="text-3xl font-medium tracking-tight text-amare-text md:text-4xl" data-motion-beat="title">{{ $title }}</h3>
|
||||
<p class="max-w-xl text-lg leading-relaxed text-amare-muted" data-motion-beat="heading">{{ $body }}</p>
|
||||
|
||||
<div class="flex flex-col items-start gap-4 pt-2 sm:flex-row sm:items-center sm:gap-8" data-motion-beat="cta">
|
||||
<a href="{{ route('home') }}" class="btn btn-primary min-h-11 px-6 text-xs font-bold uppercase tracking-[0.09em]">
|
||||
{{ $homeLabel }}
|
||||
</a>
|
||||
@if ($whatsappHref)
|
||||
<a
|
||||
href="{{ $whatsappHref }}"
|
||||
class="btn btn-ghost min-h-0 px-0 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent hover:bg-transparent hover:text-amare-accent-deep"
|
||||
rel="noopener noreferrer"
|
||||
target="_blank"
|
||||
>
|
||||
<span class="link-editorial">{{ $whatsappLabel }}</span>
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user