Files

Manoel Freitas 484ac77ce7 feat: Home editorial conforme preview (header, footer, 8 seções) (#53 )

* feat: modalidades de casamento e etapas corporativas

* feat: home editorial e header/footer conforme preview

* docs: proposta openspec home editorial

* test: CTA hero agora ancora #sobre conforme preview

* test: speed browser suite via visit reuse

Collapse route×viewport cartesian products, merge home motion
asserts, skip existing VisualContentSeeder JPEGs, ignore Screenshots.

2026-08-11 18:14:24 -03:00

3.3 KiB

Raw Permalink Blame History

Home editorial conforme preview estrutural

Why

A home atual não reflete a direção editorial aprovada para o site (Dossiê Editorial do Evento). O cliente validou um modelo estrutural (preview(1).html) que demonstra hierarquia, jornada e diferenciação de fluxos: hero editorial, editorial-split institucional, duas vertentes (Casamentos/Corporate), modalidades de casamento com orientação humana, frente corporativa honesta sobre portfólio em construção, portfólio curado, depoimentos sem carrossel e briefing comercial único. A home também é a porta de conversão primária (briefing), então a apresentação deve construir confiança antes de pedir conversão.

What Changes

Home em 8 seções (componentes x-home.*): hero assimétrico (1.1fr/0.9fr, arte rotulada até acervo autorizado), 01 — A Amare (editorial-split), 02 — Duas vertentes (2 cards), 03 — Amare Casamentos (grid de modalidades com bordas + bloco de orientação em accent-deep), 04 — Amare Corporate (etapas + placeholder "Conteúdo em construção"), 05 — Portfólio (1 foto alta + 4), 06 — Depoimentos (3 cards, sem carrossel), 07 — Briefing comercial (formulário completo reaproveitando contact.store).
Novo modelo WeddingPackage (Modalidades): migration, model com publication, factory, policy, seeder com copy exata do preview (Essenza/Conduzione/Grand Jour) e recurso Filament "Modalidades" com repeater de itens.
SiteSetting.corporate_steps: JSON de 3 etapas (Planejamento/Produção/Execução), editável via repeater no ManageSiteSettings, semeadas nos dois seeders.
Header/footer globais restilizados conforme preview (barra 74px, nav uppercase 13px, botão "Conte seu evento", footer editorial), preservando menu mobile, skip-link, logo e links legais.
Motion mantém convenções existentes (data-motion="page-open", data-motion-beat, data-reveal), respeitando prefers-reduced-motion global.

Non-Goals

Copy final institucional onde o preview declara placeholder (ex.: "Aqui entra a apresentação institucional da marca e da Michele…") — permanece placeholder.
Fotografias autorizadas da Amare (acervo ainda em organização) — imagens permanecem rotuladas.
Canal/forma de fornecedores e parcerias (pós-MVP, caixa tracejada) — não misturar ao briefing comercial.
Carrossel de depoimentos, parallax, scroll-jacking ou folios ornamentais.
Alteração de tokens do design system (assertados por HeritageEditorialTokensTest).

Capabilities

New Capabilities

wedding-packages: cadastro de modalidades de casamento (Essenza/Conduzione/Grand Jour) com itens, ordenação e publicação via Filament; exibidas na home na seção 03 — Amare Casamentos.

Modified Capabilities

public-site-pages: home recomposta em 8 capítulos com âncoras (#sobre, #vertentes, #casamentos, #corporate, #portfolio, #depoimentos, #contato); header/footer globais restilizados; briefing da home reutiliza o fluxo contact.store existente.
content-media: heróis continuam usando hero_image_path com fallback tipográfico rotulado; portfólio usa featuredCases reais ou labels provisórios.
design-tokens: nenhum valor alterado; novos componentes usam os tokens existentes via utilitários amare-*.

3.3 KiB Raw Permalink Blame History