Deploy

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>
+  )
+}