Compare commits
1 Commits
test-merge
...
feat/man-1
| Author | SHA1 | Date | |
|---|---|---|---|
| 68632c32df |
3
.gitignore
vendored
3
.gitignore
vendored
@@ -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/
|
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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.
|
||||||
|
|||||||
@@ -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,
|
||||||
) {}
|
) {}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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(),
|
||||||
|
|||||||
@@ -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')
|
||||||
|
|||||||
@@ -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()];
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,8 +14,6 @@ class ListWeddingPackages extends ListRecords
|
|||||||
|
|
||||||
protected function getHeaderActions(): array
|
protected function getHeaderActions(): array
|
||||||
{
|
{
|
||||||
return [
|
return [CreateAction::make()];
|
||||||
CreateAction::make(),
|
|
||||||
];
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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),
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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(),
|
|
||||||
]),
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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'),
|
|
||||||
];
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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',
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -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');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@@ -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);
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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)],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -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.
|
|
||||||
@@ -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-*`.
|
|
||||||
@@ -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.
|
|
||||||
@@ -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.").
|
|
||||||
@@ -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 já 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>
|
|
||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 & produção de eventos • 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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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">•</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>
|
|
||||||
@@ -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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
<div class="space-y-3 text-lg text-amare-text">
|
||||||
|
@foreach ($paragraphs as $paragraph)
|
||||||
|
<p>{{ $paragraph }}</p>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="pl-8 text-sm text-amare-text-muted">
|
||||||
|
<cite class="not-italic font-semibold text-amare-text">{{ $testimonial->author_name }}</cite>
|
||||||
|
@if (filled($testimonial->context))
|
||||||
|
<span> — {{ $testimonial->context }}</span>
|
||||||
@endif
|
@endif
|
||||||
</figcaption>
|
</footer>
|
||||||
</figure>
|
</blockquote>
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@endif
|
||||||
|
|||||||
@@ -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>
|
|
||||||
@@ -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 & produção de eventos • 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 · WhatsApp · E-mail · 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) · @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">
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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');
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|
||||||
|
|||||||
@@ -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);
|
||||||
|
});
|
||||||
|
|||||||
@@ -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);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -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));
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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.']);
|
||||||
|
|
||||||
|
|||||||
@@ -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');
|
||||||
|
|||||||
@@ -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')),
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user