Deploy

2026-07-28 13:27:25 +00:00
parent 4f325da923
commit 3baa482e57
1 changed files with 67 additions and 0 deletions
@@ -0,0 +1,67 @@
+import Image from 'next/image'
+
+export default function AboutVaultSection() {
+  return (
+    <section data-vula-section="aboutvault" id="about-vault" className="py-24 px-6 bg-[#0f0f17]">
+      <div className="max-w-6xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+        {/* Left: Image */}
+        <div className="relative h-[400px] lg:h-[500px] overflow-hidden rounded-sm border border-[#303040]">
+          <Image
+            src="https://images.pexels.com/photos/135620/pexels-photo-135620.jpeg?auto=compress&cs=tinysrgb&h=350"
+            alt="Vault by Mkhize boutique interior, Johannesburg"
+            fill
+            sizes="(max-width: 768px) 100vw, 50vw"
+            className="object-cover"
+          />
+          <div className="absolute inset-0 bg-gradient-to-t from-[#0f0f17]/70 to-transparent" />
+        </div>
+
+        {/* Right: Content */}
+        <div className="text-left">
+          <div className="flex items-center gap-4 mb-6">
+            <span className="block w-14 h-0.5 bg-[#c0c0c0]" />
+            <span className="text-[#c0c0c0] tracking-[0.2em] uppercase text-xs font-medium">
+              Our Origin
+            </span>
+          </div>
+
+          <h2 className="text-4xl md:text-5xl font-light text-[#e7e7ee] font-['Cormorant_Garamond'] leading-tight mb-8">
+            Curating <span className="italic text-[#c0c0c0]">exclusivity</span> since 2020
+          </h2>
+
+          <div className="space-y-4 text-[#e7e7ee]/70 text-base leading-relaxed">
+            <p>
+              Vault by Mkhize was born in the heart of Sandton — a response to Johannesburg's hunger for
+              sneakers that tell a story. We don't just sell shoes; we curate cultural artifacts from the
+              world's most coveted labels: Nike, Adidas, and exclusive South African collaborations.
+            </p>
+            <p>
+              Every pair that enters our vault undergoes rigorous authentication by a team with over a decade
+              of experience. We partner directly with global brands and local creatives to secure limited runs
+              that never see the mass market. Our Rosebank showroom is an invitation to experience the craft.
+            </p>
+            <p>
+              For the collector who demands more than hype — who seeks provenance, rarity, and the quiet
+              confidence of owning something few will ever see — Vault by Mkhize is your sanctuary.
+            </p>
+          </div>
+
+          <div className="mt-10 grid grid-cols-3 gap-6 text-center">
+            <div>
+              <p className="text-2xl font-bold text-[#c0c0c0]">500+</p>
+              <p className="text-xs text-[#e7e7ee]/50 uppercase tracking-wider">Curated releases</p>
+            </div>
+            <div>
+              <p className="text-2xl font-bold text-[#c0c0c0]">100%</p>
+              <p className="text-xs text-[#e7e7ee]/50 uppercase tracking-wider">Authenticity guaranteed</p>
+            </div>
+            <div>
+              <p className="text-2xl font-bold text-[#c0c0c0]">#1</p>
+              <p className="text-xs text-[#e7e7ee]/50 uppercase tracking-wider">SA luxury sneaker destination</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}