@props(['project'])

<a href="{{ route('projects.show', $project['slug']) }}" class="block bg-white shadow hover:shadow-lg transition rounded-lg overflow-hidden" data-aos="zoom-in">
    <img src="{{ $project['thumbnail'] }}" alt="{{ $project['title'] }}" class="w-full h-56 object-cover" width="400" height="224" loading="lazy">
    <div class="p-4">
        <h3 class="text-lg font-bold text-gray-800">{{ $project['title'] }}</h3>
        <p class="text-sm text-gray-600 mt-2">{{ $project['description'] }}</p>
    </div>
</a>