manoel freitas
b54908541f
Introduce a focal Home opening, chapter index, and restrained continuity reveals while keeping reduced-motion and visual baselines intact. Co-authored-by: Cursor <cursoragent@cursor.com>
32 lines
1.6 KiB
PHP
32 lines
1.6 KiB
PHP
@props([
|
|
'services',
|
|
])
|
|
|
|
@if ($services->isNotEmpty())
|
|
<section aria-labelledby="services-heading" class="border-b border-amare-border py-20" data-chapter="services">
|
|
<div class="container-amare space-y-10">
|
|
<div class="max-w-2xl space-y-3" data-reveal>
|
|
<p class="text-sm font-medium uppercase tracking-[0.18em] text-amare-accent">Atuação</p>
|
|
<h2 id="services-heading" class="text-3xl font-medium text-amare-text">Serviços</h2>
|
|
<p class="text-amare-text-muted">Assessoria sob medida para decisões importantes e celebrações bem conduzidas.</p>
|
|
</div>
|
|
|
|
<ol class="border-t border-amare-border">
|
|
@foreach ($services as $index => $service)
|
|
<li class="grid gap-3 border-b border-amare-border py-5 md:grid-cols-[4rem_minmax(0,0.8fr)_minmax(0,1.2fr)] md:gap-6" data-reveal>
|
|
<span class="text-sm text-amare-accent">{{ str_pad((string) ($index + 1), 2, '0', STR_PAD_LEFT) }}</span>
|
|
<h3 class="text-2xl font-medium text-amare-text">{{ $service->title }}</h3>
|
|
<p class="text-amare-text-muted">{{ $service->summary }}</p>
|
|
</li>
|
|
@endforeach
|
|
</ol>
|
|
|
|
<p>
|
|
<a href="{{ route('services.index') }}" class="border-b border-amare-accent pb-1 text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep">
|
|
Ver todos os serviços
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
@endif
|