{{-- @include('partials.welcome-card', ['intro' => '...']) --}}
<div class="slmc-card mb-6 flex flex-col gap-4 p-6 md:flex-row md:items-center md:justify-between">
    <div class="flex items-center gap-4">
        <span class="slmc-icon"><i class="ri-hand-heart-line"></i></span>
        <div>
            <p class="text-xs font-semibold tracking-widest text-slmc-600 uppercase">Welcome back</p>
            <h2 class="text-xl font-bold text-slmc">Hello, {{ $user->name }}</h2>
            <p class="text-sm text-gray-500">{{ $intro }}</p>
        </div>
    </div>
    <span class="inline-flex w-fit items-center gap-2 rounded-lg bg-slmc-tint px-3 py-2 text-sm font-medium text-slmc-500">
        <i class="ri-calendar-line"></i> {{ now()->format('l, j F Y') }}
    </span>
</div>