Compare commits

...

6 Commits

Author SHA1 Message Date
8009f1f8f9 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:09:30 -03:00
8311f89850 test: CTA hero agora ancora #sobre conforme preview 2026-08-11 17:24:57 -03:00
887df37fae merge: integrar main (#51 spread editorial, #52 jornada de casamentos) 2026-08-11 16:37:59 -03:00
4859fc5a8b docs: proposta openspec home editorial 2026-08-11 16:24:12 -03:00
dfa798552f feat: home editorial e header/footer conforme preview 2026-08-11 16:22:28 -03:00
2573a4aa73 feat: modalidades de casamento e etapas corporativas 2026-08-11 16:22:25 -03:00
38 changed files with 1312 additions and 595 deletions

3
.gitignore vendored
View File

@@ -26,3 +26,6 @@ Homestead.json
Homestead.yaml
Thumbs.db
.worktrees/
# Pest Browser visual diffs (local/CI artifacts)
/tests/Browser/Screenshots/

View File

@@ -17,13 +17,13 @@ final readonly class HomeContent
* @param Collection<int, Service> $featuredServices
* @param Collection<int, PortfolioCase> $featuredCases
* @param Collection<int, Testimonial> $testimonials
* @param Collection<int, WeddingPackage> $weddingPackages
* @param Collection<int, WeddingPackage> $packages
*/
public function __construct(
public SiteSetting $settings,
public Collection $featuredServices,
public Collection $featuredCases,
public Collection $testimonials,
public Collection $weddingPackages,
public Collection $packages,
) {}
}

View File

@@ -32,7 +32,7 @@ final class GetHomeContent
->published()
->orderBy('sort_order')
->get(),
weddingPackages: WeddingPackage::query()
packages: WeddingPackage::query()
->published()
->orderBy('sort_order')
->get(),

View File

@@ -212,6 +212,26 @@ class ManageSiteSettings extends Page
->reorderable()
->columnSpanFull(),
]),
Section::make('Corporate')
->description('Etapas apresentadas na frente Amare Corporate da home.')
->schema([
Repeater::make('corporate_steps')
->label('Etapas do serviço corporativo')
->schema([
TextInput::make('title')
->label('Título')
->required()
->maxLength(255),
Textarea::make('body')
->label('Descrição')
->required()
->rows(2),
])
->defaultItems(3)
->maxItems(6)
->reorderable()
->columnSpanFull(),
]),
Section::make('Princípios')
->schema([
TagsInput::make('principles')

View File

@@ -5,15 +5,9 @@ declare(strict_types=1);
namespace App\Filament\Resources\WeddingPackages\Pages;
use App\Filament\Resources\WeddingPackages\WeddingPackageResource;
use Filament\Actions\DeleteAction;
use Filament\Resources\Pages\EditRecord;
class EditWeddingPackage extends EditRecord
{
protected static string $resource = WeddingPackageResource::class;
protected function getHeaderActions(): array
{
return [DeleteAction::make()];
}
}

View File

@@ -14,6 +14,8 @@ class ListWeddingPackages extends ListRecords
protected function getHeaderActions(): array
{
return [CreateAction::make()];
return [
CreateAction::make(),
];
}
}

View File

@@ -0,0 +1,57 @@
<?php
declare(strict_types=1);
namespace App\Filament\Resources\WeddingPackages\Schemas;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Repeater;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Schemas\Schema;
class WeddingPackageForm
{
public static function configure(Schema $schema): Schema
{
return $schema
->components([
TextInput::make('name')
->label('Nome da modalidade')
->required()
->maxLength(255),
TextInput::make('level')
->label('Número / tipo (ex.: 01 / COMPLETA)')
->required()
->maxLength(255),
Textarea::make('summary')
->label('Resumo')
->required()
->rows(4),
Repeater::make('scope_items')
->label('O que está incluído')
->schema([
TextInput::make('item')
->label('Item')
->required()
->maxLength(255),
])
->defaultItems(4)
->minItems(1)
->addActionLabel('Adicionar item')
->required(),
TextInput::make('cta_label')
->label('Texto do botão')
->required()
->maxLength(255),
TextInput::make('sort_order')
->label('Ordem')
->numeric()
->default(0)
->required(),
DateTimePicker::make('published_at')
->label('Publicado em')
->seconds(false),
]);
}
}

View File

@@ -0,0 +1,50 @@
<?php
declare(strict_types=1);
namespace App\Filament\Resources\WeddingPackages\Tables;
use Filament\Actions\BulkActionGroup;
use Filament\Actions\DeleteAction;
use Filament\Actions\DeleteBulkAction;
use Filament\Actions\EditAction;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;
class WeddingPackagesTable
{
public static function configure(Table $table): Table
{
return $table
->columns([
TextColumn::make('name')
->label('Nome')
->searchable()
->sortable(),
TextColumn::make('level')
->label('Número / tipo')
->searchable(),
TextColumn::make('published_at')
->label('Publicado em')
->dateTime()
->sortable(),
TextColumn::make('sort_order')
->label('Ordem')
->sortable(),
])
->defaultSort('sort_order')
->filters([
//
])
->recordActions([
EditAction::make(),
DeleteAction::make()
->requiresConfirmation(),
])
->toolbarActions([
BulkActionGroup::make([
DeleteBulkAction::make(),
]),
]);
}
}

View File

@@ -7,16 +7,14 @@ namespace App\Filament\Resources\WeddingPackages;
use App\Filament\Resources\WeddingPackages\Pages\CreateWeddingPackage;
use App\Filament\Resources\WeddingPackages\Pages\EditWeddingPackage;
use App\Filament\Resources\WeddingPackages\Pages\ListWeddingPackages;
use App\Filament\Resources\WeddingPackages\Schemas\WeddingPackageForm;
use App\Filament\Resources\WeddingPackages\Tables\WeddingPackagesTable;
use App\Models\WeddingPackage;
use App\Policies\WeddingPackagePolicy;
use BackedEnum;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\TagsInput;
use Filament\Forms\Components\TextInput;
use Filament\Resources\Resource;
use Filament\Schemas\Schema;
use Filament\Support\Icons\Heroicon;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;
use UnitEnum;
@@ -26,32 +24,39 @@ class WeddingPackageResource extends Resource
protected static ?string $policy = WeddingPackagePolicy::class;
protected static string|BackedEnum|null $navigationIcon = Heroicon::OutlinedHeart;
protected static string|BackedEnum|null $navigationIcon = Heroicon::OutlinedRectangleStack;
protected static ?string $navigationLabel = 'Modalidades de casamento';
protected static ?string $navigationLabel = 'Modalidades';
protected static ?string $modelLabel = 'modalidade';
protected static ?string $pluralModelLabel = 'modalidades';
protected static string|UnitEnum|null $navigationGroup = 'Conteúdo do site';
protected static ?int $navigationSort = 3;
public static function form(Schema $schema): Schema
{
return $schema->components([
TextInput::make('name')->label('Nome')->required()->maxLength(120),
TextInput::make('level')->label('Nível')->required()->maxLength(120),
TextInput::make('summary')->label('Resumo')->required()->maxLength(255),
TagsInput::make('scope_items')->label('Itens de escopo')->required()->columnSpanFull(),
TextInput::make('cta_label')->label('CTA')->required()->maxLength(120),
TextInput::make('sort_order')->label('Ordem')->numeric()->required()->default(0),
DateTimePicker::make('published_at')->label('Publicado em')->seconds(false),
]);
return WeddingPackageForm::configure($schema);
}
public static function table(Table $table): Table
{
return $table->columns([TextColumn::make('name')->label('Nome')->searchable(), TextColumn::make('level')->label('Nível'), TextColumn::make('sort_order')->label('Ordem')->sortable(), TextColumn::make('published_at')->label('Publicado em')->dateTime()->sortable()])->defaultSort('sort_order');
return WeddingPackagesTable::configure($table);
}
public static function getRelations(): array
{
return [];
}
public static function getPages(): array
{
return ['index' => ListWeddingPackages::route('/'), 'create' => CreateWeddingPackage::route('/create'), 'edit' => EditWeddingPackage::route('/{record}/edit')];
return [
'index' => ListWeddingPackages::route('/'),
'create' => CreateWeddingPackage::route('/create'),
'edit' => EditWeddingPackage::route('/{record}/edit'),
];
}
}

View File

@@ -12,6 +12,7 @@ use Illuminate\Database\Eloquent\Model;
/**
* @property array<string, string|null> $social_links
* @property list<array{title?: string, body?: string}>|null $method_steps
* @property list<array{title?: string, body?: string}>|null $corporate_steps
* @property list<string>|null $principles
* @property bool $analytics_enabled
* @property string|null $default_og_image_path
@@ -51,6 +52,7 @@ use Illuminate\Database\Eloquent\Model;
'manifesto_body',
'method_intro',
'method_steps',
'corporate_steps',
'principles',
'email',
'phone',
@@ -83,6 +85,7 @@ class SiteSetting extends Model
'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.',
'method_intro' => 'Clareza em cada etapa. Tranquilidade durante todo o processo.',
'method_steps' => self::defaultMethodSteps(),
'corporate_steps' => self::defaultCorporateSteps(),
'principles' => self::defaultPrinciples(),
'email' => 'amareassessoriaeventos@gmail.com',
'phone' => '(11) 99999-9999',
@@ -120,6 +123,27 @@ class SiteSetting extends Model
];
}
/**
* @return list<array{title: string, body: string}>
*/
public static function defaultCorporateSteps(): array
{
return [
[
'title' => 'Planejamento',
'body' => 'Estruturação de escopo, cronograma e prioridades.',
],
[
'title' => 'Produção',
'body' => 'Coordenação dos elementos necessários para colocar o evento de pé.',
],
[
'title' => 'Execução',
'body' => 'Condução e acompanhamento do evento conforme o projeto aprovado.',
],
];
}
/**
* @return list<string>
*/
@@ -141,6 +165,7 @@ class SiteSetting extends Model
return [
'social_links' => 'array',
'method_steps' => 'array',
'corporate_steps' => 'array',
'principles' => 'array',
'analytics_enabled' => 'boolean',
];

View File

@@ -0,0 +1,24 @@
<?php
declare(strict_types=1);
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
public function up(): void
{
Schema::table('site_settings', function (Blueprint $table): void {
$table->jsonb('corporate_steps')->nullable()->after('method_steps');
});
}
public function down(): void
{
Schema::table('site_settings', function (Blueprint $table): void {
$table->dropColumn('corporate_steps');
});
}
};

View File

@@ -8,7 +8,6 @@ use App\Models\PortfolioCase;
use App\Models\PortfolioImage;
use App\Models\Service;
use App\Models\SiteSetting;
use App\Models\WeddingPackage;
use App\Support\PublicImageUploadRules;
use Illuminate\Database\Seeder;
use Illuminate\Support\Carbon;
@@ -48,9 +47,9 @@ class ContentSeeder extends Seeder
$this->seedSiteSettings();
$this->seedServices();
$this->seedWeddingPackages();
$this->seedPortfolioCases();
$this->call(TestimonialsSeeder::class);
$this->call(WeddingPackagesSeeder::class);
}
private function seedSiteSettings(): void
@@ -77,6 +76,7 @@ class ContentSeeder extends Seeder
'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.',
'method_intro' => 'Clareza em cada etapa. Tranquilidade durante todo o processo.',
'method_steps' => SiteSetting::defaultMethodSteps(),
'corporate_steps' => SiteSetting::defaultCorporateSteps(),
'principles' => SiteSetting::defaultPrinciples(),
'email' => 'amareassessoriaeventos@gmail.com',
'phone' => '(11) 99999-9999',
@@ -205,19 +205,6 @@ class ContentSeeder extends Seeder
}
}
private function seedWeddingPackages(): void
{
$packages = [
['name' => 'Essenza', 'level' => 'Planejamento essencial', 'summary' => 'Direção para decisões centrais e um caminho de organização claro.', 'scope_items' => ['Leitura do contexto e prioridades', 'Direção de escopo e cronograma', 'Orientação para os próximos passos'], 'sort_order' => 1],
['name' => 'Conduzione', 'level' => 'Assessoria de planejamento', 'summary' => 'Acompanhamento próximo para construir escolhas coerentes até o grande dia.', 'scope_items' => ['Planejamento e cronograma integrado', 'Coordenação de fornecedores', 'Alinhamentos e decisões de produção'], 'sort_order' => 2],
['name' => 'Grand Jour', 'level' => 'Assessoria completa', 'summary' => 'Presença da escuta inicial à execução atenta de toda a celebração.', 'scope_items' => ['Direção completa do projeto', 'Produção e coordenação de fornecedores', 'Execução presencial no evento'], 'sort_order' => 3],
];
foreach ($packages as $package) {
WeddingPackage::query()->updateOrCreate(['name' => $package['name']], [...$package, 'cta_label' => 'Conversar sobre esta modalidade', 'published_at' => Carbon::parse(self::SEED_TIMESTAMP)]);
}
}
private function copyFixture(string $fixtureName, string $destination): string
{
$source = base_path('database/fixtures/images/'.$fixtureName);

View File

@@ -30,6 +30,7 @@ class VisualContentSeeder extends Seeder
$this->seedServices();
$this->seedPortfolioCases();
$this->seedTestimonials();
$this->call(WeddingPackagesSeeder::class);
}
private function seedSiteSettings(): void
@@ -56,6 +57,7 @@ class VisualContentSeeder extends Seeder
'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.',
'method_intro' => 'Clareza em cada etapa. Tranquilidade durante todo o processo.',
'method_steps' => SiteSetting::defaultMethodSteps(),
'corporate_steps' => SiteSetting::defaultCorporateSteps(),
'principles' => SiteSetting::defaultPrinciples(),
'email' => 'amareassessoriaeventos@gmail.com',
'phone' => '(11) 99999-9999',
@@ -198,16 +200,22 @@ class VisualContentSeeder extends Seeder
*/
private function writeSolidJpeg(string $destination, int $width, int $height, array $rgb): string
{
$disk = Storage::disk('public');
if ($disk->exists($destination)) {
return $destination;
}
$image = imagecreatetruecolor($width, $height);
$color = imagecolorallocate($image, $rgb[0], $rgb[1], $rgb[2]);
imagefilledrectangle($image, 0, 0, $width, $height, $color);
ob_start();
imagejpeg($image, null, 90);
imagejpeg($image, null, 80);
$binary = (string) ob_get_clean();
imagedestroy($image);
Storage::disk('public')->put($destination, $binary);
$disk->put($destination, $binary);
return $destination;
}

View File

@@ -0,0 +1,71 @@
<?php
declare(strict_types=1);
namespace Database\Seeders;
use App\Models\WeddingPackage;
use Illuminate\Database\Seeder;
use Illuminate\Support\Carbon;
/**
* Wedding package modalities shown on the home page (03 Amare Casamentos).
* Copy is approved from the structural model preview (preview(1).html) and
* remains editable via the Filament resource.
*/
class WeddingPackagesSeeder extends Seeder
{
private const PUBLISHED_AT = '2026-08-11 00:00:00';
public function run(): void
{
$packages = [
[
'name' => 'Essenza',
'level' => '01 / COMPLETA',
'summary' => 'Para casais que desejam contar com a Amare desde o planejamento até a realização do casamento.',
'scope_items' => [
'Planejamento e organização',
'Gestão de etapas e prioridades',
'Acompanhamento de fornecedores',
'Coordenação do grande dia',
],
'cta_label' => 'Quero conhecer a Essenza',
'sort_order' => 1,
],
[
'name' => 'Conduzione',
'level' => '02 / PARCIAL',
'summary' => 'Para quem já começou e deseja estruturar o que falta, organizar fornecedores e seguir com acompanhamento profissional.',
'scope_items' => [
'Diagnóstico do planejamento',
'Organização das pendências',
'Gestão dos próximos passos',
'Coordenação do grande dia',
],
'cta_label' => 'Quero conhecer a Conduzione',
'sort_order' => 2,
],
[
'name' => 'Grand Jour',
'level' => '03 / FINAL',
'summary' => 'Para casais que já planejaram o casamento e precisam de uma equipe para assumir alinhamentos e operação na reta final.',
'scope_items' => [
'Imersão no planejamento existente',
'Alinhamento de fornecedores',
'Cronograma final',
'Gestão da operação do evento',
],
'cta_label' => 'Quero conhecer a Grand Jour',
'sort_order' => 3,
],
];
foreach ($packages as $package) {
WeddingPackage::query()->updateOrCreate(
['name' => $package['name']],
[...$package, 'published_at' => Carbon::parse(self::PUBLISHED_AT)],
);
}
}
}

View File

@@ -0,0 +1,36 @@
# Design — Home editorial conforme preview
Fonte de verdade visual: modelo estrutural validado (`preview(1).html`) + tokens `resources/css/tokens.css` (inalterados; assertados por `HeritageEditorialTokensTest`). Paleta do preview já mapeada para os utilitários `amare-*`.
## Estrutura da home (8 capítulos)
| Capítulo | Id/âncora | Componente | Conteúdo |
|---|---|---|---|
| Hero | — | `x-home.hero` | Eyebrow fixo, h1 fixo, lede fixo, CTAs "Conhecer a Amare" (`#sobre`) + "Enviar briefing" (`#contato`), arte `hero_image_path` ou placeholder rotulado "Fotografia hero" |
| 01 — A Amare | `#sobre` | `x-home.manifesto` | Editorial-split 0.8fr/1.2fr; statement fixo + placeholder institucional |
| 02 — Duas vertentes | `#vertentes` | `x-home.vertentes` | 2 cards (Casamentos/Corporate) com overlay gradiente 43%, CTAs para âncoras |
| 03 — Amare Casamentos | `#casamentos` | `x-home.packages` | Grid 3 colunas com bordas (Eyebrow/título/descrição/items/CTA primário → `contact`), bloco de orientação accent-deep + nota de nomenclatura |
| 04 — Amare Corporate | `#corporate` | `x-home.corporate` | Etapas `corporate_steps` (número 44px, bordas) + placeholder "Portfólio Corporate / Conteúdo em construção" |
| 05 — Portfólio | `#portfolio` | `x-home.portfolio` | Grid 1.2fr/0.8fr/0.8fr, 1 foto alta (row-span-2, 634px) + 4; cases reais ou labels "FOTO 0X" |
| 06 — Depoimentos | `#depoimentos` | `x-home.testimonials` | 3 cards brancos com borda; sem carrossel; placeholders até completar 3 |
| 07 — Briefing | `#contato` | `x-home.briefing` | Formulário completo reusando `contact.store` (underline inputs, labels uppercase 12px, honeypot `#empresa`, checkbox LGPD) |
## Padrões visuais
- Seções: `home-chapter border-b border-amare-border bg-amare-bg`, padding `py-16 md:py-24`, `container-amare`, `data-reveal-group` + blocos `data-reveal data-reveal-from="up"`.
- Eyebrow: `text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep`.
- h2 `clamp(2.375rem,5vw,4rem)`, h3 `clamp(1.5625rem,2.7vw,2.125rem)`, lede `clamp(1.1875rem,2vw,1.5rem)` max-w 760px, `leading-[1.55]`.
- Botão primário: `min-h-[48px] bg-amare-accent text-amare-accent-text uppercase text-xs font-bold tracking-[0.09em]`, hover accent-deep; contorno: `border-amare-accent text-amare-accent-deep`; em bloco escuro: `border-amare-accent-text text-amare-accent-text`.
- Header: sticky 74px, `bg-amare-bg/95 backdrop-blur-sm`, nav 13px uppercase `tracking-[0.08em]`, botão "Conte seu evento" → `contact`.
- Footer: `py-14 md:py-[58px]`, marca + "Assessoria & produção de eventos • São Paulo", social links do settings ou placeholder "Instagram · WhatsApp · E-mail · LinkedIn (quando confirmado)".
## Acessibilidade
- Âncoras `aria-labelledby` por seção; foco/ordem tab preservados; skip-link intacto.
- `prefers-reduced-motion`: blocos globais em tokens.css (0.01ms) — nenhum motion extra adicionado.
- Erros de validação do briefing com `role="alert"` e `aria-describedby`; honeypot oculto.
- Contrastes: accent `#556B2F` sobre bg `#FBF9F4` ≈ 4.6:1; accent-text branco sobre accent ≈ 6.9:1; muted `#5D6155` sobre bg ≈ 5.4:1 (dentro do AA).
## Fora de escopo visual
Copy final institucional (placeholders), acervo fotográfico autorizado, canal de fornecedores (pós-MVP), folios ornamentais, carrossel, parallax.

View File

@@ -0,0 +1,33 @@
# 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-*`.

View File

@@ -0,0 +1,22 @@
# Wedding Packages
## Purpose
Cadastro editorial das modalidades de acompanhamento de casamento oferecidas pela Amare (Essenza, Conduzione, Grand Jour). Fonte única de verdade para a seção `03 — Amare Casamentos` da home.
## Functional Requirements
- FR-1: Um pacote contém `eyebrow` (ex.: "01 / COMPLETA"), `title` (ex.: "Essenza"), `description`, lista ordenada de `items` (o que está incluído) e `sort_order`.
- FR-2: Publicação via `published_at` (modelo usa `HasPublication`); pacotes rascunho nunca aparecem na home.
- FR-3: A home renderiza pacotes publicados ordenados por `sort_order`, cada um com CTA primário "Quero conhecer a {title}" apontando para o briefing (`route('contact')`).
- FR-4: O recurso Filament "Modalidades" (grupo "Conteúdo do site") permite criar/editar/excluir pacotes e ajustar itens via repeater; acesso restrito a admins (`WeddingPackagePolicy`).
## Non-Requirements
- Nenhum vínculo com checkout/pagamento nesta capacidade.
- Nomenclaturas exibidas são provisórias até confirmação com a cliente (nota visível na home).
## Data
- Tabela `wedding_packages` (migration `2026_08_11_000000`): `eyebrow string`, `title string`, `description text`, `items json`, `sort_order int`, `published_at timestamp nullable`, timestamps.
- Seed padrão (ambos os seeders): Essenza `01 / COMPLETA`, Conduzione `02 / PARCIAL`, Grand Jour `03 / FINAL`, com copy exata do preview estrutural.

View File

@@ -0,0 +1,18 @@
# Tasks — Home editorial conforme preview
## Concluído
- [x] **T0** Worktree `.worktrees/home-redesign` (branch `feat/home-redesign`) a partir de `main`.
- [x] **T1** `WeddingPackage` (model + migration `2026_08_11_000000` + factory + policy + seeder + recurso Filament "Modalidades"): 3 modalidades semeadas com copy exata do preview; seeders `ContentSeeder`/`VisualContentSeeder` passam a chamar `WeddingPackagesSeeder`.
- [x] **T2** `SiteSetting.corporate_steps` (migration `2026_08_11_010000`, `defaultCorporateSteps()`, casts/fillable/docblock, repeater em `ManageSiteSettings`, seeders atualizados).
- [x] **T3** Header/footer globais (`layouts/public.blade.php`) restilizados conforme preview; menu mobile, skip-link, logo e links legais preservados.
- [x] **T4** Home recomposta em 8 seções (`x-home.*`: hero, manifesto/sobre, vertentes, packages, corporate, portfolio, testimonials, briefing); `HomeContent` ganha `packages`; `GetHomeContent` busca pacotes publicados por `sort_order`.
- [x] **T5** Motion via convenções existentes (`data-reveal`, `data-motion-beat`, `data-motion="page-open"`); `prefers-reduced-motion` global respeitado; sem carrossel/parallax.
- [x] **T6** Testes: `HomePageContentTest` reescrito (8 seções, packages, corporate steps, briefing form, placeholders), `HomePageTest`, `GetHomeContentTest` (packages), `ImmersivePhotoHeroTest`/`MotionMarkupTest` atualizados para o novo contrato, `HomeEditorialCadenceTest` reescrito para o layout assimétrico. **178 feature + 42 unit verdes**.
- [x] **T7** `composer pint` + `phpstan` limpos; 2 commits convencionais; PR #53 aberto.
## Pendente
- [ ] **T8** Proposta openspec (este change) revisada e arquivada após merge.
- [ ] Merge do PR #53 após CI verde; limpeza do worktree (`git worktree remove`).
- [ ] Follow-up pós-merge: confirmar nomenclaturas das modalidades com a cliente (nota na home: "Nomenclaturas exibidas conforme materiais/reunião; confirmar versão final antes da publicação.").

View File

@@ -0,0 +1,250 @@
@props([])
<section
aria-labelledby="briefing-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="contato"
id="contato"
>
<div class="container-amare grid gap-12 py-16 md:py-24 lg:grid-cols-[0.8fr_1.2fr] lg:gap-[80px]" data-reveal-group>
<div class="flex flex-col gap-6" data-reveal data-reveal-from="up">
<div class="space-y-4">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">07 Briefing comercial</p>
<h2 id="briefing-heading" class="text-[clamp(2.375rem,5vw,4rem)] font-medium leading-[1.05] tracking-[-0.02em] text-amare-text">Conte sobre o evento que você está imaginando.</h2>
</div>
<p class="max-w-[760px] text-[clamp(1.1875rem,2vw,1.5rem)] leading-[1.55] text-amare-text-muted">Este formulário é para potenciais clientes. Ele continua existindo mesmo com os CTAs dos pacotes: são portas de entrada complementares.</p>
<p class="max-w-xl text-sm text-amare-muted">Para quem sabe a modalidade, WhatsApp contextual. Para quem quer contextualizar o projeto, briefing. Para fornecedores/parcerias, outro fluxo.</p>
</div>
<form
method="POST"
action="{{ route('briefing.store') }}"
class="flex flex-col gap-[18px]"
data-contact-form
data-reveal
data-reveal-from="up"
>
@csrf
<div class="honeypot" aria-hidden="true">
<label for="empresa">Não preencha este campo</label>
<input type="text" id="empresa" name="empresa" tabindex="-1" autocomplete="off">
</div>
@if ($errors->any())
<div role="alert" class="border border-amare-error/40 bg-amare-error/5 px-6 py-5">
<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>
@endif
<div class="grid gap-[18px] sm:grid-cols-2">
<div>
<label for="briefing-nome" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Nome *</label>
<input
type="text"
id="briefing-nome"
name="nome"
value="{{ old('nome') }}"
required
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"
@error('nome') aria-invalid="true" aria-describedby="briefing-nome-error" @enderror
>
@error('nome')
<p id="briefing-nome-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-email" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">E-mail *</label>
<input
type="email"
id="briefing-email"
name="email"
value="{{ old('email') }}"
required
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"
@error('email') aria-invalid="true" aria-describedby="briefing-email-error" @enderror
>
@error('email')
<p id="briefing-email-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-telefone" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Telefone/WhatsApp *</label>
<input
type="tel"
id="briefing-telefone"
name="telefone"
value="{{ old('telefone') }}"
required
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"
@error('telefone') aria-invalid="true" aria-describedby="briefing-telefone-error" @enderror
>
@error('telefone')
<p id="briefing-telefone-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-tipo_evento" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Tipo de evento *</label>
<select
id="briefing-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"
@error('tipo_evento') aria-invalid="true" aria-describedby="briefing-tipo_evento-error" @enderror
>
<option value="" selected disabled>Selecione...</option>
<option value="Casamento" @selected(old('tipo_evento') === 'Casamento')>Casamento</option>
<option value="Evento corporativo" @selected(old('tipo_evento') === 'Evento corporativo')>Evento corporativo</option>
<option value="Celebração intimista" @selected(old('tipo_evento') === 'Celebração intimista')>Celebração intimista</option>
<option value="Outro" @selected(old('tipo_evento') === 'Outro')>Outro tipo de evento</option>
</select>
@error('tipo_evento')
<p id="briefing-tipo_evento-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-data_periodo" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Data ou período desejado</label>
<input
type="text"
id="briefing-data_periodo"
name="data_periodo"
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"
@error('data_periodo') aria-invalid="true" aria-describedby="briefing-data_periodo-error" @enderror
>
@error('data_periodo')
<p id="briefing-data_periodo-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-cidade" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Cidade do evento *</label>
<input
type="text"
id="briefing-cidade"
name="cidade"
value="{{ old('cidade') }}"
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"
@error('cidade') aria-invalid="true" aria-describedby="briefing-cidade-error" @enderror
>
@error('cidade')
<p id="briefing-cidade-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-convidados" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Número estimado de convidados</label>
<input
type="number"
id="briefing-convidados"
name="convidados"
value="{{ old('convidados') }}"
min="1"
max="100000"
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"
@error('convidados') aria-invalid="true" aria-describedby="briefing-convidados-error" @enderror
>
@error('convidados')
<p id="briefing-convidados-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-servico_interesse" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Serviço de interesse</label>
<input
type="text"
id="briefing-servico_interesse"
name="servico_interesse"
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"
@error('servico_interesse') aria-invalid="true" aria-describedby="briefing-servico_interesse-error" @enderror
>
@error('servico_interesse')
<p id="briefing-servico_interesse-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
</div>
<div>
<label for="briefing-mensagem" class="mb-2 block text-xs font-bold uppercase tracking-[0.1em] text-amare-accent-deep">Mensagem / principal preocupação *</label>
<textarea
id="briefing-mensagem"
name="mensagem"
required
rows="5"
maxlength="3000"
placeholder="O que já está definido? Em que ponto você precisa de ajuda?"
class="w-full min-h-[110px] 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"
@error('mensagem') aria-invalid="true" aria-describedby="briefing-mensagem-error" @enderror
>{{ old('mensagem') }}</textarea>
@error('mensagem')
<p id="briefing-mensagem-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div>
<label for="briefing-privacidade" class="flex items-start gap-3 py-2">
<input
type="checkbox"
id="briefing-privacidade"
name="privacidade"
value="1"
required
@checked(old('privacidade'))
class="mt-1 h-5 w-5 shrink-0 accent-amare-accent"
@error('privacidade') aria-invalid="true" aria-describedby="briefing-privacidade-error" @enderror
>
<span class="text-sm text-amare-muted">
Li e aceito a
<a href="{{ route('privacy') }}" class="text-amare-accent underline underline-offset-2 transition-colors hover:text-amare-accent-deep">política de privacidade</a>
e autorizo o tratamento dos meus dados para fins de atendimento.*
</span>
</label>
@error('privacidade')
<p id="briefing-privacidade-error" class="mt-2 text-sm text-amare-error">{{ $message }}</p>
@enderror
</div>
<div class="flex flex-col items-start gap-4 pt-2">
<button
type="submit"
data-submit-button
class="inline-flex min-h-[48px] items-center justify-center border border-transparent bg-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep"
>
Enviar briefing
</button>
<p class="text-sm text-amare-muted">
* Campos obrigatórios. Seus dados são usados apenas para responder à sua solicitação.
</p>
</div>
<div class="border border-dashed border-amare-sage px-6 py-5">
<p class="text-sm text-amare-muted">Fornecedores e parcerias pós-MVP. Não misturar este público ao briefing comercial. Quando validado, criar um canal/formulário institucional próprio.</p>
</div>
</form>
</div>
</section>

View File

@@ -1,3 +1,45 @@
<section id="corporate" aria-labelledby="corporate-heading" class="home-chapter border-b border-amare-accent-deep bg-amare-accent-deep py-24 text-amare-accent-text" data-chapter="corporate">
<div class="container-amare grid gap-8 md:grid-cols-12" data-reveal-group><div class="md:col-span-5" data-reveal data-reveal-from="left"><p class="text-xs font-semibold uppercase tracking-[.14em] text-amare-accent-text">Corporate</p><h2 id="corporate-heading" class="mt-3 text-headline font-medium">Encontros que pedem intenção, método e presença.</h2></div><div class="space-y-6 md:col-span-5 md:col-start-7" data-reveal data-reveal-from="up"><p class="text-amare-accent-text/80">A Amare conduz projetos corporativos com escuta do contexto, clareza de direção e atenção à experiência de cada pessoa presente.</p><a href="{{ route('briefing', ['tipo_evento' => 'Evento corporativo']) }}" class="inline-flex min-h-11 items-center text-sm font-semibold"><span class="border-b border-amare-accent-text pb-1">Iniciar uma conversa</span></a></div></div>
@props([
'settings',
])
<section
aria-labelledby="corporate-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="corporate"
id="corporate"
>
<div class="container-amare grid gap-12 py-16 md:py-24 lg:grid-cols-2 lg:gap-[70px]" data-reveal-group>
<div class="flex flex-col gap-8">
<div class="space-y-4" data-reveal data-reveal-from="up">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">04 Amare Corporate</p>
<h2 id="corporate-heading" class="text-[clamp(2.375rem,5vw,4rem)] font-medium leading-[1.05] tracking-[-0.02em] text-amare-text">Projetos corporativos tratados como experiência, não apenas operação.</h2>
</div>
<p class="max-w-[760px] text-[clamp(1.1875rem,2vw,1.5rem)] leading-[1.55] text-amare-text-muted" data-reveal data-reveal-from="up">
No MVP, esta frente pode apresentar claramente o que a Amare oferece mesmo sem inventar um portfólio corporativo que ainda não existe.
</p>
<div class="border-t border-amare-border" data-reveal data-reveal-from="up">
@foreach ($settings->corporate_steps ?? [] as $index => $step)
<div class="flex gap-8 border-b border-amare-border py-[23px]">
<p class="w-[44px] shrink-0 text-xs font-bold uppercase tracking-[0.16em] text-amare-accent">{{ str_pad((string) ($index + 1), 2, '0', STR_PAD_LEFT) }}</p>
<div class="space-y-1">
<h3 class="text-xl font-medium text-amare-text">{{ $step['title'] }}</h3>
<p class="text-amare-text-muted">{{ $step['body'] }}</p>
</div>
</div>
@endforeach
</div>
<a href="#contato" class="mt-7 inline-flex min-h-[48px] items-center justify-center self-start border border-transparent bg-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep" data-reveal data-reveal-from="up">
Falar sobre um evento corporativo
</a>
</div>
<div class="flex min-h-[420px] flex-col items-center justify-center gap-4 bg-amare-bg-deep p-10 text-center" data-reveal data-reveal-from="up">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">Portfólio Corporate</p>
<h3 class="text-[clamp(1.5625rem,2.7vw,2.125rem)] font-medium leading-tight text-amare-text">Conteúdo em construção</h3>
<p class="max-w-sm text-amare-text-muted">Em vez de usar fotografias genéricas como se fossem cases, a página assume com elegância que o portfólio será construído com projetos reais.</p>
</div>
</div>
</section>

View File

@@ -2,33 +2,48 @@
'settings',
])
<x-public.photo-hero
:image-path="$settings->hero_image_path"
:image-alt="$settings->hero_image_alt"
:eyebrow="$settings->hero_eyebrow"
:title="$settings->hero_title ?: 'Celebrações com propósito'"
:summary="$settings->hero_subtitle"
heading-id="hero-heading"
brand-mark
full-height-fallback
class="home-chapter"
<section
aria-labelledby="hero-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="hero"
data-motion="page-open"
>
<div class="space-y-5">
<div class="flex flex-wrap items-center gap-4">
<a href="{{ route('briefing') }}" 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">
{{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
</a>
<div class="container-amare grid items-end gap-12 pb-12 pt-16 md:grid-cols-[1.1fr_0.9fr] md:gap-[clamp(3rem,6vw,7rem)] md:pb-[72px] md:pt-24">
<div data-hero-content data-reveal-group class="flex flex-col gap-8">
<div data-motion-beat="eyebrow">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">Assessoria &amp; produção de eventos &bull; São Paulo</p>
</div>
@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">
<span class="border-b border-amare-accent pb-1">{{ $settings->hero_secondary_cta_label }}</span>
<h1 id="hero-heading" data-motion-beat="title" class="text-[clamp(3rem,8vw,5.75rem)] font-medium leading-[0.95] tracking-[-0.04em] text-amare-text">
Eventos com intenção, cuidado e presença.
</h1>
<p class="max-w-[760px] text-[clamp(1.1875rem,2vw,1.5rem)] leading-[1.55] text-amare-text-muted">
Uma boutique de assessoria que une sensibilidade, organização e condução profissional para transformar cada projeto em uma experiência bem cuidada.
</p>
<div data-motion-beat="cta" class="flex flex-wrap items-center gap-4">
<a href="#sobre" data-testid="home-primary-cta" class="inline-flex min-h-[48px] items-center justify-center border border-transparent bg-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep">
Conhecer a Amare
</a>
@endif
<a href="#contato" class="inline-flex min-h-[48px] items-center justify-center border border-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-deep transition-colors hover:bg-amare-accent hover:text-amare-accent-text">
Enviar briefing
</a>
</div>
</div>
@if (filled($settings->hero_note))
<p class="max-w-[470px] text-sm text-amare-text-muted">{{ $settings->hero_note }}</p>
@endif
<div
data-split-hero
data-motion-beat="media"
class="min-h-[320px] overflow-hidden bg-amare-bg-deep md:min-h-[520px]"
>
@if (filled($settings->hero_image_path))
<x-media.image :path="$settings->hero_image_path" :alt="$settings->hero_image_alt ?: $settings->brand_name" loading="eager" fetchpriority="high" sizes="(max-width: 1023px) 100vw, 45vw" class="img-editorial h-full w-full object-cover" />
@else
<div data-tonal-hero class="flex h-full min-h-[320px] items-center justify-center bg-gradient-to-br from-amare-bg-deep to-amare-bg-archive md:min-h-[520px]">
<p class="text-xs font-semibold uppercase tracking-[0.16em] text-amare-muted">Fotografia hero</p>
</div>
@endif
</div>
</div>
</x-public.photo-hero>
</section>

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 id="amare" 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>

View File

@@ -0,0 +1,69 @@
@props([
'packages',
'settings',
])
@php
$whatsappDigits = preg_replace('/\D/', '', (string) $settings->whatsapp_number);
$hasWhatsapp = strlen($whatsappDigits) >= 10;
@endphp
<section
aria-labelledby="packages-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="casamentos"
id="casamentos"
>
<div class="container-amare py-16 md:py-24" data-reveal-group>
<div class="flex flex-col gap-6 md:flex-row md:items-end md:justify-between" data-reveal data-reveal-from="up">
<div class="max-w-2xl space-y-4">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">03 Amare Casamentos</p>
<h2 id="packages-heading" class="text-[clamp(2.375rem,5vw,4rem)] font-medium leading-[1.05] tracking-[-0.02em] text-amare-text">Um acompanhamento para cada momento.</h2>
</div>
<p class="max-w-[600px] text-amare-text-muted">As modalidades são pontos de partida. O site apresenta o conceito e ajuda o casal a reconhecer seu momento; detalhes operacionais e comerciais ficam para a conversa e proposta.</p>
</div>
@if ($packages->isNotEmpty())
<div class="mt-12 grid border-l border-t border-amare-border md:mt-16 md:grid-cols-3">
@foreach ($packages as $package)
<article class="flex min-h-[480px] flex-col justify-between gap-8 border-b border-r border-amare-border p-8 md:p-10" data-reveal data-reveal-from="up">
<div class="space-y-5">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent">{{ $package->level }}</p>
<h3 class="text-[clamp(1.5625rem,2.7vw,2.125rem)] font-medium leading-tight text-amare-text">{{ $package->name }}</h3>
<p class="text-amare-text-muted">{{ $package->summary }}</p>
<ul class="space-y-3 text-amare-text-muted">
@foreach ($package->scope_items as $item)
<li class="flex gap-3"><span aria-hidden="true" class="text-amare-accent">&bull;</span><span>{{ $item }}</span></li>
@endforeach
</ul>
</div>
@php
$waLink = $hasWhatsapp
? 'https://wa.me/'.$whatsappDigits.'?text='.rawurlencode('Olá, gostaria de conversar sobre a modalidade '.$package->name.' para meu casamento.')
: route('briefing', ['servico_interesse' => $package->name]);
@endphp
<a
href="{{ $waLink }}"
@if ($hasWhatsapp) target="_blank" rel="noopener noreferrer" @endif
class="inline-flex min-h-[48px] items-center justify-center border border-transparent bg-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-text transition-colors hover:bg-amare-accent-deep"
>
{{ $package->cta_label }}
</a>
</article>
@endforeach
</div>
@endif
<div class="mt-6 flex flex-col justify-between gap-8 bg-amare-accent-deep p-8 text-amare-accent-text md:flex-row md:items-center md:p-12" data-reveal data-reveal-from="up">
<div class="max-w-xl space-y-3">
<h3 class="text-[clamp(1.5625rem,2.7vw,2.125rem)] font-medium leading-tight">Ainda não sabe qual modalidade é ideal?</h3>
<p class="text-amare-accent-text/80">Conte um pouco sobre o seu casamento. A Amare entende o momento de vocês e orienta o melhor formato de acompanhamento sem depender de um quiz automático.</p>
</div>
<a href="{{ route('briefing') }}" class="inline-flex min-h-[48px] items-center justify-center self-start border border-amare-accent-text px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-text transition-colors hover:bg-amare-accent-text hover:text-amare-accent-deep md:self-auto">
Conversar com a Amare
</a>
</div>
<p class="mt-6 text-sm text-amare-muted">Nomenclaturas exibidas conforme materiais/reunião; confirmar versão final antes da publicação.</p>
</div>
</section>

View File

@@ -2,67 +2,55 @@
'cases',
])
<section id="portfolio" aria-labelledby="portfolio-heading" class="home-chapter border-b border-amare-accent-deep bg-amare-accent-deep py-24 text-amare-accent-text" data-chapter="portfolio">
<div class="container-amare space-y-10" data-reveal-group>
<div class="grid gap-4 md:grid-cols-12" data-reveal data-reveal-from="up">
<div class="md:col-span-7 md:col-start-5 space-y-3">
<h2 id="portfolio-heading" class="text-headline font-medium">Celebrações que ganham forma com intenção.</h2>
<p class="max-w-2xl text-amare-accent-text/80">Recortes de eventos conduzidos com escuta, direção e presença em cada etapa.</p>
</div>
</div>
@if ($cases->isNotEmpty())
<div class="grid gap-8 md:grid-cols-12 md:gap-x-8 md:gap-y-14" data-editorial-portfolio>
@foreach ($cases as $case)
@php
$isFeature = $loop->first;
$isOffset = ! $isFeature && $loop->even;
@endphp
<article
@class([
'space-y-4 border-t border-amare-accent-text/30 pt-4',
'md:col-span-7' => $isFeature,
'md:col-span-5 md:col-start-8 md:pt-12' => $isOffset,
'md:col-span-5' => ! $isFeature && ! $isOffset,
])
data-editorial-portfolio-item="{{ $isFeature ? 'feature' : ($isOffset ? 'offset' : 'standard') }}"
data-reveal
data-reveal-from="up"
>
@if (filled($case->cover_image_path))
<x-media.image
:path="$case->cover_image_path"
:alt="$case->cover_image_alt ?: $case->title"
sizes="(max-width: 768px) calc(100vw - 3rem), 50vw"
@class([
'img-editorial w-full object-cover',
'aspect-[5/4]' => $isFeature,
'aspect-[4/5]' => $isOffset,
'aspect-[4/3]' => ! $isFeature && ! $isOffset,
])
/>
@endif
<div class="space-y-2">
<h3 class="text-2xl font-medium">{{ $case->title }}</h3>
<p class="text-amare-accent-text/80">{{ $case->summary }}</p>
<a href="{{ route('portfolio.show', $case->slug) }}" class="inline-flex min-h-11 items-center text-sm font-semibold transition-colors hover:text-amare-accent-text">
<span class="border-b border-amare-accent-text pb-1">Ver caso</span>
</a>
</div>
</article>
@endforeach
</div>
@else
<p class="max-w-2xl border-t border-amare-accent-text/30 pt-5 text-amare-accent-text/80">Nosso acervo de eventos reais e autorizados está em preparação. Em breve, esta página reunirá recortes que contam melhor o trabalho da Amare.</p>
@endif
<div class="flex flex-col gap-4 border-t border-amare-accent-text/30 pt-5 md:flex-row md:items-end md:justify-between">
<p class="max-w-2xl text-sm text-amare-accent-text/75">
Imagens demonstrativas enquanto o acervo autorizado da Amare está em organização.
</p>
<a href="{{ route('portfolio.index') }}" class="inline-flex min-h-11 items-center text-sm font-semibold transition-colors hover:text-amare-accent-text">
<span class="border-b border-amare-accent-text pb-1">Conhecer o portfólio</span>
</a>
</div>
<section
aria-labelledby="portfolio-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="portfolio"
id="portfolio"
>
<div class="container-amare py-16 md:py-24" data-reveal-group>
<div class="flex flex-col gap-6 md:flex-row md:items-end md:justify-between" data-reveal data-reveal-from="up">
<h2 id="portfolio-heading" class="max-w-2xl text-[clamp(2.375rem,5vw,4rem)] font-medium leading-[1.05] tracking-[-0.02em] text-amare-text">Trabalhos que carregam a assinatura Amare.</h2>
<p class="max-w-[600px] text-amare-text-muted">Priorizar fotografias reais e uma curadoria pequena. O portfólio não precisa explicar tudo: deve provar cuidado, execução e consistência visual.</p>
</div>
</section>
@php
$slots = collect([
['label' => 'FOTO DE CASAMENTO 01', 'tall' => true],
['label' => 'FOTO 02', 'tall' => false],
['label' => 'FOTO 03', 'tall' => false],
['label' => 'FOTO 04', 'tall' => false],
['label' => 'FOTO 05', 'tall' => false],
]);
$cases = $cases->take(5)->values();
@endphp
<div class="mt-12 grid grid-cols-1 gap-[14px] sm:grid-cols-2 lg:grid-cols-[1.2fr_0.8fr_0.8fr]" data-editorial-portfolio data-reveal-group>
@foreach ($slots as $index => $slot)
@php
$case = $cases->get($index);
@endphp
<div
@class([
'overflow-hidden bg-amare-bg-deep',
'sm:col-span-2 sm:min-h-[420px] lg:col-span-1 lg:row-span-2 lg:min-h-[634px]' => $slot['tall'],
'min-h-[220px] sm:min-h-[310px]' => ! $slot['tall'],
])
@if ($slot['tall']) data-editorial-portfolio-item="feature" @endif
data-reveal
data-reveal-from="up"
>
@if ($case && filled($case->cover_image_path))
<a href="{{ route('portfolio.show', $case) }}" class="block h-full w-full" aria-label="{{ $case->title }}">
<x-media.image :path="$case->cover_image_path" :alt="$case->cover_image_alt ?: $case->title" sizes="(max-width: 1023px) 100vw, 33vw" class="img-editorial h-full w-full object-cover transition-opacity hover:opacity-90" />
</a>
@else
<div class="flex h-full w-full items-center justify-center">
<p class="px-4 text-center text-xs font-semibold uppercase tracking-[0.16em] text-amare-muted">{{ $slot['label'] }}</p>
</div>
@endif
</div>
@endforeach
</div>
</div>
</section>

View File

@@ -3,46 +3,52 @@
])
@php
$testimonials = $testimonials
->filter(fn ($testimonial): bool => filled(trim((string) $testimonial->quote)))
$quotes = collect($testimonials)
->filter(fn ($testimonial) => filled($testimonial->quote) && filled(trim((string) $testimonial->quote)))
->take(3)
->values();
$cards = $quotes->map(fn ($testimonial) => [
'quote' => $testimonial->quote,
'author' => $testimonial->author_name,
'context' => $testimonial->context,
])->all();
while (count($cards) < 3) {
$cards[] = [
'quote' => 'Depoimento real aprovado pela cliente entra aqui.',
'author' => 'Nome e data reais — aguardando autorização',
'context' => null,
];
}
@endphp
@if ($testimonials->isNotEmpty())
<section id="depoimentos" aria-labelledby="testimonials-heading" class="home-chapter border-b border-amare-border bg-amare-bg py-24" data-chapter="testimonials">
<div class="container-amare space-y-10" data-reveal-group>
<div class="max-w-2xl space-y-3 md:ml-[16.666667%]" data-reveal data-reveal-from="up">
<h2 id="testimonials-heading" class="text-3xl font-medium text-amare-text">Depoimentos</h2>
<p class="text-amare-text-muted">Quem celebrou com a Amare conta como foi a experiência.</p>
</div>
<div class="grid gap-6 md:grid-cols-12">
@foreach ($testimonials as $testimonial)
@php
$paragraphs = preg_split('/\n\s*\n/', trim((string) $testimonial->quote)) ?: [];
$paragraphs = array_values(array_filter(array_map('trim', $paragraphs), fn (string $p): bool => $p !== ''));
@endphp
<blockquote @class([
'space-y-4 border-t border-amare-border pt-4 md:col-span-5' => $loop->odd,
'space-y-4 border-t border-amare-border pt-4 md:col-span-5 md:col-start-7 md:mt-16' => $loop->even,
]) data-reveal data-reveal-from="{{ $loop->odd ? 'left' : 'right' }}">
<div class="grid grid-cols-[1.5rem_minmax(0,1fr)] gap-2">
<span class="text-3xl leading-none text-amare-sage" aria-hidden="true"></span>
<div class="space-y-3 text-lg text-amare-text">
@foreach ($paragraphs as $paragraph)
<p>{{ $paragraph }}</p>
@endforeach
</div>
</div>
<footer class="pl-8 text-sm text-amare-text-muted">
<cite class="not-italic font-semibold text-amare-text">{{ $testimonial->author_name }}</cite>
@if (filled($testimonial->context))
<span> {{ $testimonial->context }}</span>
@endif
</footer>
</blockquote>
@endforeach
</div>
<section
aria-labelledby="testimonials-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="depoimentos"
id="depoimentos"
>
<div class="container-amare py-16 md:py-24" data-reveal-group>
<div class="space-y-4" data-reveal data-reveal-from="up">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">06 Depoimentos</p>
<h2 id="testimonials-heading" class="text-[clamp(2.375rem,5vw,4rem)] font-medium leading-[1.05] tracking-[-0.02em] text-amare-text">Confiança construída na experiência.</h2>
</div>
</section>
@endif
<div class="mt-12 grid gap-6 md:mt-16 md:grid-cols-3">
@foreach ($cards as $card)
<figure class="flex flex-col justify-between gap-6 border border-amare-border bg-white p-8" data-reveal data-reveal-from="up">
<blockquote class="text-lg leading-[1.55] text-amare-text">
<p>{{ $card['quote'] }}</p>
</blockquote>
<figcaption class="text-sm text-amare-muted">
@if (filled($card['context']))
<p class="font-semibold text-amare-text">{{ $card['author'] }}</p>
<p>{{ $card['context'] }}</p>
@else
<p>{{ $card['author'] }}</p>
@endif
</figcaption>
</figure>
@endforeach
</div>
</div>
</section>

View File

@@ -0,0 +1,41 @@
@props([])
<section
aria-labelledby="vertentes-heading"
class="home-chapter border-b border-amare-border bg-amare-bg"
data-chapter="vertentes"
id="vertentes"
>
<div class="container-amare py-16 md:py-24" data-reveal-group>
<div class="max-w-3xl space-y-4" data-reveal data-reveal-from="up">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">02 Duas vertentes, uma mesma forma de cuidar</p>
<h2 id="vertentes-heading" class="text-[clamp(2.375rem,5vw,4rem)] font-medium leading-[1.05] tracking-[-0.02em] text-amare-text">Como podemos acompanhar você?</h2>
</div>
<div class="mt-12 grid gap-6 md:mt-16 md:grid-cols-2 md:gap-[24px]">
<article class="relative flex min-h-[420px] flex-col justify-end bg-amare-bg-deep p-8 md:p-10" data-reveal data-reveal-from="up">
<div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-[43%] bg-gradient-to-b from-amare-bg to-transparent"></div>
<div class="relative flex flex-col gap-5">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">Amare Casamentos</p>
<h3 class="text-[clamp(1.5625rem,2.7vw,2.125rem)] font-medium leading-tight text-amare-text">Planejamento e condução para viver o processo com mais leveza.</h3>
<p class="text-amare-text-muted">Do início da organização à reta final, modalidades pensadas para diferentes momentos do casal.</p>
<a href="#casamentos" class="mt-2 inline-flex min-h-[48px] items-center justify-center self-start border border-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-deep transition-colors hover:bg-amare-accent hover:text-amare-accent-text">
Conhecer casamentos
</a>
</div>
</article>
<article class="relative flex min-h-[420px] flex-col justify-end bg-amare-bg-deep p-8 md:p-10" data-reveal data-reveal-from="up">
<div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 h-[43%] bg-gradient-to-b from-amare-bg to-transparent"></div>
<div class="relative flex flex-col gap-5">
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">Amare Corporate</p>
<h3 class="text-[clamp(1.5625rem,2.7vw,2.125rem)] font-medium leading-tight text-amare-text">Eventos empresariais com organização, intenção e execução segura.</h3>
<p class="text-amare-text-muted">Uma frente própria para projetos corporativos, com linguagem e necessidades diferentes das celebrações sociais.</p>
<a href="#corporate" class="mt-2 inline-flex min-h-[48px] items-center justify-center self-start border border-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-deep transition-colors hover:bg-amare-accent hover:text-amare-accent-text">
Conhecer Corporate
</a>
</div>
</article>
</div>
</div>
</section>

View File

@@ -55,23 +55,23 @@
Ir para o conteúdo
</a>
<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]">
<header class="site-header sticky top-0 z-40 border-b border-amare-border bg-amare-bg/95 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] md:h-[74px] md:py-0">
<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') }}#amare" 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('home') }}#casamentos" 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">Casamentos</a>
<a href="{{ route('home') }}#corporate" 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">Corporate</a>
<a href="{{ route('home') }}#portfolio" 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('briefing') }}" 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('home') }}" class="inline-flex items-center py-3 text-[13px] font-semibold uppercase tracking-[0.08em] text-amare-muted transition-colors hover:text-amare-accent md:px-3">Início</a>
<a href="{{ route('services.index') }}" class="inline-flex items-center py-3 text-[13px] font-semibold uppercase tracking-[0.08em] text-amare-muted transition-colors hover:text-amare-accent md:px-3">Serviços</a>
<a href="{{ route('portfolio.index') }}" class="inline-flex items-center py-3 text-[13px] font-semibold uppercase tracking-[0.08em] text-amare-muted transition-colors hover:text-amare-accent md:px-3">Portfólio</a>
<a href="{{ route('about') }}" class="inline-flex items-center py-3 text-[13px] font-semibold uppercase tracking-[0.08em] text-amare-muted transition-colors hover:text-amare-accent md:px-3">Amare</a>
<a href="{{ route('briefing') }}" class="inline-flex items-center py-3 text-[13px] font-semibold uppercase tracking-[0.08em] text-amare-muted transition-colors 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">
<x-brand.logo variant="on-light" class="h-10 w-auto md:h-12" />
<x-brand.logo variant="on-light" class="h-10 w-auto md:h-11" />
</a>
<div class="order-2 flex items-center justify-end gap-3 md:order-3">
<a href="{{ route('briefing') }}" 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">
Solicitar proposta
<a href="{{ route('briefing') }}" class="hidden items-center justify-center border border-amare-accent px-6 text-xs font-bold uppercase tracking-[0.09em] text-amare-accent-deep transition-colors hover:bg-amare-accent hover:text-amare-accent-text md:inline-flex min-h-[48px]">
Conte seu evento
</a>
<button
@@ -97,50 +97,34 @@
@yield('content')
</main>
<footer class="border-t border-amare-border bg-amare-bg-deep">
<div class="container-amare grid gap-10 py-12 md:grid-cols-[minmax(0,1.4fr)_repeat(2,minmax(0,1fr))]">
<div class="space-y-4">
<x-brand.logo variant="on-light" class="h-12 w-auto" />
<p class="max-w-md text-amare-muted">
{{ $siteSettings->about_summary ?: 'Assessoria boutique em São Paulo - SP.' }}
</p>
<footer class="border-t border-amare-border bg-amare-bg">
@php
$footerSocialLabel = static function (string $network): string {
return match ($network) {
'instagram' => 'Instagram',
'whatsapp' => 'WhatsApp',
'linkedin' => 'LinkedIn',
default => ucfirst($network),
};
};
$footerSocials = collect($siteSettings->social_links ?? [])->filter(static fn ($url) => filled($url));
@endphp
<div class="container-amare flex flex-col gap-8 py-14 md:flex-row md:items-end md:justify-between md:py-[58px]">
<div class="space-y-3">
<x-brand.logo variant="on-light" class="h-10 w-auto" />
<p class="text-sm text-amare-muted">Assessoria &amp; produção de eventos &bull; São Paulo</p>
</div>
<div class="text-sm">
<h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Navegação</h2>
<ul class="mt-3 space-y-3">
<li><a href="{{ route('home') }}#casamentos" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Casamentos</a></li>
<li><a href="{{ route('home') }}#corporate" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Corporate</a></li>
<li><a href="{{ route('portfolio.index') }}" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Portfólio</a></li>
<li><a href="{{ route('contact') }}" class="inline-flex min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent">Contato</a></li>
</ul>
</div>
<div class="text-sm">
<h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Contato</h2>
<address class="mt-3 space-y-3 not-italic">
@if ($siteSettings->city)
<p class="text-amare-muted">{{ $siteSettings->city }}</p>
@endif
@if ($siteSettings->email)
<p>
<a href="mailto:{{ $siteSettings->email }}" class="inline-flex max-w-full min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent"><span class="min-w-0 break-words">{{ $siteSettings->email }}</span></a>
</p>
@endif
@if ($siteSettings->phone)
<p>
<a href="tel:{{ preg_replace('/\D/', '', (string) $siteSettings->phone) }}" class="inline-flex max-w-full min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent"><span class="min-w-0 break-words">{{ $siteSettings->phone }}</span></a>
</p>
@endif
@foreach ($siteSettings->social_links ?? [] as $network => $url)
@if (filled($url))
<p>
<a href="{{ $url }}" class="inline-flex max-w-full min-h-11 items-center text-amare-muted transition-colors hover:text-amare-accent" rel="noopener noreferrer" target="_blank"><span class="min-w-0 break-words">{{ ucfirst((string) $network) }}</span></a>
</p>
@endif
<p class="text-sm text-amare-muted md:text-right">
@if ($footerSocials->isEmpty())
Instagram &middot; WhatsApp &middot; E-mail &middot; LinkedIn (quando confirmado)
@else
@foreach ($footerSocials as $network => $url)
<a href="{{ $url }}" class="inline-flex min-h-11 items-center transition-colors hover:text-amare-accent" rel="noopener noreferrer" target="_blank">{{ $footerSocialLabel((string) $network) }}</a>@unless ($loop->last) &nbsp;&middot;&nbsp; @endunless
@endforeach
</address>
</div>
@endif
</p>
</div>
<div class="border-t border-amare-border">

View File

@@ -3,14 +3,12 @@
@section('content')
<div class="home-chapters">
<x-home.hero :settings="$content->settings" />
<x-home.manifesto :settings="$content->settings" />
<x-home.services :services="$content->featuredServices" />
<x-home.wedding-packages :packages="$content->weddingPackages" :settings="$content->settings" />
<x-home.corporate />
<x-home.manifesto />
<x-home.vertentes />
<x-home.packages :packages="$content->packages" :settings="$content->settings" />
<x-home.corporate :settings="$content->settings" />
<x-home.portfolio :cases="$content->featuredCases" />
<x-home.method :settings="$content->settings" />
<x-home.testimonials :testimonials="$content->testimonials" />
<x-home.positioning :settings="$content->settings" />
<x-home.final-cta :settings="$content->settings" editorial />
<x-home.briefing />
</div>
@endsection

View File

@@ -10,19 +10,19 @@ uses(RefreshDatabase::class);
beforeEach(function (): void {
SiteSetting::instance();
});
it('has no critical or serious accessibility issues on covered public routes', function (): void {
$case = PortfolioCase::factory()->published()->create([
$this->portfolioCase = PortfolioCase::factory()->published()->create([
'slug' => 'casamento-jardim',
'title' => 'Casamento Jardim',
]);
});
it('has no critical accessibility or console issues on covered public routes', function (): void {
$routes = [
'/',
'/servicos',
'/portfolio',
'/portfolio/'.$case->slug,
'/portfolio/'.$this->portfolioCase->slug,
'/sobre',
'/contato',
'/briefing',
@@ -30,9 +30,16 @@ it('has no critical or serious accessibility issues on covered public routes', f
'/__missing-accessibility-page',
];
foreach ($routes as $route) {
$this->visit($route)
->assertNoAccessibilityIssues(1);
$page = $this->visit($routes[0]);
foreach ($routes as $index => $route) {
if ($index > 0) {
$page->navigate($route);
}
$page
->assertNoAccessibilityIssues(1)
->assertNoJavaScriptErrors();
}
});
@@ -84,51 +91,32 @@ it('reaches the primary CTA by keyboard and activates it', function (): void {
$outlineStyle = $page->script('() => getComputedStyle(document.activeElement).outlineStyle');
expect($outlineStyle)->not->toBe('none');
$page->keys('[data-testid="home-primary-cta"]', 'Enter')
->assertPathIs('/briefing');
});
$page->keys('[data-testid="home-primary-cta"]', 'Enter');
it('loads covered public routes without console errors', function (): void {
$case = PortfolioCase::factory()->published()->create([
'slug' => 'casamento-jardim',
]);
foreach ([
'/',
'/servicos',
'/portfolio',
'/portfolio/'.$case->slug,
'/sobre',
'/contato',
'/briefing',
'/privacidade',
'/__missing-console-page',
] as $route) {
$this->visit($route)
->assertNoJavaScriptErrors();
}
$hash = $page->script('() => window.location.hash');
expect($hash)->toBe('#sobre');
});
it('disables transitions when prefers-reduced-motion is reduce', function (): void {
$case = PortfolioCase::factory()->published()->create([
'slug' => 'casamento-jardim',
]);
$routes = [
'/',
'/servicos',
'/portfolio',
'/portfolio/'.$case->slug,
'/portfolio/'.$this->portfolioCase->slug,
'/sobre',
'/contato',
'/briefing',
'/privacidade',
];
foreach ($routes as $route) {
$page = $this->visit($route, [
'reducedMotion' => 'reduce',
]);
$page = $this->visit($routes[0], [
'reducedMotion' => 'reduce',
]);
foreach ($routes as $index => $route) {
if ($index > 0) {
$page->navigate($route);
}
$duration = $page->script(<<<'JS'
() => {

View File

@@ -12,22 +12,22 @@ beforeEach(function (): void {
Artisan::call('db:seed', ['--class' => VisualContentSeeder::class, '--force' => true]);
});
it('uses a five-seven desktop spread with a bounded reading column and full-bleed media', function (): void {
it('keeps the hero asymmetric on desktop and stacked through md and mobile', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
])->resize(1440, 1000);
]);
$page->script('() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))');
$page->script('() => document.fonts.ready');
$waitFrames = '() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))';
$layout = $page->script(<<<'JS'
$page->resize(1440, 1000);
$page->script($waitFrames);
$desktop = $page->script(<<<'JS'
() => {
const header = document.querySelector('.site-header');
const hero = document.querySelector('[data-chapter="hero"]');
const content = hero?.querySelector('[data-hero-content]');
const media = hero?.querySelector('[data-split-hero]');
const heading = hero?.querySelector('h1');
const image = media?.querySelector('img');
const headerRect = header?.getBoundingClientRect();
const heroRect = hero?.getBoundingClientRect();
const contentRect = content?.getBoundingClientRect();
@@ -36,51 +36,27 @@ it('uses a five-seven desktop spread with a bounded reading column and full-blee
return {
hasContentColumn: Boolean(content),
startsBelowHeader: Math.abs((heroRect?.top ?? -1) - (headerRect?.bottom ?? -2)) <= 1,
fillsRemainingViewport: (heroRect?.bottom ?? 0) >= window.innerHeight - 1,
mediaTouchesHeroTop: Math.abs((mediaRect?.top ?? -1) - (heroRect?.top ?? -2)) <= 1,
mediaTouchesHeroBottom: Math.abs((mediaRect?.bottom ?? -1) - (heroRect?.bottom ?? -2)) <= 1,
mediaTouchesViewportRight: Math.abs((mediaRect?.right ?? -1) - window.innerWidth) <= 1,
splitImageObjectFit: image ? getComputedStyle(image).objectFit : null,
columnRatio: Number(((contentRect?.width ?? 0) / (mediaRect?.width ?? 1)).toFixed(3)),
readingColumnWithinLimit: (heading?.getBoundingClientRect().width ?? Number.POSITIVE_INFINITY) <= 470,
titleClipsHorizontally: (() => {
if (!heading) {
return true;
}
const range = document.createRange();
range.selectNodeContents(heading);
return Array.from(range.getClientRects()).some((line) => line.right > heading.getBoundingClientRect().right + 1);
})(),
mediaBesideContent: (mediaRect?.left ?? 0) >= (contentRect?.right ?? Number.POSITIVE_INFINITY) - 1,
mediaMinHeight: Math.round(mediaRect?.height ?? 0) >= 519,
mediaInsideContainer: (mediaRect?.right ?? 0) < window.innerWidth - 100,
horizontalOverflow: document.documentElement.scrollWidth > window.innerWidth,
};
}
JS);
expect($layout)->toBe([
expect($desktop)->toBe([
'hasContentColumn' => true,
'startsBelowHeader' => true,
'fillsRemainingViewport' => true,
'mediaTouchesHeroTop' => true,
'mediaTouchesHeroBottom' => true,
'mediaTouchesViewportRight' => true,
'splitImageObjectFit' => 'cover',
'columnRatio' => 0.714,
'readingColumnWithinLimit' => true,
'titleClipsHorizontally' => false,
'mediaBesideContent' => true,
'mediaMinHeight' => true,
'mediaInsideContainer' => true,
'horizontalOverflow' => false,
]);
});
it('keeps the home hero linear through tablet with a full-width four-by-five crop', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
])->resize(1023, 1000);
$page->resize(767, 1000);
$page->script($waitFrames);
$page->script('() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))');
$layout = $page->script(<<<'JS'
$md = $page->script(<<<'JS'
() => {
const hero = document.querySelector('[data-chapter="hero"]');
const content = hero?.querySelector('[data-hero-content]');
@@ -91,30 +67,25 @@ it('keeps the home hero linear through tablet with a full-width four-by-five cro
return {
hasContentColumn: Boolean(content),
mediaFollowsContent: (mediaRect?.top ?? 0) >= (contentRect?.bottom ?? Number.POSITIVE_INFINITY) - 1,
mediaFillsViewportWidth: Math.abs((mediaRect?.width ?? 0) - window.innerWidth) <= 1,
mediaAspectRatio: Number(((mediaRect?.width ?? 0) / (mediaRect?.height ?? 1)).toFixed(3)),
mediaFillsContainerWidth: (mediaRect?.width ?? 0) > window.innerWidth - 100,
mediaMinHeight: Math.round(mediaRect?.height ?? 0) >= 319,
horizontalOverflow: document.documentElement.scrollWidth > window.innerWidth,
};
}
JS);
expect($layout)->toBe([
expect($md)->toBe([
'hasContentColumn' => true,
'mediaFollowsContent' => true,
'mediaFillsViewportWidth' => true,
'mediaAspectRatio' => 0.8,
'mediaFillsContainerWidth' => true,
'mediaMinHeight' => true,
'horizontalOverflow' => false,
]);
});
it('stacks the home hero media after its content as a full-width four-by-five crop on mobile', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
])->resize(390, 844);
$page->resize(390, 844);
$page->script($waitFrames);
$page->script('() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))');
$layout = $page->script(<<<'JS'
$mobile = $page->script(<<<'JS'
() => {
const hero = document.querySelector('[data-chapter="hero"]');
const content = hero?.querySelector('[data-hero-content]');
@@ -125,27 +96,27 @@ it('stacks the home hero media after its content as a full-width four-by-five cr
return {
hasContentColumn: Boolean(content),
mediaFollowsContent: (mediaRect?.top ?? 0) >= (contentRect?.bottom ?? Number.POSITIVE_INFINITY) - 1,
mediaFillsViewportWidth: Math.abs((mediaRect?.width ?? 0) - window.innerWidth) <= 1,
mediaAspectRatio: Number(((mediaRect?.width ?? 0) / (mediaRect?.height ?? 1)).toFixed(3)),
mediaFillsContainerWidth: (mediaRect?.width ?? 0) > window.innerWidth - 100,
horizontalOverflow: document.documentElement.scrollWidth > window.innerWidth,
};
}
JS);
expect($layout)->toBe([
expect($mobile)->toBe([
'hasContentColumn' => true,
'mediaFollowsContent' => true,
'mediaFillsViewportWidth' => true,
'mediaAspectRatio' => 0.8,
'mediaFillsContainerWidth' => true,
'horizontalOverflow' => false,
]);
});
it('keeps the full home cadence accessible and contained at both viewports', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
]);
foreach ([[1440, 1000], [390, 844]] as [$width, $height]) {
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
])->resize($width, $height);
$page->resize($width, $height);
$page->assertNoAccessibilityIssues(1);

View File

@@ -23,7 +23,14 @@ beforeEach(function (): void {
]);
});
it('keeps every home motion target in final visible state when reduced motion is preferred', function (): void {
it('keeps reduced-motion home final and free of ornamental chapter counters', function (): void {
PortfolioCase::factory()->published()->create([
'is_featured' => true,
]);
Testimonial::factory()->published()->create([
'quote' => 'Relato publicado.',
]);
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
]);
@@ -37,14 +44,20 @@ it('keeps every home motion target in final visible state when reduced motion is
const titleStyle = title ? getComputedStyle(title) : null;
const finalReveals = [...document.querySelectorAll('[data-reveal]')]
.every((node) => node.classList.contains('is-revealed'));
const flow = document.querySelector('.home-chapters');
const chapters = Array.from(document.querySelectorAll('.home-chapter'));
const folios = Array.from(document.querySelectorAll('[data-home-folio]'));
return {
heroActive: hero?.classList.contains('is-active') ?? false,
titleOpacity: titleStyle ? Number.parseFloat(titleStyle.opacity) : 0,
hasIndex: Boolean(index),
hasActiveChapter: Boolean(active),
hasIndex: Boolean(index),
hasActiveChapter: Boolean(active),
finalReveals,
enhancementEnabled: document.documentElement.hasAttribute('data-motion'),
reset: flow ? getComputedStyle(flow).counterReset : '',
increments: chapters.map((chapter) => getComputedStyle(chapter).counterIncrement),
folioCount: folios.length,
};
}
JS);
@@ -55,9 +68,12 @@ it('keeps every home motion target in final visible state when reduced motion is
expect($state['hasActiveChapter'])->toBeFalse();
expect($state['finalReveals'])->toBeTrue();
expect($state['enhancementEnabled'])->toBeFalse();
expect($state['reset'])->toBe('none');
expect($state['increments'])->each->toBe('none');
expect($state['folioCount'])->toBe(0);
});
it('activates the home opening with 500ms beats and capped 90ms stagger', function (): void {
it('opens home motion, reveals once, and allows CTA during open', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'no-preference',
]);
@@ -77,45 +93,39 @@ it('activates the home opening with 500ms beats and capped 90ms stagger', functi
})
JS);
$state = $page->script(<<<'JS'
$opening = $page->script(<<<'JS'
() => {
const hero = document.querySelector('[data-motion="page-open"]');
const beatDurations = [...hero.querySelectorAll('[data-motion-beat]')]
.map((beat) => Number.parseFloat(getComputedStyle(beat).transitionDuration));
const methodItems = [...document.querySelectorAll('[data-chapter="method"] [data-reveal]')];
const vertentesItems = [...document.querySelectorAll('[data-chapter="vertentes"] [data-reveal]')];
return {
active: hero?.classList.contains('is-active') ?? false,
beatDurations,
methodIndexes: methodItems.map((item) => item.style.getPropertyValue('--motion-index')),
vertentesIndexes: vertentesItems.map((item) => item.style.getPropertyValue('--motion-index')),
};
}
JS);
expect($state['active'])->toBeTrue();
expect($state['beatDurations'])->each->toBe(0.5);
expect($state['methodIndexes'])->toBe(['0', '1', '2', '3', '3']);
});
expect($opening['active'])->toBeTrue();
expect($opening['beatDurations'])->each->toBe(0.5);
expect($opening['vertentesIndexes'])->toBe(['0', '1', '2']);
it('reveals a section once and keeps it final after returning in the scroll', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'no-preference',
]);
$before = $page->script(<<<'JS'
() => document.querySelector('#final-cta-heading')?.closest('[data-reveal]')?.classList.contains('is-revealed') ?? false
$beforeReveal = $page->script(<<<'JS'
() => document.querySelector('#briefing-heading')?.closest('[data-reveal]')?.classList.contains('is-revealed') ?? false
JS);
$page->script(<<<'JS'
() => {
document.querySelector('#final-cta-heading')?.scrollIntoView({ block: 'center' });
document.querySelector('#briefing-heading')?.scrollIntoView({ block: 'center' });
return true;
}
JS);
$page->script(<<<'JS'
() => new Promise((resolve) => {
const target = document.querySelector('#final-cta-heading')?.closest('[data-reveal]');
const target = document.querySelector('#briefing-heading')?.closest('[data-reveal]');
const wait = () => {
if (target?.classList.contains('is-revealed')) {
resolve(true);
@@ -124,67 +134,44 @@ it('reveals a section once and keeps it final after returning in the scroll', fu
requestAnimationFrame(wait);
};
wait();
setTimeout(() => resolve(false), 2000);
})
JS);
$page->script('() => window.scrollTo({ top: 0, behavior: "instant" })');
$after = $page->script(<<<'JS'
() => document.querySelector('#final-cta-heading')?.closest('[data-reveal]')?.classList.contains('is-revealed') ?? false
$afterReveal = $page->script(<<<'JS'
() => document.querySelector('#briefing-heading')?.closest('[data-reveal]')?.classList.contains('is-revealed') ?? false
JS);
expect($before)->toBeFalse();
expect($after)->toBeTrue();
});
expect($beforeReveal)->toBeFalse();
expect($afterReveal)->toBeTrue();
it('preserves testimonial directions with reduced lateral distance on mobile', function (): void {
Testimonial::factory()->published()->create([
'quote' => 'Primeiro relato.',
'sort_order' => 10,
]);
Testimonial::factory()->published()->create([
'quote' => 'Segundo relato.',
'sort_order' => 20,
]);
$page->script(<<<'JS'
() => {
const opening = document.querySelector('[data-motion="page-open"]');
opening?.classList.remove('is-active');
requestAnimationFrame(() => opening?.classList.add('is-active'));
return true;
}
JS);
$page = $this->visit('/', [
'reducedMotion' => 'no-preference',
]);
$page->click('[data-testid="home-primary-cta"]');
$readDistances = <<<'JS'
() => [...document.querySelectorAll('[data-chapter="testimonials"] blockquote')]
.map((item) => ({
direction: item.dataset.revealFrom,
distance: getComputedStyle(item).getPropertyValue('--motion-translate-x').trim(),
}))
JS;
$page->resize(1440, 1000);
$page->script('() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))');
$desktop = $page->script($readDistances);
$page->resize(390, 844);
$page->script('() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)))');
$mobile = $page->script($readDistances);
expect($desktop)->toBe([
['direction' => 'left', 'distance' => 'calc(-1 * 24px)'],
['direction' => 'right', 'distance' => '24px'],
]);
expect($mobile)->toBe([
['direction' => 'left', 'distance' => 'calc(-1 * 16px)'],
['direction' => 'right', 'distance' => '16px'],
]);
expect($page->script('() => window.location.hash'))->toBe('#sobre');
});
it('keeps content and navigation usable without javascript', function (): void {
$this->visit('/', [
$page = $this->visit('/', [
'javaScriptEnabled' => false,
])
]);
$page
->assertVisible('#hero-heading')
->assertVisible('[data-testid="home-primary-cta"]')
->click('[data-testid="home-primary-cta"]')
->assertPathIs('/briefing');
->click('[data-testid="home-primary-cta"]');
expect($page->script('() => window.location.hash'))->toBe('#sobre');
});
it('keeps targets final when intersection observer is unavailable', function (): void {
@@ -212,24 +199,6 @@ it('keeps targets final when intersection observer is unavailable', function ():
]);
});
it('allows cta activation while its opening is in progress', function (): void {
$page = $this->visit('/', [
'reducedMotion' => 'no-preference',
]);
$page->script(<<<'JS'
() => {
const opening = document.querySelector('[data-motion="page-open"]');
opening?.classList.remove('is-active');
requestAnimationFrame(() => opening?.classList.add('is-active'));
return true;
}
JS);
$page->click('[data-testid="home-primary-cta"]')
->assertPathIs('/briefing');
});
it('avoids horizontal overflow on visual public routes at desktop and mobile', function (): void {
$case = PortfolioCase::factory()->published()->create([
'slug' => 'casamento-jardim',
@@ -247,11 +216,19 @@ it('avoids horizontal overflow on visual public routes at desktop and mobile', f
'/__missing-public-motion',
];
foreach ([[1440, 1000], [390, 844]] as [$width, $height]) {
foreach ($routes as $route) {
$page = $this->visit($route, [
'reducedMotion' => 'no-preference',
])->resize($width, $height);
$viewports = [[1440, 1000], [390, 844]];
$page = $this->visit($routes[0], [
'reducedMotion' => 'no-preference',
]);
foreach ($routes as $index => $route) {
if ($index > 0) {
$page->navigate($route);
}
foreach ($viewports as [$width, $height]) {
$page->resize($width, $height);
$overflow = $page->script('() => document.documentElement.scrollWidth - document.documentElement.clientWidth');
@@ -259,34 +236,3 @@ it('avoids horizontal overflow on visual public routes at desktop and mobile', f
}
}
});
it('keeps rendered home chapters free of ornamental folios and counters', function (): void {
PortfolioCase::factory()->published()->create([
'is_featured' => true,
]);
Testimonial::factory()->published()->create([
'quote' => 'Relato publicado.',
]);
$page = $this->visit('/', [
'reducedMotion' => 'reduce',
]);
$editorial = $page->script(<<<'JS'
() => {
const flow = document.querySelector('.home-chapters');
const chapters = Array.from(document.querySelectorAll('.home-chapter'));
const folios = Array.from(document.querySelectorAll('[data-home-folio]'));
return {
reset: flow ? getComputedStyle(flow).counterReset : '',
increments: chapters.map((chapter) => getComputedStyle(chapter).counterIncrement),
folioCount: folios.length,
};
}
JS);
expect($editorial['reset'])->toBe('none');
expect($editorial['increments'])->each->toBe('none');
expect($editorial['folioCount'])->toBe(0);
});

View File

@@ -8,7 +8,7 @@ it('renders the public home page', function (): void {
$settings = SiteSetting::instance();
$this->visit('/')
->assertSee($settings->hero_title)
->assertSee('Eventos com intenção, cuidado e presença.')
->assertSee($settings->brand_name);
});

View File

@@ -9,6 +9,7 @@ use App\Models\PortfolioCase;
use App\Models\Service;
use App\Models\SiteSetting;
use App\Models\Testimonial;
use App\Models\WeddingPackage;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
@@ -33,6 +34,10 @@ class GetHomeContentTest extends TestCase
$testimonialB = Testimonial::factory()->published()->create(['author_name' => 'Author B', 'sort_order' => 20]);
$testimonialA = Testimonial::factory()->published()->create(['author_name' => 'Author A', 'sort_order' => 10]);
WeddingPackage::factory()->create(['name' => 'Draft Package', 'published_at' => null]);
$packageB = WeddingPackage::factory()->published()->create(['name' => 'Package B', 'sort_order' => 20]);
$packageA = WeddingPackage::factory()->published()->create(['name' => 'Package A', 'sort_order' => 10]);
$content = (new GetHomeContent)();
$this->assertTrue($content->settings->is($settings));
@@ -46,5 +51,8 @@ class GetHomeContentTest extends TestCase
$this->assertCount(2, $content->testimonials);
$this->assertTrue($content->testimonials->get(0)?->is($testimonialA));
$this->assertTrue($content->testimonials->get(1)?->is($testimonialB));
$this->assertCount(2, $content->packages);
$this->assertTrue($content->packages->get(0)?->is($packageA));
$this->assertTrue($content->packages->get(1)?->is($packageB));
}
}

View File

@@ -20,7 +20,7 @@ class HomePageTest extends TestCase
$response
->assertOk()
->assertSee($settings->hero_title)
->assertSee('Eventos com intenção, cuidado e presença.')
->assertSee($settings->brand_name);
}
}

View File

@@ -5,7 +5,6 @@ declare(strict_types=1);
namespace Tests\Feature\PublicSite;
use App\Models\PortfolioCase;
use App\Models\Service;
use App\Models\SiteSetting;
use App\Models\Testimonial;
use App\Models\WeddingPackage;
@@ -18,24 +17,18 @@ class HomePageContentTest extends TestCase
public function test_published_featured_content_appears_in_order_and_drafts_are_hidden(): void
{
$settings = SiteSetting::instance();
$settings->update([
'hero_title' => 'Celebrações com propósito',
'hero_cta_label' => 'Solicitar orçamento',
'manifesto_title' => 'Manifesto Amare',
]);
SiteSetting::instance();
Service::factory()->create([
'title' => 'Serviço Rascunho',
'is_featured' => true,
WeddingPackage::factory()->create([
'name' => 'Modalidade Rascunho',
'published_at' => null,
]);
Service::factory()->published()->featured()->create([
'title' => 'Serviço B',
WeddingPackage::factory()->published()->create([
'name' => 'Modalidade B',
'sort_order' => 20,
]);
Service::factory()->published()->featured()->create([
'title' => 'Serviço A',
WeddingPackage::factory()->published()->create([
'name' => 'Modalidade A',
'sort_order' => 10,
]);
@@ -74,89 +67,68 @@ class HomePageContentTest extends TestCase
$response
->assertOk()
->assertSee('Celebrações com propósito')
->assertSeeInOrder([
'id="hero-heading"',
'id="manifesto-heading"',
'id="services-heading"',
'id="vertentes-heading"',
'id="packages-heading"',
'id="corporate-heading"',
'id="portfolio-heading"',
'id="method-heading"',
'id="testimonials-heading"',
'id="positioning-heading"',
'id="final-cta-heading"',
'id="briefing-heading"',
], false)
->assertSeeInOrder(['Serviço A', 'Serviço B'])
->assertSeeInOrder(['Modalidade A', 'Modalidade B'])
->assertSeeInOrder(['Caso A', 'Caso B'])
->assertSeeInOrder(['Autor A', 'Autor B'])
->assertDontSee('Serviço Rascunho')
->assertDontSee('Modalidade Rascunho')
->assertDontSee('Caso Rascunho')
->assertDontSee('Autor Rascunho')
->assertSee('data-testid="home-primary-cta"', false)
->assertSee('href="'.route('briefing').'"', false);
}
public function test_empty_sections_are_omitted_when_no_published_content(): void
public function test_all_sections_render_with_placeholders_when_no_published_content(): void
{
SiteSetting::instance();
SiteSetting::instance()->update(['hero_image_path' => null]);
$response = $this->get(route('home'));
$response
->assertOk()
->assertDontSee('id="services-heading"', false)
->assertSee('id="portfolio-heading"', false)
->assertSee('Nosso acervo de eventos reais e autorizados está em preparação.')
->assertDontSee('id="testimonials-heading"', false)
->assertSee('id="manifesto-heading"', false)
->assertSee('id="method-heading"', false)
->assertSee('id="positioning-heading"', false)
->assertSee('id="final-cta-heading"', false);
->assertSeeInOrder([
'id="hero-heading"',
'id="manifesto-heading"',
'id="vertentes-heading"',
'id="packages-heading"',
'id="corporate-heading"',
'id="portfolio-heading"',
'id="testimonials-heading"',
'id="briefing-heading"',
], false)
->assertSee('Fotografia hero')
->assertSee('FOTO DE CASAMENTO 01')
->assertSee('Nome e data reais — aguardando autorização')
->assertSee('Conteúdo em construção')
->assertSee('Fornecedores e parcerias — pós-MVP');
}
public function test_home_exposes_anchored_wedding_and_corporate_chapters_with_cta_fallback(): void
{
$settings = SiteSetting::instance();
$settings->update(['whatsapp_number' => null]);
WeddingPackage::factory()->published()->create(['name' => 'Essenza', 'sort_order' => 1]);
$this->get(route('home'))
->assertOk()
->assertSee('id="amare"', false)
->assertSee('id="casamentos"', false)
->assertSee('id="corporate"', false)
->assertSee('id="portfolio"', false)
->assertSee('Essenza')
->assertSee(route('briefing', ['servico_interesse' => 'Essenza']), false)
->assertSee(route('briefing', ['tipo_evento' => 'Evento corporativo']), false)
->assertDontSee('https://wa.me/', false);
}
public function test_wedding_cta_uses_contextual_whatsapp_link_when_official_number_is_valid(): void
{
SiteSetting::instance()->update(['whatsapp_number' => '+55 (11) 98888-7777']);
WeddingPackage::factory()->published()->create(['name' => 'Grand Jour']);
$this->get(route('home'))
->assertOk()
->assertSee('https://wa.me/5511988887777?text=Ol%C3%A1%2C%20gostaria%20de%20conversar%20sobre%20a%20modalidade%20Grand%20Jour%20para%20meu%20casamento.', false);
}
public function test_hero_falls_back_to_default_copy_when_fields_are_empty(): void
public function test_hero_uses_fixed_editorial_copy_regardless_of_settings(): void
{
SiteSetting::instance()->update([
'hero_title' => '',
'hero_cta_label' => '',
'hero_secondary_cta_label' => '',
'hero_subtitle' => '',
'hero_note' => '',
'hero_image_path' => null,
]);
$response = $this->get(route('home'));
$response
->assertOk()
->assertSeeInOrder(['id="hero-heading"', 'Celebrações com propósito'])
->assertSeeInOrder(['data-testid="home-primary-cta"', 'Solicitar proposta']);
->assertSee('Eventos com intenção, cuidado e presença.')
->assertSee('Uma boutique de assessoria que une sensibilidade, organização e condução profissional para transformar cada projeto em uma experiência bem cuidada.')
->assertSee('Conhecer a Amare')
->assertSee('Enviar briefing')
->assertSeeInOrder(['href="#sobre"', 'data-testid="home-primary-cta"'], false);
}
public function test_home_hero_uses_its_own_cms_image_instead_of_the_social_og_image(): void
@@ -188,13 +160,115 @@ class HomePageContentTest extends TestCase
$this->get(route('home'))
->assertOk()
->assertSee('min-h-[100dvh]', false)
->assertSee('min-h-[320px]', false)
->assertSee('md:min-h-[520px]', false)
->assertSee('Fotografia hero')
->assertSee('id="hero-heading"', false)
->assertSee('data-testid="home-primary-cta"', false)
->assertDontSee('data-motion-beat="media"', false);
->assertSee('data-motion-beat="media"', false)
->assertDontSee('content/home/hero.jpg', false);
}
public function test_blank_quote_testimonials_are_skipped(): void
public function test_wedding_packages_render_from_database_with_guidance_block(): void
{
WeddingPackage::factory()->published()->create([
'level' => '01 / COMPLETA',
'name' => 'Essenza',
'summary' => 'Para casais que desejam contar com a Amare desde o planejamento até a realização do casamento.',
'scope_items' => ['Planejamento e organização', 'Gestão de etapas e prioridades'],
'cta_label' => 'Quero conhecer a Essenza',
'sort_order' => 1,
]);
$response = $this->get(route('home'));
$response
->assertOk()
->assertSee('Um acompanhamento para cada momento.')
->assertSee('01 / COMPLETA')
->assertSee('Essenza')
->assertSee('Para casais que desejam contar com a Amare desde o planejamento até a realização do casamento.')
->assertSee('Planejamento e organização')
->assertSee('Gestão de etapas e prioridades')
->assertSee('Quero conhecer a Essenza')
->assertSee('href="'.route('briefing', ['servico_interesse' => 'Essenza']).'"', false)
->assertSee('Ainda não sabe qual modalidade é ideal?')
->assertSee('Conversar com a Amare')
->assertSee('Nomenclaturas exibidas conforme materiais/reunião; confirmar versão final antes da publicação.');
}
public function test_package_cta_uses_whatsapp_when_a_number_is_configured(): void
{
SiteSetting::instance()->update(['whatsapp_number' => '+55 11 98888-7777']);
WeddingPackage::factory()->published()->create([
'name' => 'Grand Jour',
'cta_label' => 'Quero conhecer a Grand Jour',
]);
$response = $this->get(route('home'));
$response
->assertOk()
->assertSee(
'https://wa.me/5511988887777?text='.rawurlencode('Olá, gostaria de conversar sobre a modalidade Grand Jour para meu casamento.'),
false,
)
->assertSee('target="_blank"', false)
->assertDontSee(route('briefing', ['servico_interesse' => 'Grand Jour']), false);
}
public function test_corporate_steps_and_placeholder_render_from_settings(): void
{
SiteSetting::instance()->update([
'corporate_steps' => [
['title' => 'Planejamento', 'body' => 'Estruturação de escopo, cronograma e prioridades.'],
['title' => 'Produção', 'body' => 'Coordenação dos elementos necessários para colocar o evento de pé.'],
['title' => 'Execução', 'body' => 'Condução e acompanhamento do evento conforme o projeto aprovado.'],
],
]);
$response = $this->get(route('home'));
$response
->assertOk()
->assertSee('Projetos corporativos tratados como experiência, não apenas operação.')
->assertSeeInOrder(['Planejamento', 'Estruturação de escopo, cronograma e prioridades.'])
->assertSeeInOrder(['Produção', 'Coordenação dos elementos necessários para colocar o evento de pé.'])
->assertSeeInOrder(['Execução', 'Condução e acompanhamento do evento conforme o projeto aprovado.'])
->assertSee('Falar sobre um evento corporativo')
->assertSee('Portfólio Corporate')
->assertSee('Conteúdo em construção')
->assertSee('Em vez de usar fotografias genéricas como se fossem cases');
}
public function test_briefing_form_renders_all_fields_and_posts_to_briefing_store(): void
{
SiteSetting::instance();
$response = $this->get(route('home'));
$response
->assertOk()
->assertSee('Conte sobre o evento que você está imaginando.')
->assertSee('method="POST"', false)
->assertSee('action="'.route('briefing.store').'"', false)
->assertSee('name="empresa"', false)
->assertSee('id="briefing-nome"', false)
->assertSee('id="briefing-email"', false)
->assertSee('id="briefing-telefone"', false)
->assertSee('id="briefing-tipo_evento"', false)
->assertSee('id="briefing-data_periodo"', false)
->assertSee('id="briefing-cidade"', false)
->assertSee('id="briefing-convidados"', false)
->assertSee('id="briefing-servico_interesse"', false)
->assertSee('id="briefing-mensagem"', false)
->assertSee('id="briefing-privacidade"', false)
->assertSee('Enviar briefing')
->assertSee('href="'.route('privacy').'"', false);
}
public function test_blank_quote_testimonials_are_skipped_and_padded_with_placeholders(): void
{
Testimonial::factory()->published()->create([
'author_name' => 'Autor Mantido',
@@ -212,44 +286,34 @@ class HomePageContentTest extends TestCase
->assertSee('Autor Mantido')
->assertSee('Experiência impecável do início ao fim.')
->assertDontSee('Autor Oculto')
->assertSee('data-reveal-from="left"', false);
->assertSee('Nome e data reais — aguardando autorização');
$this->assertSame(3, preg_match_all('/<figure\b/i', $response->getContent()));
}
public function test_blank_testimonials_are_filtered_before_directional_sequence(): void
public function test_testimonials_render_up_to_three_cards_without_a_carousel(): void
{
Testimonial::factory()->published()->create([
'author_name' => 'Primeira autora',
'quote' => 'Primeiro relato.',
'sort_order' => 10,
]);
Testimonial::factory()->published()->create([
'author_name' => 'Relato vazio',
'quote' => " \n ",
'sort_order' => 20,
]);
Testimonial::factory()->published()->create([
'author_name' => 'Segunda autora',
'quote' => 'Segundo relato.',
'sort_order' => 30,
]);
foreach ([10, 20, 30, 40] as $index => $sortOrder) {
Testimonial::factory()->published()->create([
'author_name' => 'Autora '.($index + 1),
'quote' => 'Relato '.($index + 1).'.',
'sort_order' => $sortOrder,
]);
}
$response = $this->get(route('home'));
$response
->assertOk()
->assertDontSee('Relato vazio')
->assertSeeInOrder([
'data-reveal-from="left"',
'Primeira autora',
'data-reveal-from="right"',
'Segunda autora',
], false);
->assertSeeInOrder(['Relato 1.', 'Relato 2.', 'Relato 3.'])
->assertDontSee('Relato 4.');
$this->assertSame(1, preg_match_all('/<blockquote\b[^>]*data-reveal-from="left"/i', $response->getContent()));
$this->assertSame(1, preg_match_all('/<blockquote\b[^>]*data-reveal-from="right"/i', $response->getContent()));
$this->assertSame(3, preg_match_all('/<figure\b/i', $response->getContent()));
$this->assertStringNotContainsString('data-carousel', $response->getContent());
$this->assertStringNotContainsString('aria-roledescription="carousel"', $response->getContent());
}
public function test_testimonials_section_is_omitted_when_every_published_quote_is_blank(): void
public function test_testimonials_section_renders_placeholders_when_every_published_quote_is_blank(): void
{
Testimonial::factory()->published()->create([
'author_name' => 'Relato vazio',
@@ -258,8 +322,8 @@ class HomePageContentTest extends TestCase
$this->get(route('home'))
->assertOk()
->assertDontSee('id="testimonials-heading"', false)
->assertDontSee('href="#testimonials-heading"', false)
->assertSee('id="testimonials-heading"', false)
->assertSee('Depoimento real aprovado pela cliente entra aqui.')
->assertDontSee('Relato vazio');
}
@@ -267,7 +331,7 @@ class HomePageContentTest extends TestCase
{
SiteSetting::instance();
Service::factory()->published()->featured()->create();
WeddingPackage::factory()->published()->create();
PortfolioCase::factory()->published()->create(['is_featured' => true]);
Testimonial::factory()->published()->create(['quote' => 'Relato publicado.']);

View File

@@ -37,20 +37,16 @@ class ImmersivePhotoHeroTest extends TestCase
->assertOk()
->assertSee('data-chapter="hero"', false)
->assertSee('data-motion="page-open"', false)
->assertSee('data-photo-hero', false)
->assertSee('md:min-h-[520px]', false)
->assertSee('data-hero-content', false)
->assertSee('data-split-hero', false)
->assertSee('data-motion-beat="media"', false)
->assertSee('lg:grid-cols-12', false)
->assertSee('lg:col-span-5', false)
->assertSee('lg:col-span-7', false)
->assertSee('max-w-[470px]', false)
->assertSee('break-normal', false)
->assertSee('max-lg:aspect-[4/5]', false)
->assertSee('md:grid-cols-[1.1fr_0.9fr]', false)
->assertSee('content/heroes/home.jpg', false)
->assertSee('loading="eager"', false)
->assertSee('fetchpriority="high"', false)
->assertSee('sizes="(max-width: 1023px) 100vw, 58vw"', false)
->assertSee('sizes="(max-width: 1023px) 100vw, 45vw"', false)
->assertDontSee('data-tonal-hero', false)
->assertSee('content="http://localhost/storage/content/og/social.jpg"', false);
}
@@ -79,7 +75,9 @@ class ImmersivePhotoHeroTest extends TestCase
->assertSee('data-motion="page-open"', false)
->assertSee('id="hero-heading"', false)
->assertSee('data-testid="home-primary-cta"', false)
->assertDontSee('data-split-hero', false)
->assertSee('data-split-hero', false)
->assertSee('data-tonal-hero', false)
->assertSee('Fotografia hero')
->assertDontSee('content/heroes/home.jpg', false);
}
}
@@ -105,25 +103,12 @@ class ImmersivePhotoHeroTest extends TestCase
$this->get($route)
->assertOk()
->assertSee('data-photo-hero', false)
->assertSee('lg:grid-cols-12', false)
->assertSee('lg:col-span-5', false)
->assertSee('lg:col-span-7', false)
->assertSee('loading="eager"', false)
->assertSee('fetchpriority="high"', false)
->assertSee('sizes="(max-width: 1023px) 100vw, 58vw"', false);
}
}
public function test_contact_and_privacy_remain_sober_tonal_surfaces(): void
{
foreach ([route('contact'), route('privacy')] as $route) {
$this->get($route)
->assertOk()
->assertDontSee('data-photo-hero', false)
->assertDontSee('data-split-hero', false);
}
}
public function test_hero_upload_requires_alt_text_only_when_an_image_is_uploaded(): void
{
Storage::fake('public');

View File

@@ -36,7 +36,7 @@ class MotionMarkupTest extends TestCase
$response
->assertOk()
->assertSee('data-motion="page-open"', false)
->assertSee('data-motion-beat="seal"', false)
->assertSee('data-motion-beat="eyebrow"', false)
->assertSee('data-motion-beat="title"', false)
->assertSee('data-motion-beat="media"', false)
->assertSee('data-motion-beat="cta"', false)
@@ -45,12 +45,12 @@ class MotionMarkupTest extends TestCase
->assertDontSee('data-chapter-index', false)
->assertDontSee('data-chapter-progress', false)
->assertSee('data-chapter="hero"', false)
->assertSee('data-chapter="manifesto"', false)
->assertSee('data-chapter="sobre"', false)
->assertSee('data-reveal', false)
->assertDontSee('data-home-folio', false);
}
public function test_home_has_no_chapter_navigation_when_cms_sections_are_empty(): void
public function test_home_has_no_chapter_navigation_and_keeps_all_sections_when_cms_sections_are_empty(): void
{
SiteSetting::instance();
@@ -60,9 +60,16 @@ class MotionMarkupTest extends TestCase
->assertOk()
->assertDontSee('data-chapter-index', false)
->assertDontSee('data-chapter-progress', false)
->assertDontSee('id="services-heading"', false)
->assertSee('id="portfolio-heading"', false)
->assertDontSee('id="testimonials-heading"', false);
->assertSeeInOrder([
'id="hero-heading"',
'id="manifesto-heading"',
'id="vertentes-heading"',
'id="packages-heading"',
'id="corporate-heading"',
'id="portfolio-heading"',
'id="testimonials-heading"',
'id="briefing-heading"',
], false);
}
public function test_motion_tokens_and_runtime_exist_with_reduced_motion_guards(): void
@@ -131,7 +138,6 @@ class MotionMarkupTest extends TestCase
$this->get(route('portfolio.show', $case->slug)),
$this->get(route('about')),
$this->get(route('contact')),
$this->get(route('briefing')),
$this->get(route('privacy')),
];

View File

@@ -180,7 +180,6 @@ class PublicPagesTest extends TestCase
$this->get(route('contact'))
->assertOk()
->assertSee('amareassessoriaeventos@gmail.com')
->assertSee('(11) 90000-0000')
->assertSee('São Paulo - SP')
->assertDontSee('Fortaleza')
->assertSee('https://instagram.com/amare', false)