52 lines
3.1 KiB
PHP
52 lines
3.1 KiB
PHP
@extends('layouts.public')
|
|
|
|
@section('content')
|
|
<x-public.photo-hero :image-path="$siteSettings->services_hero_image_path" :image-alt="$siteSettings->services_hero_image_alt" eyebrow="Serviços" title="Uma mesma excelência, diferentes ocasiões." summary="O escopo é construído de acordo com o momento do projeto, o nível de apoio necessário e a complexidade de cada evento." />
|
|
|
|
<div class="border-b border-amare-border bg-amare-bg">
|
|
<div class="container-amare space-y-10 py-16 md:py-24">
|
|
|
|
@if ($services->isEmpty())
|
|
<p class="text-amare-muted">O catálogo de serviços está em organização. Enquanto isso, fale conosco para uma primeira conversa.</p>
|
|
@else
|
|
@php($hasPrioritizedImage = false)
|
|
<div class="divide-y divide-amare-border border-y border-amare-border" data-editorial-service-list data-reveal-group>
|
|
@foreach ($services as $index => $service)
|
|
<article @class([
|
|
'grid gap-4 py-8 md:grid-cols-[5rem_minmax(0,1fr)_minmax(0,1.2fr)] md:items-start',
|
|
'md:translate-x-8' => $loop->even,
|
|
]) data-reveal data-reveal-from="up">
|
|
<span class="text-sm font-semibold uppercase tracking-[0.14em] text-amare-accent">{{ str_pad((string) ($index + 1), 2, '0', STR_PAD_LEFT) }}</span>
|
|
<div class="space-y-3">
|
|
<h2 class="text-2xl font-medium text-amare-text md:text-3xl">{{ $service->title }}</h2>
|
|
<p class="text-amare-muted">{{ $service->summary }}</p>
|
|
</div>
|
|
<div class="space-y-4">
|
|
@if (filled($service->cover_image_path))
|
|
@php($prioritizeImage = ! $hasPrioritizedImage)
|
|
<x-media.image
|
|
:path="$service->cover_image_path"
|
|
:alt="$service->cover_image_alt ?: $service->title"
|
|
:loading="$prioritizeImage ? 'eager' : 'lazy'"
|
|
:fetchpriority="$prioritizeImage ? 'high' : null"
|
|
sizes="(max-width: 768px) calc(100vw - 3rem), 40vw"
|
|
class="img-editorial aspect-[16/10] w-full object-cover"
|
|
/>
|
|
@php($hasPrioritizedImage = true)
|
|
@endif
|
|
@if (filled($service->description))
|
|
<div class="text-amare-muted">
|
|
{!! nl2br(e($service->description)) !!}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</article>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
<x-home.final-cta :settings="$siteSettings" />
|
|
@endsection
|