<div class="px-4 py-20 flex flex-col items-center text-center">
    <div class="w-16 h-16 bg-orange-100 rounded-2xl flex items-center justify-center mb-4 shadow-sm shadow-orange-100">
        <svg class="w-8 h-8 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                  d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/>
        </svg>
    </div>
    <h2 class="text-base font-bold text-slate-700 mb-2">{{ $title }}</h2>
    <p class="text-sm text-slate-400 max-w-xs leading-relaxed">{{ $desc }}</p>
    <a href="{{ route('store.home') }}"
       class="mt-6 h-12 px-8 inline-flex items-center justify-center bg-orange-500 hover:bg-orange-600
              active:scale-95 text-white text-sm font-semibold rounded-xl shadow-sm shadow-orange-200
              transition-all duration-150">
        Kembali ke Beranda
    </a>
</div>
