feat: home editorial e header/footer conforme preview

This commit is contained in:
2026-08-11 16:22:28 -03:00
parent 2573a4aa73
commit dfa798552f
17 changed files with 764 additions and 357 deletions

View File

@@ -1,22 +1,24 @@
@props([
'settings',
])
@props([])
@php
$title = $settings->manifesto_title ?: 'Sofisticação que também se traduz em organização.';
$lead = $settings->manifesto_lead ?: 'Um evento memorável não nasce apenas de uma boa estética. Ele depende de decisões bem conduzidas, fornecedores alinhados e atenção constante ao que realmente importa.';
$body = $settings->manifesto_body ?: 'A Amare combina sensibilidade e precisão para criar encontros coerentes com cada cliente, marca e ocasião — sem fórmulas prontas, excessos ou ruído.';
@endphp
<section aria-labelledby="manifesto-heading" class="home-chapter border-b border-amare-border bg-amare-bg-deep py-24 md:py-32" data-chapter="manifesto">
<div class="container-amare grid gap-10 md:grid-cols-12" data-reveal-group>
<div class="space-y-5 md:col-span-4 md:pt-20" data-reveal data-reveal-from="left">
<p class="max-w-52 text-lg leading-snug text-amare-text">Humana no cuidado. Precisa na entrega.</p>
<section
aria-labelledby="manifesto-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="sobre"
id="sobre"
>
<div class="container-amare grid gap-10 py-16 md:grid-cols-[0.8fr_1.2fr] md:gap-[90px] md:py-24" data-reveal-group>
<div data-reveal data-reveal-from="up">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">01 A Amare</p>
</div>
<div class="space-y-6 md:col-span-7 md:col-start-6" data-reveal data-reveal-from="up">
<h2 id="manifesto-heading" class="max-w-3xl text-headline font-medium text-amare-text">{{ $title }}</h2>
<p class="max-w-2xl text-xl leading-relaxed text-amare-text">{{ $lead }}</p>
<p class="max-w-2xl text-amare-text-muted">{{ $body }}</p>
<div class="flex flex-col gap-8" data-reveal data-reveal-from="up">
<h2 id="manifesto-heading" class="text-[clamp(1.875rem,4vw,3.25rem)] font-medium leading-[1.15] tracking-[-0.02em] text-amare-text">
Mais do que organizar um evento, a Amare conduz pessoas, decisões e detalhes para que cada experiência aconteça com clareza e tranquilidade.
</h2>
<p class="max-w-[760px] text-[clamp(1.1875rem,2vw,1.5rem)] leading-[1.55] text-amare-text-muted">
Aqui entra a apresentação institucional da marca e da Michele, com texto real aprovado pela cliente. A home deve construir confiança antes de pedir uma conversão.
</p>
</div>
</div>
</section>