@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">{{ $title }}</h1>
            <p class="mt-4 max-w-2xl text-lg text-slate-600">
                {{ $isGames ? __('site.games_intro') : __('site.tools_intro') }}
            </p>
        </div>
    </header>
    <div class="container-site py-10">
        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
            @foreach ($tools as $tool)
                @include($site->themeView('partials.tool-card'))
            @endforeach
        </div>
    </div>
@endsection