Deploy

2026-06-23 08:38:55 +00:00
parent 3a97cd82d0
commit 686b9e2327
1 changed files with 53 additions and 0 deletions
@@ -0,0 +1,53 @@
+import Image from "next/image"
+import Link from "next/link"
+
+export default function FounderVisionSection() {
+  return (
+    <section data-vula-section="foundervision" id="our-story" className="bg-[#121212] py-20">
+      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div className="flex flex-col items-center gap-12 lg:flex-row">
+          {/* Left - Image */}
+          <div className="relative w-full lg:w-1/2">
+            <div className="aspect-[4/3] overflow-hidden rounded-xl">
+              <Image
+                src="https://images.pexels.com/photos/37769918/pexels-photo-37769918.jpeg?auto=compress&cs=tinysrgb&h=350"
+                alt="Smiso Khumalo - Founder of S.A.W"
+                width={600}
+                height={450}
+                className="h-full w-full object-cover"
+              />
+            </div>
+          </div>
+
+          {/* Right - Text */}
+          <div className="w-full lg:w-1/2">
+            <p className="mb-2 text-sm font-semibold uppercase tracking-widest text-[#64B5F6]">
+              The Story Behind S.A.W
+            </p>
+            <h2 className="text-3xl font-bold text-[#F5F5F5] md:text-4xl">
+              From Durban, for the Culture
+            </h2>
+            <p className="mt-6 text-base leading-relaxed text-[#F5F5F5]/70">
+              At 19 years old, Smiso Khumalo saw a gap in the market. In 2024 he
+              launched S.A.W — a brand built on premium fabrics, original designs,
+              and the raw energy of Durban&apos;s streets. Every tee is cut to fit
+              real life: bold enough for a night out, sharp enough for a day in.
+            </p>
+            <p className="mt-4 text-base leading-relaxed text-[#F5F5F5]/70">
+              We don&apos;t follow trends. We set our own tempo. This is streetwear
+              that respects its roots and reaches for something bigger.
+            </p>
+            <div className="mt-8">
+              <Link
+                href="/products"
+                className="inline-block rounded-lg bg-[#4A9EFF] px-8 py-3 text-base font-semibold text-white transition-all duration-200 ease-out hover:opacity-90"
+              >
+                Shop the Vision
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}