spatie/laravel-comments.com

<a class="group flex gap-4" href="{{ $url }}">
    <img class="flex-none block w-12 h-12 rounded overflow-hidden bg-white object-cover shadow-md group-hover:shadow-sm group-hover:top-px transition" src="{{ $cover ?? ''}}"/>

    <div>
        <h3 class="markup-h3 text-sm font-black">{{ $title ?? '' }}</h3>
        
        <div class="mt-1.5 text-xs">
            {{ $slot }}
        </div>

        <div class="mt-1.5 text-xs block text-indigo-500 leading-tight">{{ parse_url($url, PHP_URL_HOST) }}</div>
    </div>
</a>

//
<main class="mt-12 max-w-2xl mx-auto grid sm:grid-cols-2 gap-8 md:gap-16 xl:gap-x-24">
    <x-related title="Mailcoach" cover="/images/mailcoach.jpg" url="https://mailcoach.app">
        <p>
            Self-hosted email marketing for Laravel
        </p>
    </x-related>

    <x-related title="Ray" cover="/images/ray.jpg" url="https://myray.app">
        <p>
            Dump Debugging Evolved
        </p>
    </x-related>
    //
</main>