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