Deploy

src/components/sections/AboutSection.tsx

@@ -0,0 +1,36 @@
+import Image from "next/image"
+
+export default function AboutSection() {
+  return (
+    <section data-vula-section="about" id="about" className="py-20 lg:py-28 bg-white">
+      <div className="max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
+        <div className="relative aspect-[4/3] overflow-hidden rounded-xl shadow-[var(--shadow-card)]">
+          <Image
+            src="https://images.pexels.com/photos/6289046/pexels-photo-6289046.jpeg?auto=compress&cs=tinysrgb&h=350"
+            alt="Legal team in consultation"
+            fill
+            sizes="(max-width: 768px) 100vw, 50vw"
+            className="object-cover hover:scale-105 transition-transform duration-500 ease-out"
+          />
+        </div>
+        <div>
+          <span className="text-sm font-semibold tracking-widest uppercase text-neutral-400">About Us</span>
+          <h2 className="text-3xl lg:text-4xl font-semibold tracking-tight text-[#000080] mt-4 mb-6">
+            Over 30 Years of Legal Experience in South Africa
+          </h2>
+          <p className="text-base lg:text-lg leading-relaxed text-neutral-600 mb-6">
+            Founded in 1992 in Sandton, Mtungwa & Partners has grown from a two-person practice into
+            one of Johannesburg's most respected corporate law firms. We have successfully handled
+            over 500 corporate transactions and 200 litigation cases, always guided by the principle
+            of <em>Ubuntu</em> — "I am because we are." Our attorneys bring deep knowledge of the
+            Companies Act, Property Law Act, and South African commercial litigation.
+          </p>
+          <p className="text-base lg:text-lg leading-relaxed text-neutral-600">
+            We understand that in South Africa, business success is tied to community growth.
+            Every client engagement is a partnership aimed at building lasting value.
+          </p>
+        </div>
+      </div>
+    </section>
+  )
+}