@extends('layouts.site')
@section('content')
<section class="sec">
    <div class="wrap stack" style="gap:32px">
        <div class="stack" style="gap:20px;max-width:900px"><span class="eyebrow">Work</span><h1 class="d1">Proof, not promises.</h1></div>
        <div class="row" style="gap:8px">
            <a href="{{ route('work.index') }}" @class(['tag', 'tag-on' => ! request('service')])>All</a>
            @foreach($services as $s)<a href="{{ route('work.index', ['service' => $s->slug]) }}" @class(['tag', 'tag-on' => request('service') === $s->slug])>{{ $s->title }}</a>@endforeach
        </div>
    </div>
</section>
<section class="sec" style="padding-top:0">
    <div class="wrap grid g3">
        @forelse($items as $item)@include('partials.work-card')@empty<p class="muted">No case studies here yet.</p>@endforelse
    </div>
</section>
@include('partials.cta-band')
@endsection