Deploy

2026-07-31 18:44:27 +00:00
parent 406ce072de
commit fe400a8e29
1 changed files with 47 additions and 0 deletions
@@ -0,0 +1,47 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import Button from '@/components/ui/Button'
+
+export default function OurHeritageSection() {
+  return (
+    <section data-vula-section="ourheritage" id="our-heritage" className="bg-[#f9f5f4] py-20 lg:py-28">
+      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div className="grid items-center gap-12 lg:grid-cols-2">
+          <div className="relative">
+            <Image
+              src="https://images.pexels.com/photos/11040079/pexels-photo-11040079.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="Artisan hands crafting woven textiles in rural KwaZulu-Natal"
+              width={800}
+              height={600}
+              className="rounded-3xl object-cover shadow-2xl"
+            />
+            <div className="absolute -bottom-8 -right-4 w-56 rotate-6 rounded-3xl border-8 border-white shadow-xl sm:-right-8">
+              <Image
+                src="https://images.pexels.com/photos/1350789/pexels-photo-1350789.jpeg?auto=compress&cs=tinysrgb&h=350"
+                alt="Handwoven cushions styled in a contemporary living room"
+                width={320}
+                height={240}
+                className="rounded-2xl object-cover"
+              />
+            </div>
+            <div className="absolute -top-6 left-4 -rotate-3 rounded-full bg-[#ea580c] px-5 py-3 text-sm font-semibold text-white shadow-lg">
+              Nongoma · Bulwer · Impendle · Hluhluwe
+            </div>
+          </div>
+          <div>
+            <p className="text-sm font-semibold uppercase tracking-[0.2em] text-[#6b8e23]">Our Heritage</p>
+            <h2 className="mt-4 text-3xl font-bold text-[#21140d] sm:text-4xl lg:text-5xl">From rural KZN looms to Durban living rooms.</h2>
+            <div className="mt-6 space-y-4 font-serif text-lg leading-relaxed text-[#36454F]">
+              <p>Every cushion and throw starts in a cooperative, not a factory. We work with women-led groups in Nongoma, Bulwer, Impendle and Hluhluwe who hand-weave, bead and dye each piece using patterns passed down through generations.</p>
+              <p>Durban's design studio then pairs those textured originals with contemporary colourways and refined finishes, so the work sits naturally in an Umhlanga apartment or a Johannesburg loft.</p>
+              <p>When you buy from eKhayalami, you are not just buying a cushion — you are keeping a Nongoma beadwork technique alive and paying a Bulwer weaver fairly.</p>
+            </div>
+            <Link href="/products">
+              <Button variant="outline" size="lg" className="mt-8 border-[#36454F] text-[#36454F] hover:bg-[#36454F] hover:text-white">Explore the Craft</Button>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}