2026-08-08 18:03:29 +03:00
|
|
|
<x-layouts.app :title="$title" :description="$description" :canonical="$canonical">
|
|
|
|
|
@push('jsonld')
|
|
|
|
|
<script type="application/ld+json">
|
|
|
|
|
{!! json_encode([
|
2026-08-09 04:19:21 +03:00
|
|
|
'@@context' => 'https://schema.org',
|
2026-08-08 18:03:29 +03:00
|
|
|
'@type' => 'BreadcrumbList',
|
|
|
|
|
'itemListElement' => [
|
|
|
|
|
['@type' => 'ListItem', 'position' => 1, 'name' => 'AI Tools', 'item' => route('tools.index')],
|
|
|
|
|
['@type' => 'ListItem', 'position' => 2, 'name' => $label, 'item' => $canonical],
|
|
|
|
|
],
|
|
|
|
|
]) !!}
|
|
|
|
|
</script>
|
|
|
|
|
@endpush
|
|
|
|
|
|
|
|
|
|
<p class="text-sm text-neutral-500">
|
|
|
|
|
<a href="{{ route('tools.index') }}" class="hover:underline">AI Tools</a>
|
|
|
|
|
<span aria-hidden="true">/</span>
|
|
|
|
|
{{ $label }}
|
|
|
|
|
</p>
|
|
|
|
|
<h1 class="mt-2 text-3xl font-bold tracking-tight">{{ $label }} AI Tools</h1>
|
|
|
|
|
|
|
|
|
|
<nav class="mt-4 flex flex-wrap gap-2">
|
|
|
|
|
<a href="{{ route('tools.index') }}" class="rounded-full bg-neutral-100 px-3 py-1 text-sm text-neutral-700 hover:bg-neutral-200">
|
|
|
|
|
All
|
|
|
|
|
</a>
|
|
|
|
|
@foreach ($categories as $slug => $categoryLabel)
|
|
|
|
|
<a
|
|
|
|
|
href="{{ route('tools.category', $slug) }}"
|
|
|
|
|
class="rounded-full px-3 py-1 text-sm {{ $category === $slug ? 'bg-neutral-900 text-white' : 'bg-neutral-100 text-neutral-700 hover:bg-neutral-200' }}"
|
|
|
|
|
>
|
|
|
|
|
{{ $categoryLabel }}
|
|
|
|
|
</a>
|
|
|
|
|
@endforeach
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<div class="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2">
|
|
|
|
|
@forelse ($tools as $tool)
|
|
|
|
|
<x-tool-card :tool="$tool" />
|
|
|
|
|
@empty
|
|
|
|
|
<p class="text-neutral-500 sm:col-span-2">No tools in this category yet.</p>
|
|
|
|
|
@endforelse
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="mt-10">
|
|
|
|
|
{{ $tools->links() }}
|
|
|
|
|
</div>
|
|
|
|
|
</x-layouts.app>
|
