@props([
    'name' => 'Technology',
    'imageUrl' => null, // URL to the technology logo
])

<div class="flex flex-col items-center p-4 bg-gray-100 dark:bg-gray-700/50 rounded-lg" title="{{ $name }}">
    <img src="{{ $imageUrl }}" alt="{{ $name }} logo" class="h-12 w-12 object-contain mb-2">
    {{-- <span class="text-xs text-gray-600 dark:text-gray-400">{{ $name }}</span> --}}
    {{-- Name can be optional if logos are very recognizable --}}
</div>