Deploy
This commit is contained in:
Vula Builder
@@ -0,0 +1,144 @@
|
|||||||
|
import Image from 'next/image';
|
||||||
|
import { Mail, Phone } from 'lucide-react';
|
||||||
|
import { SiWhatsapp } from 'react-icons/si';
|
||||||
|
|
||||||
|
const partners = [
|
||||||
|
{
|
||||||
|
name: 'Thulani Gumede',
|
||||||
|
title: 'Partner — Corporate Law',
|
||||||
|
image: 'https://images.pexels.com/photos/8730275/pexels-photo-8730275.jpeg?auto=compress&cs=tinysrgb&h=650&w=940',
|
||||||
|
alt: 'Thulani Gumede, Partner, Corporate Law',
|
||||||
|
experience: '20+ years',
|
||||||
|
education: 'LLB (UKZN), LLM (UCT)',
|
||||||
|
focus: 'Mergers, acquisitions, commercial contracts',
|
||||||
|
email: 'thulani@gumedepartners.co.za',
|
||||||
|
phone: '+27315551234',
|
||||||
|
whatsapp: '27821234567'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Nomusa Zulu',
|
||||||
|
title: 'Partner — Real Estate',
|
||||||
|
image: 'https://images.pexels.com/photos/4427615/pexels-photo-4427615.jpeg?auto=compress&cs=tinysrgb&h=650&w=940',
|
||||||
|
alt: 'Nomusa Zulu, Partner, Real Estate',
|
||||||
|
experience: '18 years',
|
||||||
|
education: 'LLB (Wits)',
|
||||||
|
focus: 'Property developments, conveyancing, sectional title',
|
||||||
|
email: 'nomusa@gumedepartners.co.za',
|
||||||
|
phone: '+27315555678',
|
||||||
|
whatsapp: '27831234567'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Sibusiso Mthembu',
|
||||||
|
title: 'Senior Associate — Business Litigation',
|
||||||
|
image: 'https://images.pexels.com/photos/37726678/pexels-photo-37726678.jpeg?auto=compress&cs=tinysrgb&h=650&w=940',
|
||||||
|
alt: 'Sibusiso Mthembu, Senior Associate, Business Litigation',
|
||||||
|
experience: '12 years',
|
||||||
|
education: 'LLB (UKZN), LLM (UP)',
|
||||||
|
focus: 'Commercial disputes, arbitration, debt recovery',
|
||||||
|
email: 'sibusiso@gumedepartners.co.za',
|
||||||
|
phone: '+27315559012',
|
||||||
|
whatsapp: '27841234567'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Lindiwe Khumalo',
|
||||||
|
title: 'Senior Attorney — Labour & Employment',
|
||||||
|
image: 'https://images.pexels.com/photos/7875996/pexels-photo-7875996.jpeg?auto=compress&cs=tinysrgb&h=650&w=940',
|
||||||
|
alt: 'Lindiwe Khumalo, Senior Attorney, Labour & Employment',
|
||||||
|
experience: '10 years',
|
||||||
|
education: 'LLB (UNISA)',
|
||||||
|
focus: 'Employment contracts, unfair dismissal, CCMA representation',
|
||||||
|
email: 'lindiwe@gumedepartners.co.za',
|
||||||
|
phone: '+27315553456',
|
||||||
|
whatsapp: '27851234567'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
export default function PartnerProfilesSection() {
|
||||||
|
return (
|
||||||
|
<section id="partner-profiles" className="bg-[#F0F8FF] px-6 py-20">
|
||||||
|
<div className="mx-auto max-w-6xl">
|
||||||
|
<div className="mb-12">
|
||||||
|
<p className="text-xs uppercase tracking-[0.14em] text-[#0077BE]">
|
||||||
|
Senior legal counsel
|
||||||
|
</p>
|
||||||
|
<h2 className="mt-3 text-3xl font-black tracking-tight text-[#1A2B3C] lg:text-4xl">
|
||||||
|
Decades of <i className="italic">legal experience</i>, on your side
|
||||||
|
</h2>
|
||||||
|
<p className="mt-4 max-w-2xl text-base text-[#1A2B3C]/80">
|
||||||
|
Meet the partners and senior attorneys who deliver strategic counsel in corporate law,
|
||||||
|
real estate, and business litigation across KwaZulu‑Natal.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
|
||||||
|
{partners.map((partner) => (
|
||||||
|
<div
|
||||||
|
key={partner.email}
|
||||||
|
className="group flex flex-col overflow-hidden rounded-lg border border-[#1A2B3C]/15 bg-white transition-all duration-200 ease-out hover:border-[#0077BE]"
|
||||||
|
>
|
||||||
|
<div className="relative h-64 w-full overflow-hidden sm:h-72">
|
||||||
|
<Image
|
||||||
|
src={partner.image}
|
||||||
|
alt={partner.alt}
|
||||||
|
fill
|
||||||
|
className="object-cover transition-transform duration-500 ease-out group-hover:scale-105"
|
||||||
|
sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex flex-1 flex-col p-5">
|
||||||
|
<h3 className="text-lg font-bold leading-snug text-[#1A2B3C]">
|
||||||
|
{partner.name}
|
||||||
|
</h3>
|
||||||
|
<p className="mt-1 text-xs uppercase tracking-[0.14em] text-[#0077BE]">
|
||||||
|
{partner.title}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="mt-3 border-t border-[#1A2B3C]/10 pt-3 text-sm leading-relaxed text-[#1A2B3C]/70">
|
||||||
|
<p>
|
||||||
|
<span className="font-medium text-[#1A2B3C]">Experience:</span>{' '}
|
||||||
|
{partner.experience}
|
||||||
|
</p>
|
||||||
|
<p className="mt-1">
|
||||||
|
<span className="font-medium text-[#1A2B3C]">Education:</span>{' '}
|
||||||
|
{partner.education}
|
||||||
|
</p>
|
||||||
|
<p className="mt-1">
|
||||||
|
<span className="font-medium text-[#1A2B3C]">Focus:</span>{' '}
|
||||||
|
{partner.focus}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="mt-auto flex items-center gap-3 pt-4">
|
||||||
|
<a
|
||||||
|
href={`mailto:${partner.email}`}
|
||||||
|
aria-label={`Email ${partner.name}`}
|
||||||
|
className="text-[#0077BE] transition-colors duration-200 ease-out hover:text-[#005A99]"
|
||||||
|
>
|
||||||
|
<Mail className="h-5 w-5" />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href={`tel:${partner.phone}`}
|
||||||
|
aria-label={`Call ${partner.name}`}
|
||||||
|
className="text-[#0077BE] transition-colors duration-200 ease-out hover:text-[#005A99]"
|
||||||
|
>
|
||||||
|
<Phone className="h-5 w-5" />
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href={`https://wa.me/${partner.whatsapp}`}
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
aria-label={`WhatsApp ${partner.name}`}
|
||||||
|
className="text-[#0077BE] transition-colors duration-200 ease-out hover:text-[#25D366]"
|
||||||
|
>
|
||||||
|
<SiWhatsapp className="h-5 w-5" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user