Introduce team section with lawyers data; create reusable LawyerCard, LawyerProfile, LawyerModal, and Divider components; refactor Über Uns page layout and content.
This commit is contained in:
18
lawfirm-demos/demo-1/components/LawyerCard.tsx
Normal file
18
lawfirm-demos/demo-1/components/LawyerCard.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
'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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user