@props(['post'])

<a href="{{ route('sitebuilder.blog.show', $post->slug) }}" class="group block overflow-hidden rounded-2xl border border-ink-900/5 bg-white">
    <div class="flex aspect-[16/10] items-center justify-center bg-gradient-to-br from-brand-100 to-gold-100 text-5xl">✨</div>
    <div class="p-6">
        <div class="flex items-center gap-3 text-xs text-ink-800/50">
            <span class="font-semibold text-brand-600">{{ $post->category }}</span>
            <span>&middot;</span>
            <span>{{ $post->reading_minutes }} dk okuma</span>
        </div>
        <h3 class="mt-3 font-display text-lg font-semibold text-ink-900 group-hover:text-brand-700">
            {{ $post->title }}
        </h3>
        <p class="mt-2 text-sm leading-relaxed text-ink-800/65">{{ $post->excerpt }}</p>
    </div>
</a>