Deploy

2026-06-23 08:47:23 +00:00
parent 8db4e6bc81
commit 91acebaa7c
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>
+  )
+}