diff --git a/src/components/sections/BrandStorySection.tsx b/src/components/sections/BrandStorySection.tsx
new file mode 100644
index 0000000..b03125a
--- /dev/null
+++ b/src/components/sections/BrandStorySection.tsx
@@ -0,0 +1,52 @@
+import Image from "next/image"
+
+export default function BrandStorySection() {
+  return (
+    <section data-vula-section="brandstory" id="our-story" className="min-h-[70vh] bg-white">
+      <div className="flex flex-col md:flex-row">
+        {/* Left: black block with text */}
+        <div className="w-full md:w-1/2 bg-[#18181b] p-10 md:p-16 flex items-center">
+          <div className="max-w-lg">
+            <h2 className="text-4xl md:text-5xl font-black uppercase text-white mb-8">
+              Where Soweto Meets the&nbsp;Runway
+            </h2>
+            <div className="space-y-4 text-white/80 text-base leading-relaxed">
+              <p>
+                Founded in 2020, Urban Threads was born in the Mofolo workshops of Soweto. 
+                Our master tailor, Thabo Molefe, spent 15 years apprenticing under the late 
+                MaLindi Nkosi, a legend in South African garment-making, before launching 
+                his own label. Every piece we drop begins with hand-blocked Swiss-Vlisco 
+                wax prints sourced directly from Accra, Ghana — not mass-produced Chinese 
+                imitations.
+              </p>
+              <p>
+                We collaborate with 18 local seamstresses in Diepkloof, paying 40% above 
+                the Soweto garment district average, and invest half our profits into a 
+                sewing co-op for young women in Orlando East. The result: limited-edition 
+                hoodies, caps, and tees that fuse traditional African patterns with 
+                instant streetwear credibility — bold, unapologetic, and made with 
+                purpose.
+              </p>
+            </div>
+            <p className="mt-6 text-[#d4af37] font-bold uppercase tracking-wide">
+              &mdash; Authenticity Is Our Only Print
+            </p>
+          </div>
+        </div>
+
+        {/* Right: image panel with gold border */}
+        <div className="w-full md:w-1/2 relative min-h-[400px] md:min-h-[70vh]">
+          <div className="absolute inset-0 border-l-2 border-[#d4af37]">
+            <Image
+              src="https://images.pexels.com/photos/35633192/pexels-photo-35633192.jpeg?auto=compress&cs=tinysrgb&w=800&h=600&fit=crop"
+              alt="Urban Threads artisan workshop in Soweto"
+              fill
+              sizes="(max-width: 768px) 100vw, 50vw"
+              className="object-cover"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file