@props([
    'icon' => '✨',
    'title' => '',
    'description' => ''
])

<div {{ $attributes->merge(['class' => 'bg-white rounded-xl p-8 shadow-sm hover:shadow-lg transition-shadow border border-slate-100']) }}>
    <div class="text-4xl mb-4">{{ $icon }}</div>
    <h3 class="text-xl font-semibold text-slate-900 mb-3">{{ $title }}</h3>
    <p class="text-slate-600 leading-relaxed">{{ $description }}</p>
</div>