Files
demo-websites/lawfirm-demos/demo-1/components/LawyerCard.tsx

19 lines
648 B
TypeScript

'use client';
export default function LawyerCard({ lawyer, onClick }: { lawyer: any; onClick: () => void }) {
return (
<button
onClick={onClick}
className="bg-neutral-100 hover:bg-neutral-200 transition p-6 rounded-xl shadow-sm text-left text-gray-800"
>
<img
src={lawyer.image}
alt={lawyer.name}
className="w-full h-48 object-cover rounded-md mb-4"
/>
<h3 className="text-xl font-bold text-red-700 mb-2">{lawyer.name}</h3>
<p className="text-sm text-gray-700">{lawyer.short}</p>
</button>
);
}