Deploy

2026-07-27 17:10:22 +00:00
parent a0d69120ef
commit a95fdbbe43
1 changed files with 52 additions and 0 deletions
@@ -0,0 +1,52 @@
 import Image from "next/image"
 export default function BrandStorySection() {
  return (
    <section data-vula-section="brandstory" id="our-story" className="min-h-[70vh] bg-white">
      <div className="flex flex-col md:flex-row">
        {/* Left: black block with text */}
        <div className="w-full md:w-1/2 bg-[#18181b] p-10 md:p-16 flex items-center">
          <div className="max-w-lg">
            <h2 className="text-4xl md:text-5xl font-black uppercase text-white mb-8">
              Where Soweto Meets the&nbsp;Runway
            </h2>
            <div className="space-y-4 text-white/80 text-base leading-relaxed">
              <p>
                Founded in 2020, Urban Threads was born in the Mofolo workshops of Soweto. 
                Our master tailor, Thabo Molefe, spent 15 years apprenticing under the late 
                MaLindi Nkosi, a legend in South African garment-making, before launching 
                his own label. Every piece we drop begins with hand-blocked Swiss-Vlisco 
                wax prints sourced directly from Accra, Ghana — not mass-produced Chinese 
                imitations.
              </p>
              <p>
                We collaborate with 18 local seamstresses in Diepkloof, paying 40% above 
                the Soweto garment district average, and invest half our profits into a 
                sewing co-op for young women in Orlando East. The result: limited-edition 
                hoodies, caps, and tees that fuse traditional African patterns with 
                instant streetwear credibility — bold, unapologetic, and made with 
                purpose.
              </p>
            </div>
            <p className="mt-6 text-[#d4af37] font-bold uppercase tracking-wide">
              &mdash; Authenticity Is Our Only Print
            </p>
          </div>
        </div>
        {/* Right: image panel with gold border */}
        <div className="w-full md:w-1/2 relative min-h-[400px] md:min-h-[70vh]">
          <div className="absolute inset-0 border-l-2 border-[#d4af37]">
            <Image
              src="https://images.pexels.com/photos/35633192/pexels-photo-35633192.jpeg?auto=compress&cs=tinysrgb&w=800&h=600&fit=crop"
              alt="Urban Threads artisan workshop in Soweto"
              fill
              sizes="(max-width: 768px) 100vw, 50vw"
              className="object-cover"
            />
          </div>
        </div>
      </div>
    </section>
  )
 }