@extends('sitebuilder.layouts.site')

@section('title', 'Blog — ' . ($site->brand_name ?? 'Consultoría Astrológica'))
@section('description', 'Harita yorumları, transit analizleri ve temel astroloji yazıları.')

@section('content')

<x-sitebuilder.page-header eyebrow="Blog" title="Interpretaciones y Artículos"
    description="Transitler, temel astroloji kavramları ve danışanlardan gelen sorulara verdiğim yanıtlar." />

<section class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
    @if($posts->isEmpty())
        <p class="text-center text-ink-800/60">Henüz yazı eklenmedi.</p>
    @else
        <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
            @foreach($posts as $post)
                <x-sitebuilder.blog-card :post="$post" />
            @endforeach
        </div>
    @endif
</section>

@endsection