@extends($site->themeView('layout'))

@section('content')
    <header class="border-b border-black/[0.06] bg-white">
        <div class="container-site py-10 md:py-14">
            @include($site->themeView('partials.breadcrumbs'))
            <h1 class="mt-4 text-3xl font-black tracking-tight md:text-5xl">{{ $heading }}</h1>
            @if ($intro)<p class="mt-4 max-w-3xl text-lg text-slate-600">{{ $intro }}</p>@endif
        </div>
    </header>

    <div class="container-site py-10">
        @if ($posts->isEmpty())
            <p class="py-16 text-center text-slate-500">{{ __('site.no_articles') }}</p>
        @else
            <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
                @foreach ($posts as $post)
                    @include($site->themeView('partials.post-card'))
                @endforeach
            </div>
            <div class="mt-12">{{ $posts->links() }}</div>
        @endif
    </div>
@endsection