Deploy

2026-06-23 08:47:23 +00:00
parent 3008131c95
commit db4efaa4b3
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>
  )
 }