@props(['icon', 'title', 'description'])

<div class="rounded-lg bg-white p-4 md:p-6 lg:p-8 text-center shadow-sm">
  {{ $icon }}
  <h3 class="mb-4 text-xl font-semibold text-blue-900">{{ $title }}</h3>
  <p class="text-gray-600">{{ $description }}</p>
</div>