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