@props([
    'name' => '',
    'description' => '',
    'icon' => 'img',
    'link' => '#'
])
<div class="flex flex-col justify-between p-10 border border-[#262626] h-full">
<div class="flex flex-col space-y-6">
    <div class="h-16 w-16 rounded-md bg-no-repeat bg-contain" style="background-image: url({{ $icon }});"></div>
    <h1 class="text-xl font-medium text-zinc-200">{{ $name }}</h1>
    <p class="text-zinc-300 text-sm">
    {{ $description }}
    </p>
</div>
    <a href="{{ $link }}">
        <div class="flex justify-center py-2 rounded-md bg-[#262626] text-zinc-200 mt-6">Apply Now</div>
    </a>
</div>