@extends('layouts.site')
@section('content')
<section class="sec">
    <div class="wrap split" style="align-items:end">
        <div class="stack" style="gap:20px"><span class="eyebrow">Services</span><h1 class="d1">One team for brand, tech and growth.</h1></div>
        <p class="lead">Pick a single service or combine them. Either way, everything starts from the same strategy so your brand stays consistent.</p>
    </div>
</section>
<section class="sec" style="padding-top:0">
    <div class="wrap grid g3">
        @foreach($services as $s)
            <a href="{{ route('services.show', $s) }}" class="card box" style="gap:16px">
                <span class="eyebrow">{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>
                <span class="card-t">{{ $s->title }}</span>
                <span class="muted small">{{ $s->summary }}</span>
                @if($s->starting_price)<span class="small b" style="margin-top:auto">{{ $s->starting_price }}</span>@endif
            </a>
        @endforeach
    </div>
</section>
@include('partials.cta-band', ['title' => 'Not sure which service you need?'])
@endsection