@props([
    'title' => 'Project Title',
    'image' => '/path/to/image.jpg',
    'client' => 'Client Name',
    'url' => '#',
    'description' => 'Brief description of the project goes here.',
])
<div class="border border-[#262626]">
<div class="p-6">
    <h3 class="text-lg font-medium text-zinc-500">
    {{ $title }}
    </h3>
</div>
<div class="p-6">
    <img
    src="{{ $image }}"
    alt="E-Commerce Platform"
    class="w-full h-48 object-cover rounded-md mb-4"
    />
    <h4 class="font-medium text-zinc-200 mb-1">{{ $client }}</h4>
    <a
    href="https://www.chicboutique.com"
    target="_blank"
    class="text-sm text-zinc-400 underline mb-2 block"
    >{{ $url }}</a
    >
    <p class="text-zinc-300 text-sm">
        {{ $description }}
    </p>
</div>
</div>