From f1f5d46db96c137d388e82668d608c7395a5aad3 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Tue, 23 Jun 2026 08:47:44 +0000
Subject: [PATCH] Deploy

---
 .../sections/ThreeDecadesHeritageSection.tsx  | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/components/sections/ThreeDecadesHeritageSection.tsx

diff --git a/src/components/sections/ThreeDecadesHeritageSection.tsx b/src/components/sections/ThreeDecadesHeritageSection.tsx
new file mode 100644
index 0000000..68612d1
--- /dev/null
+++ b/src/components/sections/ThreeDecadesHeritageSection.tsx
@@ -0,0 +1,54 @@
+import Image from 'next/image'
+
+export default function ThreeDecadesHeritageSection() {
+  return (
+    <section data-vula-section="threedecadesheritage" id="firm-heritage" className="py-20 bg-[#111827] text-white">
+      <div className="container mx-auto px-4">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+          <div className="relative aspect-[4/5] overflow-hidden rounded-xl shadow-[var(--shadow-lifted)]">
+            <Image
+              src="https://images.pexels.com/photos/7640444/pexels-photo-7640444.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="Senior partner Advocate Thabo Mashobane"
+              fill
+              className="object-cover"
+              sizes="(max-width: 768px) 100vw, 50vw"
+            />
+          </div>
+          <div>
+            <span className="inline-block text-[#d4af37] uppercase tracking-widest text-sm font-semibold mb-4">
+              Since 1992
+            </span>
+            <h2 className="text-3xl md:text-4xl font-bold leading-tight mb-6">
+              Three Decades of
+              <span className="text-[#d4af37]"> Trust & Justice</span>
+            </h2>
+            <p className="text-gray-300 text-lg leading-relaxed mb-6">
+              Founded by Advocate Thabo Mashobane in Durban, our firm grew from a single-room practice in the city centre to a full-service criminal defence powerhose. We have handled over 5 000 cases — including landmark appeals that shaped KwaZulu-Natal&#39;s criminal procedure.
+            </p>
+            <p className="text-gray-300 text-lg leading-relaxed mb-6">
+              Our roots in the community run deep. Advocate Mashobane served as a legal advisor to the KwaZulu-Natal Traditional Leaders Council and has been awarded the&#160;<em className="text-[#d4af37]">Isithwalandwe</em>&#160;medal for his contribution to legal aid in rural areas.
+            </p>
+            <blockquote className="border-l-4 border-[#d4af37] pl-6 italic text-gray-400 text-lg">
+              &#8220;When I started, I promised myself that no one — regardless of their background — would face the criminal justice system alone. That commitment still drives every case we take.&#8221;
+              <footer className="mt-2 not-italic text-[#d4af37] text-sm">— Advocate Thabo Mashobane, Senior Partner</footer>
+            </blockquote>
+            <div className="mt-8 flex flex-wrap gap-8">
+              <div>
+                <span className="block text-3xl font-bold text-[#d4af37]">32</span>
+                <span className="text-gray-400 text-sm">Years of Practice</span>
+              </div>
+              <div>
+                <span className="block text-3xl font-bold text-[#d4af37]">5,000+</span>
+                <span className="text-gray-400 text-sm">Cases Handled</span>
+              </div>
+              <div>
+                <span className="block text-3xl font-bold text-[#d4af37]">15</span>
+                <span className="text-gray-400 text-sm">Precedent-Setting Appeals</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file