Compare commits

..

1 Commits

Author SHA1 Message Date
68632c32df feat: reestruturar jornada pública de casamentos 2026-08-11 15:42:43 -03:00
40 changed files with 593 additions and 1318 deletions

3
.gitignore vendored
View File

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

View File

@@ -31,13 +31,9 @@ Hooks live in `.husky/` and auto-install on any plain `npm install` via the `pre
Follow PSR-4 and Laravel conventions: PascalCase classes, camelCase methods, and snake_case database columns. Use four spaces (two in YAML, except four in Compose files), LF endings, and UTF-8 as defined by `.editorconfig`. Every project-owned PHP file must place `declare(strict_types=1);` immediately after `<?php`. Keep domain code independent of Filament and Livewire. Run `composer pint` to format and `composer phpstan` before review. Follow PSR-4 and Laravel conventions: PascalCase classes, camelCase methods, and snake_case database columns. Use four spaces (two in YAML, except four in Compose files), LF endings, and UTF-8 as defined by `.editorconfig`. Every project-owned PHP file must place `declare(strict_types=1);` immediately after `<?php`. Keep domain code independent of Filament and Livewire. Run `composer pint` to format and `composer phpstan` before review.
## Design Principles: DRY & YAGNI
Write for the problem at hand, not an imagined future. **DRY**: extract and reuse a piece of logic as soon as it is genuinely duplicated in more than one place — but not before. **YAGNI**: do not add abstraction, configurability, or layers speculatively; add them only when a concrete requirement demands it. Prefer the simplest thing that solves the current requirement. Duplication that appears once is not yet a reason to abstract — wait for a second real occurrence before generalizing. This repo already encodes YAGNI in `openspec/config.yaml` (no generic repositories / `BaseService`); keep that spirit in new code. Avoid over-engineering and avoid premature extraction.
## Testing Guidelines ## Testing Guidelines
Tests use Pest 4; browser coverage uses Pest Browser/Playwright. Tests are verification, not a design driver — write them to cover behavior you've already implemented, matching the layer you changed. Name files by behavior, ending in `Test.php`, and add tests in the suite matching the changed layer. Feature tests use `RefreshDatabase`. Add architecture coverage for dependency-boundary changes. No numeric coverage threshold is enforced; add regression tests where a bug was fixed or behavior is non-obvious, without making tests a front-loaded design ceremony. Tests use Pest 4; browser coverage uses Pest Browser/Playwright. Name files by behavior, ending in `Test.php`, and add tests in the suite matching the changed layer. Feature tests use `RefreshDatabase`. Add architecture coverage for dependency-boundary changes. No numeric coverage threshold is enforced, but changed behavior must have regression coverage.
## Commit & Pull Request Guidelines ## Commit & Pull Request Guidelines

View File

@@ -14,10 +14,6 @@ If the import above did not load, read `AGENTS.md` at the repo root now — it i
- Every project-owned PHP file starts with `declare(strict_types=1);` immediately after `<?php`. - Every project-owned PHP file starts with `declare(strict_types=1);` immediately after `<?php`.
- Browser tests are CI-only (they run against a FrankenPHP container built by `docker build`, not `artisan serve`). - Browser tests are CI-only (they run against a FrankenPHP container built by `docker build`, not `artisan serve`).
## Design principles: DRY & YAGNI (not TDD)
Write for the problem at hand, not an imagined future. **DRY**: extract and reuse only once logic is genuinely duplicated in more than one place. **YAGNI**: no speculative abstraction, configurability, or layers — add them only when a concrete requirement demands it. Prefer the simplest thing that solves the current requirement; avoid over-engineering and premature extraction. Tests are verification, not a design driver: write them to cover behavior already implemented, not as a front-loaded TDD ceremony.
## Environment note ## Environment note
PHP and Composer are **not on PATH** in this environment, and `vendor/` and `node_modules/` are absent. Every `composer …` / `php artisan …` command in `AGENTS.md` and `README.md` assumes a PHP 8.4+ runtime with Composer 2 installed. Verify the toolchain before promising a command ran. PHP and Composer are **not on PATH** in this environment, and `vendor/` and `node_modules/` are absent. Every `composer …` / `php artisan …` command in `AGENTS.md` and `README.md` assumes a PHP 8.4+ runtime with Composer 2 installed. Verify the toolchain before promising a command ran.

View File

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

View File

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

View File

@@ -212,26 +212,6 @@ class ManageSiteSettings extends Page
->reorderable() ->reorderable()
->columnSpanFull(), ->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') Section::make('Princípios')
->schema([ ->schema([
TagsInput::make('principles') TagsInput::make('principles')

View File

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

View File

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

View File

@@ -1,57 +0,0 @@
<?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

@@ -1,50 +0,0 @@
<?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,14 +7,16 @@ namespace App\Filament\Resources\WeddingPackages;
use App\Filament\Resources\WeddingPackages\Pages\CreateWeddingPackage; use App\Filament\Resources\WeddingPackages\Pages\CreateWeddingPackage;
use App\Filament\Resources\WeddingPackages\Pages\EditWeddingPackage; use App\Filament\Resources\WeddingPackages\Pages\EditWeddingPackage;
use App\Filament\Resources\WeddingPackages\Pages\ListWeddingPackages; 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\Models\WeddingPackage;
use App\Policies\WeddingPackagePolicy; use App\Policies\WeddingPackagePolicy;
use BackedEnum; use BackedEnum;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\TagsInput;
use Filament\Forms\Components\TextInput;
use Filament\Resources\Resource; use Filament\Resources\Resource;
use Filament\Schemas\Schema; use Filament\Schemas\Schema;
use Filament\Support\Icons\Heroicon; use Filament\Support\Icons\Heroicon;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table; use Filament\Tables\Table;
use UnitEnum; use UnitEnum;
@@ -24,39 +26,32 @@ class WeddingPackageResource extends Resource
protected static ?string $policy = WeddingPackagePolicy::class; protected static ?string $policy = WeddingPackagePolicy::class;
protected static string|BackedEnum|null $navigationIcon = Heroicon::OutlinedRectangleStack; protected static string|BackedEnum|null $navigationIcon = Heroicon::OutlinedHeart;
protected static ?string $navigationLabel = 'Modalidades'; protected static ?string $navigationLabel = 'Modalidades de casamento';
protected static ?string $modelLabel = 'modalidade';
protected static ?string $pluralModelLabel = 'modalidades';
protected static string|UnitEnum|null $navigationGroup = 'Conteúdo do site'; protected static string|UnitEnum|null $navigationGroup = 'Conteúdo do site';
protected static ?int $navigationSort = 3;
public static function form(Schema $schema): Schema public static function form(Schema $schema): Schema
{ {
return WeddingPackageForm::configure($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),
]);
} }
public static function table(Table $table): Table public static function table(Table $table): Table
{ {
return WeddingPackagesTable::configure($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');
}
public static function getRelations(): array
{
return [];
} }
public static function getPages(): array public static function getPages(): array
{ {
return [ return ['index' => ListWeddingPackages::route('/'), 'create' => CreateWeddingPackage::route('/create'), 'edit' => EditWeddingPackage::route('/{record}/edit')];
'index' => ListWeddingPackages::route('/'),
'create' => CreateWeddingPackage::route('/create'),
'edit' => EditWeddingPackage::route('/{record}/edit'),
];
} }
} }

View File

@@ -12,7 +12,6 @@ use Illuminate\Database\Eloquent\Model;
/** /**
* @property array<string, string|null> $social_links * @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 $method_steps
* @property list<array{title?: string, body?: string}>|null $corporate_steps
* @property list<string>|null $principles * @property list<string>|null $principles
* @property bool $analytics_enabled * @property bool $analytics_enabled
* @property string|null $default_og_image_path * @property string|null $default_og_image_path
@@ -52,7 +51,6 @@ use Illuminate\Database\Eloquent\Model;
'manifesto_body', 'manifesto_body',
'method_intro', 'method_intro',
'method_steps', 'method_steps',
'corporate_steps',
'principles', 'principles',
'email', 'email',
'phone', 'phone',
@@ -85,7 +83,6 @@ 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.', '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_intro' => 'Clareza em cada etapa. Tranquilidade durante todo o processo.',
'method_steps' => self::defaultMethodSteps(), 'method_steps' => self::defaultMethodSteps(),
'corporate_steps' => self::defaultCorporateSteps(),
'principles' => self::defaultPrinciples(), 'principles' => self::defaultPrinciples(),
'email' => 'amareassessoriaeventos@gmail.com', 'email' => 'amareassessoriaeventos@gmail.com',
'phone' => '(11) 99999-9999', 'phone' => '(11) 99999-9999',
@@ -123,27 +120,6 @@ 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> * @return list<string>
*/ */
@@ -165,7 +141,6 @@ class SiteSetting extends Model
return [ return [
'social_links' => 'array', 'social_links' => 'array',
'method_steps' => 'array', 'method_steps' => 'array',
'corporate_steps' => 'array',
'principles' => 'array', 'principles' => 'array',
'analytics_enabled' => 'boolean', 'analytics_enabled' => 'boolean',
]; ];

View File

@@ -1,24 +0,0 @@
<?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,6 +8,7 @@ use App\Models\PortfolioCase;
use App\Models\PortfolioImage; use App\Models\PortfolioImage;
use App\Models\Service; use App\Models\Service;
use App\Models\SiteSetting; use App\Models\SiteSetting;
use App\Models\WeddingPackage;
use App\Support\PublicImageUploadRules; use App\Support\PublicImageUploadRules;
use Illuminate\Database\Seeder; use Illuminate\Database\Seeder;
use Illuminate\Support\Carbon; use Illuminate\Support\Carbon;
@@ -47,9 +48,9 @@ class ContentSeeder extends Seeder
$this->seedSiteSettings(); $this->seedSiteSettings();
$this->seedServices(); $this->seedServices();
$this->seedWeddingPackages();
$this->seedPortfolioCases(); $this->seedPortfolioCases();
$this->call(TestimonialsSeeder::class); $this->call(TestimonialsSeeder::class);
$this->call(WeddingPackagesSeeder::class);
} }
private function seedSiteSettings(): void private function seedSiteSettings(): void
@@ -76,7 +77,6 @@ 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.', '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_intro' => 'Clareza em cada etapa. Tranquilidade durante todo o processo.',
'method_steps' => SiteSetting::defaultMethodSteps(), 'method_steps' => SiteSetting::defaultMethodSteps(),
'corporate_steps' => SiteSetting::defaultCorporateSteps(),
'principles' => SiteSetting::defaultPrinciples(), 'principles' => SiteSetting::defaultPrinciples(),
'email' => 'amareassessoriaeventos@gmail.com', 'email' => 'amareassessoriaeventos@gmail.com',
'phone' => '(11) 99999-9999', 'phone' => '(11) 99999-9999',
@@ -205,6 +205,19 @@ 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 private function copyFixture(string $fixtureName, string $destination): string
{ {
$source = base_path('database/fixtures/images/'.$fixtureName); $source = base_path('database/fixtures/images/'.$fixtureName);

View File

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

View File

@@ -1,71 +0,0 @@
<?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

@@ -1,36 +0,0 @@
# 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

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

@@ -1,22 +0,0 @@
# 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

@@ -1,18 +0,0 @@
# 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

@@ -1,250 +0,0 @@
@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,45 +1,3 @@
@props([ <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">
'settings', <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>
])
<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> </section>

View File

@@ -2,48 +2,33 @@
'settings', 'settings',
]) ])
<section <x-public.photo-hero
aria-labelledby="hero-heading" :image-path="$settings->hero_image_path"
class="home-chapter border-b border-amare-border bg-amare-bg" :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"
data-chapter="hero" data-chapter="hero"
data-motion="page-open"
> >
<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 class="space-y-5">
<div data-hero-content data-reveal-group class="flex flex-col gap-8"> <div class="flex flex-wrap items-center gap-4">
<div data-motion-beat="eyebrow"> <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">
<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> {{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
</div>
<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> </a>
<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>
<div @if (filled($settings->hero_secondary_cta_label))
data-split-hero <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">
data-motion-beat="media" <span class="border-b border-amare-accent pb-1">{{ $settings->hero_secondary_cta_label }}</span>
class="min-h-[320px] overflow-hidden bg-amare-bg-deep md:min-h-[520px]" </a>
>
@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 @endif
</div> </div>
@if (filled($settings->hero_note))
<p class="max-w-[470px] text-sm text-amare-text-muted">{{ $settings->hero_note }}</p>
@endif
</div> </div>
</section> </x-public.photo-hero>

View File

@@ -1,24 +1,22 @@
@props([]) @props([
'settings',
])
<section @php
aria-labelledby="manifesto-heading" $title = $settings->manifesto_title ?: 'Sofisticação que também se traduz em organização.';
class="home-chapter border-b border-amare-border bg-amare-bg" $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.';
data-chapter="sobre" $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.';
id="sobre" @endphp
>
<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> <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 data-reveal data-reveal-from="up"> <div class="container-amare grid gap-10 md:grid-cols-12" data-reveal-group>
<p class="text-xs font-bold uppercase tracking-[0.16em] text-amare-accent-deep">01 A Amare</p> <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>
</div> </div>
<div class="space-y-6 md:col-span-7 md:col-start-6" data-reveal data-reveal-from="up">
<div class="flex flex-col gap-8" data-reveal data-reveal-from="up"> <h2 id="manifesto-heading" class="max-w-3xl text-headline font-medium text-amare-text">{{ $title }}</h2>
<h2 id="manifesto-heading" class="text-[clamp(1.875rem,4vw,3.25rem)] font-medium leading-[1.15] tracking-[-0.02em] text-amare-text"> <p class="max-w-2xl text-xl leading-relaxed text-amare-text">{{ $lead }}</p>
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. <p class="max-w-2xl text-amare-text-muted">{{ $body }}</p>
</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>
</div> </div>
</section> </section>

View File

@@ -1,69 +0,0 @@
@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,55 +2,67 @@
'cases', 'cases',
]) ])
<section <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">
aria-labelledby="portfolio-heading" <div class="container-amare space-y-10" data-reveal-group>
class="home-chapter border-b border-amare-border bg-amare-bg" <div class="grid gap-4 md:grid-cols-12" data-reveal data-reveal-from="up">
data-chapter="portfolio" <div class="md:col-span-7 md:col-start-5 space-y-3">
id="portfolio" <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 class="container-amare py-16 md:py-24" data-reveal-group> </div>
<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> </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 @php
$slots = collect([ $isFeature = $loop->first;
['label' => 'FOTO DE CASAMENTO 01', 'tall' => true], $isOffset = ! $isFeature && $loop->even;
['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 @endphp
<article
<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([ @class([
'overflow-hidden bg-amare-bg-deep', 'space-y-4 border-t border-amare-accent-text/30 pt-4',
'sm:col-span-2 sm:min-h-[420px] lg:col-span-1 lg:row-span-2 lg:min-h-[634px]' => $slot['tall'], 'md:col-span-7' => $isFeature,
'min-h-[220px] sm:min-h-[310px]' => ! $slot['tall'], 'md:col-span-5 md:col-start-8 md:pt-12' => $isOffset,
'md:col-span-5' => ! $isFeature && ! $isOffset,
]) ])
@if ($slot['tall']) data-editorial-portfolio-item="feature" @endif data-editorial-portfolio-item="{{ $isFeature ? 'feature' : ($isOffset ? 'offset' : 'standard') }}"
data-reveal data-reveal
data-reveal-from="up" data-reveal-from="up"
> >
@if ($case && filled($case->cover_image_path)) @if (filled($case->cover_image_path))
<a href="{{ route('portfolio.show', $case) }}" class="block h-full w-full" aria-label="{{ $case->title }}"> <x-media.image
<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" /> :path="$case->cover_image_path"
</a> :alt="$case->cover_image_alt ?: $case->title"
@else sizes="(max-width: 768px) calc(100vw - 3rem), 50vw"
<div class="flex h-full w-full items-center justify-center"> @class([
<p class="px-4 text-center text-xs font-semibold uppercase tracking-[0.16em] text-amare-muted">{{ $slot['label'] }}</p> 'img-editorial w-full object-cover',
</div> 'aspect-[5/4]' => $isFeature,
'aspect-[4/5]' => $isOffset,
'aspect-[4/3]' => ! $isFeature && ! $isOffset,
])
/>
@endif @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> </div>
</article>
@endforeach @endforeach
</div> </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> </div>
</section> </div>
</section>

View File

@@ -3,52 +3,46 @@
]) ])
@php @php
$quotes = collect($testimonials) $testimonials = $testimonials
->filter(fn ($testimonial) => filled($testimonial->quote) && filled(trim((string) $testimonial->quote))) ->filter(fn ($testimonial): bool => filled(trim((string) $testimonial->quote)))
->take(3)
->values(); ->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 @endphp
<section @if ($testimonials->isNotEmpty())
aria-labelledby="testimonials-heading" <section id="depoimentos" aria-labelledby="testimonials-heading" class="home-chapter border-b border-amare-border bg-amare-bg py-24" data-chapter="testimonials">
class="home-chapter border-b border-amare-border bg-amare-bg" <div class="container-amare space-y-10" data-reveal-group>
data-chapter="depoimentos" <div class="max-w-2xl space-y-3 md:ml-[16.666667%]" data-reveal data-reveal-from="up">
id="depoimentos" <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 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> </div>
<div class="mt-12 grid gap-6 md:mt-16 md:grid-cols-3"> <div class="grid gap-6 md:grid-cols-12">
@foreach ($cards as $card) @foreach ($testimonials as $testimonial)
<figure class="flex flex-col justify-between gap-6 border border-amare-border bg-white p-8" data-reveal data-reveal-from="up"> @php
<blockquote class="text-lg leading-[1.55] text-amare-text"> $paragraphs = preg_split('/\n\s*\n/', trim((string) $testimonial->quote)) ?: [];
<p>{{ $card['quote'] }}</p> $paragraphs = array_values(array_filter(array_map('trim', $paragraphs), fn (string $p): bool => $p !== ''));
</blockquote> @endphp
<figcaption class="text-sm text-amare-muted"> <blockquote @class([
@if (filled($card['context'])) 'space-y-4 border-t border-amare-border pt-4 md:col-span-5' => $loop->odd,
<p class="font-semibold text-amare-text">{{ $card['author'] }}</p> 'space-y-4 border-t border-amare-border pt-4 md:col-span-5 md:col-start-7 md:mt-16' => $loop->even,
<p>{{ $card['context'] }}</p> ]) data-reveal data-reveal-from="{{ $loop->odd ? 'left' : 'right' }}">
@else <div class="grid grid-cols-[1.5rem_minmax(0,1fr)] gap-2">
<p>{{ $card['author'] }}</p> <span class="text-3xl leading-none text-amare-sage" aria-hidden="true"></span>
@endif <div class="space-y-3 text-lg text-amare-text">
</figcaption> @foreach ($paragraphs as $paragraph)
</figure> <p>{{ $paragraph }}</p>
@endforeach @endforeach
</div> </div>
</div> </div>
</section> <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>
</div>
</section>
@endif

View File

@@ -1,41 +0,0 @@
@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 Ir para o conteúdo
</a> </a>
<header class="site-header sticky top-0 z-40 border-b border-amare-border bg-amare-bg/95 backdrop-blur-sm"> <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] md:h-[74px] md:py-0"> <div class="container-amare grid grid-cols-[auto_1fr_auto] items-center gap-4 py-4 md:grid-cols-[1fr_auto_1fr]">
<nav id="main-nav" class="main-nav order-3 col-span-3 hidden flex-col gap-4 border-t border-amare-border pt-4 md:order-1 md:col-span-1 md:flex md:flex-row md:items-center md:gap-1 md:border-0 md:pt-0" aria-label="Principal" data-main-nav> <nav id="main-nav" class="main-nav order-3 col-span-3 hidden flex-col gap-4 border-t border-amare-border pt-4 md:order-1 md:col-span-1 md:flex md:flex-row md:items-center md:gap-1 md:border-0 md:pt-0" aria-label="Principal" data-main-nav>
<a href="{{ route('home') }}" class="inline-flex items-center py-3 text-[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('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('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('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('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('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('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('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-[13px] font-semibold uppercase tracking-[0.08em] text-amare-muted transition-colors hover:text-amare-accent md:hidden">Solicitar proposta</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>
</nav> </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"> <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-11" /> <x-brand.logo variant="on-light" class="h-10 w-auto md:h-12" />
</a> </a>
<div class="order-2 flex items-center justify-end gap-3 md:order-3"> <div class="order-2 flex items-center justify-end gap-3 md:order-3">
<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]"> <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">
Conte seu evento Solicitar proposta
</a> </a>
<button <button
@@ -97,34 +97,50 @@
@yield('content') @yield('content')
</main> </main>
<footer class="border-t border-amare-border bg-amare-bg"> <footer class="border-t border-amare-border bg-amare-bg-deep">
@php <div class="container-amare grid gap-10 py-12 md:grid-cols-[minmax(0,1.4fr)_repeat(2,minmax(0,1fr))]">
$footerSocialLabel = static function (string $network): string { <div class="space-y-4">
return match ($network) { <x-brand.logo variant="on-light" class="h-12 w-auto" />
'instagram' => 'Instagram', <p class="max-w-md text-amare-muted">
'whatsapp' => 'WhatsApp', {{ $siteSettings->about_summary ?: 'Assessoria boutique em São Paulo - SP.' }}
'linkedin' => 'LinkedIn', </p>
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>
<p class="text-sm text-amare-muted md:text-right"> <div class="text-sm">
@if ($footerSocials->isEmpty()) <h2 class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-text">Navegação</h2>
Instagram &middot; WhatsApp &middot; E-mail &middot; LinkedIn (quando confirmado) <ul class="mt-3 space-y-3">
@else <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>
@foreach ($footerSocials as $network => $url) <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>
<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 <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>
@endforeach <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 @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> </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
@endforeach
</address>
</div>
</div> </div>
<div class="border-t border-amare-border"> <div class="border-t border-amare-border">

View File

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

View File

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

View File

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

View File

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

View File

@@ -9,7 +9,6 @@ use App\Models\PortfolioCase;
use App\Models\Service; use App\Models\Service;
use App\Models\SiteSetting; use App\Models\SiteSetting;
use App\Models\Testimonial; use App\Models\Testimonial;
use App\Models\WeddingPackage;
use Illuminate\Foundation\Testing\RefreshDatabase; use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase; use Tests\TestCase;
@@ -34,10 +33,6 @@ class GetHomeContentTest extends TestCase
$testimonialB = Testimonial::factory()->published()->create(['author_name' => 'Author B', 'sort_order' => 20]); $testimonialB = Testimonial::factory()->published()->create(['author_name' => 'Author B', 'sort_order' => 20]);
$testimonialA = Testimonial::factory()->published()->create(['author_name' => 'Author A', 'sort_order' => 10]); $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)(); $content = (new GetHomeContent)();
$this->assertTrue($content->settings->is($settings)); $this->assertTrue($content->settings->is($settings));
@@ -51,8 +46,5 @@ class GetHomeContentTest extends TestCase
$this->assertCount(2, $content->testimonials); $this->assertCount(2, $content->testimonials);
$this->assertTrue($content->testimonials->get(0)?->is($testimonialA)); $this->assertTrue($content->testimonials->get(0)?->is($testimonialA));
$this->assertTrue($content->testimonials->get(1)?->is($testimonialB)); $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 $response
->assertOk() ->assertOk()
->assertSee('Eventos com intenção, cuidado e presença.') ->assertSee($settings->hero_title)
->assertSee($settings->brand_name); ->assertSee($settings->brand_name);
} }
} }

View File

@@ -5,6 +5,7 @@ declare(strict_types=1);
namespace Tests\Feature\PublicSite; namespace Tests\Feature\PublicSite;
use App\Models\PortfolioCase; use App\Models\PortfolioCase;
use App\Models\Service;
use App\Models\SiteSetting; use App\Models\SiteSetting;
use App\Models\Testimonial; use App\Models\Testimonial;
use App\Models\WeddingPackage; use App\Models\WeddingPackage;
@@ -17,18 +18,24 @@ class HomePageContentTest extends TestCase
public function test_published_featured_content_appears_in_order_and_drafts_are_hidden(): void public function test_published_featured_content_appears_in_order_and_drafts_are_hidden(): void
{ {
SiteSetting::instance(); $settings = SiteSetting::instance();
$settings->update([
'hero_title' => 'Celebrações com propósito',
'hero_cta_label' => 'Solicitar orçamento',
'manifesto_title' => 'Manifesto Amare',
]);
WeddingPackage::factory()->create([ Service::factory()->create([
'name' => 'Modalidade Rascunho', 'title' => 'Serviço Rascunho',
'is_featured' => true,
'published_at' => null, 'published_at' => null,
]); ]);
WeddingPackage::factory()->published()->create([ Service::factory()->published()->featured()->create([
'name' => 'Modalidade B', 'title' => 'Serviço B',
'sort_order' => 20, 'sort_order' => 20,
]); ]);
WeddingPackage::factory()->published()->create([ Service::factory()->published()->featured()->create([
'name' => 'Modalidade A', 'title' => 'Serviço A',
'sort_order' => 10, 'sort_order' => 10,
]); ]);
@@ -67,68 +74,89 @@ class HomePageContentTest extends TestCase
$response $response
->assertOk() ->assertOk()
->assertSee('Celebrações com propósito')
->assertSeeInOrder([ ->assertSeeInOrder([
'id="hero-heading"', 'id="hero-heading"',
'id="manifesto-heading"', 'id="manifesto-heading"',
'id="vertentes-heading"', 'id="services-heading"',
'id="packages-heading"',
'id="corporate-heading"',
'id="portfolio-heading"', 'id="portfolio-heading"',
'id="method-heading"',
'id="testimonials-heading"', 'id="testimonials-heading"',
'id="briefing-heading"', 'id="positioning-heading"',
'id="final-cta-heading"',
], false) ], false)
->assertSeeInOrder(['Modalidade A', 'Modalidade B']) ->assertSeeInOrder(['Serviço A', 'Serviço B'])
->assertSeeInOrder(['Caso A', 'Caso B']) ->assertSeeInOrder(['Caso A', 'Caso B'])
->assertSeeInOrder(['Autor A', 'Autor B']) ->assertSeeInOrder(['Autor A', 'Autor B'])
->assertDontSee('Modalidade Rascunho') ->assertDontSee('Serviço Rascunho')
->assertDontSee('Caso Rascunho') ->assertDontSee('Caso Rascunho')
->assertDontSee('Autor Rascunho') ->assertDontSee('Autor Rascunho')
->assertSee('data-testid="home-primary-cta"', false) ->assertSee('data-testid="home-primary-cta"', false)
->assertSee('href="'.route('briefing').'"', false); ->assertSee('href="'.route('briefing').'"', false);
} }
public function test_all_sections_render_with_placeholders_when_no_published_content(): void public function test_empty_sections_are_omitted_when_no_published_content(): void
{ {
SiteSetting::instance()->update(['hero_image_path' => null]); SiteSetting::instance();
$response = $this->get(route('home')); $response = $this->get(route('home'));
$response $response
->assertOk() ->assertOk()
->assertSeeInOrder([ ->assertDontSee('id="services-heading"', false)
'id="hero-heading"', ->assertSee('id="portfolio-heading"', false)
'id="manifesto-heading"', ->assertSee('Nosso acervo de eventos reais e autorizados está em preparação.')
'id="vertentes-heading"', ->assertDontSee('id="testimonials-heading"', false)
'id="packages-heading"', ->assertSee('id="manifesto-heading"', false)
'id="corporate-heading"', ->assertSee('id="method-heading"', false)
'id="portfolio-heading"', ->assertSee('id="positioning-heading"', false)
'id="testimonials-heading"', ->assertSee('id="final-cta-heading"', false);
'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_hero_uses_fixed_editorial_copy_regardless_of_settings(): void 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
{ {
SiteSetting::instance()->update([ SiteSetting::instance()->update([
'hero_title' => '', 'hero_title' => '',
'hero_cta_label' => '',
'hero_secondary_cta_label' => '',
'hero_subtitle' => '', 'hero_subtitle' => '',
'hero_image_path' => null, 'hero_note' => '',
]); ]);
$response = $this->get(route('home')); $response = $this->get(route('home'));
$response $response
->assertOk() ->assertOk()
->assertSee('Eventos com intenção, cuidado e presença.') ->assertSeeInOrder(['id="hero-heading"', 'Celebrações com propósito'])
->assertSee('Uma boutique de assessoria que une sensibilidade, organização e condução profissional para transformar cada projeto em uma experiência bem cuidada.') ->assertSeeInOrder(['data-testid="home-primary-cta"', 'Solicitar proposta']);
->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 public function test_home_hero_uses_its_own_cms_image_instead_of_the_social_og_image(): void
@@ -160,115 +188,13 @@ class HomePageContentTest extends TestCase
$this->get(route('home')) $this->get(route('home'))
->assertOk() ->assertOk()
->assertSee('min-h-[320px]', false) ->assertSee('min-h-[100dvh]', false)
->assertSee('md:min-h-[520px]', false)
->assertSee('Fotografia hero')
->assertSee('id="hero-heading"', false) ->assertSee('id="hero-heading"', false)
->assertSee('data-testid="home-primary-cta"', false) ->assertSee('data-testid="home-primary-cta"', false)
->assertSee('data-motion-beat="media"', false) ->assertDontSee('data-motion-beat="media"', false);
->assertDontSee('content/home/hero.jpg', false);
} }
public function test_wedding_packages_render_from_database_with_guidance_block(): void public function test_blank_quote_testimonials_are_skipped(): 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([ Testimonial::factory()->published()->create([
'author_name' => 'Autor Mantido', 'author_name' => 'Autor Mantido',
@@ -286,34 +212,44 @@ class HomePageContentTest extends TestCase
->assertSee('Autor Mantido') ->assertSee('Autor Mantido')
->assertSee('Experiência impecável do início ao fim.') ->assertSee('Experiência impecável do início ao fim.')
->assertDontSee('Autor Oculto') ->assertDontSee('Autor Oculto')
->assertSee('Nome e data reais — aguardando autorização'); ->assertSee('data-reveal-from="left"', false);
$this->assertSame(3, preg_match_all('/<figure\b/i', $response->getContent()));
} }
public function test_testimonials_render_up_to_three_cards_without_a_carousel(): void public function test_blank_testimonials_are_filtered_before_directional_sequence(): void
{ {
foreach ([10, 20, 30, 40] as $index => $sortOrder) {
Testimonial::factory()->published()->create([ Testimonial::factory()->published()->create([
'author_name' => 'Autora '.($index + 1), 'author_name' => 'Primeira autora',
'quote' => 'Relato '.($index + 1).'.', 'quote' => 'Primeiro relato.',
'sort_order' => $sortOrder, '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,
]); ]);
}
$response = $this->get(route('home')); $response = $this->get(route('home'));
$response $response
->assertOk() ->assertOk()
->assertSeeInOrder(['Relato 1.', 'Relato 2.', 'Relato 3.']) ->assertDontSee('Relato vazio')
->assertDontSee('Relato 4.'); ->assertSeeInOrder([
'data-reveal-from="left"',
'Primeira autora',
'data-reveal-from="right"',
'Segunda autora',
], false);
$this->assertSame(3, preg_match_all('/<figure\b/i', $response->getContent())); $this->assertSame(1, preg_match_all('/<blockquote\b[^>]*data-reveal-from="left"/i', $response->getContent()));
$this->assertStringNotContainsString('data-carousel', $response->getContent()); $this->assertSame(1, preg_match_all('/<blockquote\b[^>]*data-reveal-from="right"/i', $response->getContent()));
$this->assertStringNotContainsString('aria-roledescription="carousel"', $response->getContent());
} }
public function test_testimonials_section_renders_placeholders_when_every_published_quote_is_blank(): void public function test_testimonials_section_is_omitted_when_every_published_quote_is_blank(): void
{ {
Testimonial::factory()->published()->create([ Testimonial::factory()->published()->create([
'author_name' => 'Relato vazio', 'author_name' => 'Relato vazio',
@@ -322,8 +258,8 @@ class HomePageContentTest extends TestCase
$this->get(route('home')) $this->get(route('home'))
->assertOk() ->assertOk()
->assertSee('id="testimonials-heading"', false) ->assertDontSee('id="testimonials-heading"', false)
->assertSee('Depoimento real aprovado pela cliente entra aqui.') ->assertDontSee('href="#testimonials-heading"', false)
->assertDontSee('Relato vazio'); ->assertDontSee('Relato vazio');
} }
@@ -331,7 +267,7 @@ class HomePageContentTest extends TestCase
{ {
SiteSetting::instance(); SiteSetting::instance();
WeddingPackage::factory()->published()->create(); Service::factory()->published()->featured()->create();
PortfolioCase::factory()->published()->create(['is_featured' => true]); PortfolioCase::factory()->published()->create(['is_featured' => true]);
Testimonial::factory()->published()->create(['quote' => 'Relato publicado.']); Testimonial::factory()->published()->create(['quote' => 'Relato publicado.']);

View File

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

View File

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

View File

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