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

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

diff --git a/src/components/sections/AboutFirmSection.tsx b/src/components/sections/AboutFirmSection.tsx
new file mode 100644
index 0000000..a153c16
--- /dev/null
+++ b/src/components/sections/AboutFirmSection.tsx
@@ -0,0 +1,47 @@
+import Image from "next/image"
+import { Gavel, HeartHandshake, ShieldCheck } from 'lucide-react'
+
+export default function AboutFirmSection() {
+  return (
+    <section data-vula-section="aboutfirm" id="our-firm" 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 className="relative aspect-[4/3] rounded-xl overflow-hidden shadow-[var(--shadow-lifted)]">
+            <Image
+              src="https://images.pexels.com/photos/7640444/pexels-photo-7640444.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="Mashobane & Associates legal team in Sandton offices"
+              fill
+              sizes="(max-width: 1024px) 100vw, 50vw"
+              className="object-cover"
+            />
+          </div>
+          <div className="space-y-6">
+            <h2 className="text-3xl md:text-4xl font-bold text-[#000080]">
+              Our Firm — 32 Years of Fearless Advocacy
+            </h2>
+            <p className="text-neutral-700 leading-relaxed">
+              Founded in 1992 by Advocate Thabo Mashobane, Mashobane &amp; Associates has grown from a single-practice chambers in Braamfontein into one of Gauteng&#39;s most respected criminal defence firms. Our three decades of experience span the full range of South Africa&#39;s criminal justice system — from bail applications in magistrates&#39; courts to appeals in the Supreme Court of Appeal.
+            </p>
+            <p className="text-neutral-700 leading-relaxed">
+              What sets us apart is our deep understanding of both formal court procedures and the unique dynamics of local communities. We have successfully represented clients from Alexandra township to Sandton&#39;s high-profile white-collar cases, always guided by the principle that every person deserves a vigorous defence and a fair chance at justice.
+            </p>
+            <div className="flex flex-wrap gap-6 pt-4">
+              <div className="flex items-center gap-2 text-[#000080]">
+                <Gavel className="w-5 h-5" />
+                <span className="text-sm font-semibold">1,200+ Cases Won</span>
+              </div>
+              <div className="flex items-center gap-2 text-[#000080]">
+                <ShieldCheck className="w-5 h-5" />
+                <span className="text-sm font-semibold">5 Practice Areas</span>
+              </div>
+              <div className="flex items-center gap-2 text-[#000080]">
+                <HeartHandshake className="w-5 h-5" />
+                <span className="text-sm font-semibold">Ubuntu-Led Approach</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}