Deploy

2026-06-23 08:38:53 +00:00
parent 3d5fc844c8
commit 0901adcda6
1 changed files with 49 additions and 0 deletions
@@ -0,0 +1,49 @@
 'use client'
 import Image from 'next/image'
 export default function FirmOverviewSection() {
  return (
    <section data-vula-section="firmoverview" id="firm-overview" className="py-20 bg-white">
      <div className="container mx-auto px-4">
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
          <div>
            <h2 className="text-4xl font-bold text-[#000080] mb-6">Our Story</h2>
            <div className="space-y-4 text-[#36454F]">
              <p>
                Mashobane &amp; Associate was founded in 1993 by veteran criminal lawyer Thabo Mashobane. 
                From a small practice in Soweto, we grew into one of Johannesburg&apos;s most respected criminal 
                defence firms — handling over 5,000 cases and counting.
              </p>
              <p>
                We understand South Africa&apos;s evolving legal landscape — from the early days of the new 
                constitution to today&apos;s complex bail and appeal systems. Our team combines decades of 
                litigation experience with deep sensitivity to the cultural and social realities of 
                our clients.
              </p>
              <p>
                Every client who walks through our doors receives the same promise: we will fight for your 
                rights with skill, integrity, and an unwavering belief in justice.
              </p>
            </div>
            <div className="mt-8">
              <div className="border-l-4 border-[#D4AF37] pl-4">
                <p className="text-lg italic text-[#000080]">&quot;Justice is not a favour — it is a right we defend every day.&quot;</p>
                <p className="text-sm text-[#36454F] mt-1">— Thabo Mashobane, Founder</p>
              </div>
            </div>
          </div>
          <div className="relative h-80 lg:h-96 rounded-lg overflow-hidden">
            <Image
              src="https://images.pexels.com/photos/7876154/pexels-photo-7876154.jpeg?auto=compress&cs=tinysrgb&h=350"
              alt="Mashobane & Associate law office"
              fill
              sizes="(max-width: 1024px) 100vw, 50vw"
              className="object-cover"
            />
          </div>
        </div>
      </div>
    </section>
  )
 }