From 1120d239d667d2b81162c5f0d38589cd2ff5963f Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Wed, 29 Jul 2026 19:04:19 +0000
Subject: [PATCH] Deploy

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

diff --git a/src/components/sections/UrbanAmbitionSection.tsx b/src/components/sections/UrbanAmbitionSection.tsx
new file mode 100644
index 0000000..f81b971
--- /dev/null
+++ b/src/components/sections/UrbanAmbitionSection.tsx
@@ -0,0 +1,41 @@
+import Image from "next/image"
+import Link from "next/link"
+import Button from "@/components/ui/Button"
+
+export default function UrbanAmbitionSection() {
+  return (
+    <section data-vula-section="urbanambition" id="our-story" className="py-20 bg-[#F0F8FF]">
+      <div className="max-w-7xl mx-auto px-4 grid md:grid-cols-2 gap-12 items-center">
+        <div className="relative h-80 md:h-96 overflow-hidden rounded-xl shadow-md">
+          <Image
+            src="https://images.pexels.com/photos/14660445/pexels-photo-14660445.jpeg?auto=compress&cs=tinysrgb&h=350"
+            alt="Diva Cape Town creative studio"
+            fill
+            className="object-cover"
+            sizes="(max-width: 768px) 100vw, 50vw"
+          />
+        </div>
+        <div>
+          <h2 className="text-3xl font-bold text-[#1A2B3C] uppercase tracking-wide">
+            From Cape Town Creative Hub to Urban Ambition
+          </h2>
+          <p className="text-[#1A2B3C] mt-6 leading-relaxed">
+            Diva was born in a small Cape Town design studio — a collective of bold creatives who
+            believed fashion could do more than dress a body. It could amplify a woman's presence,
+            bridge coastal artistry with Joburg ambition, and make every entrance unforgettable.
+          </p>
+          <p className="text-[#1A2B3C] mt-4 leading-relaxed">
+            Today, Diva is the digital wardrobe of thousands of young professionals in Johannesburg.
+            Each piece is a statement — cut to empower, styled to command. We source locally and
+            design for the woman who walks into a room and owns it.
+          </p>
+          <Link href="/products">
+            <Button className="mt-8 bg-[#0077BE] text-white hover:bg-[#005f9a] font-semibold px-8 py-3 rounded-xl shadow-md">
+              Explore the Collection
+            </Button>
+          </Link>
+        </div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file