Deploy

2026-07-26 17:41:19 +00:00
parent d9cc85b5ab
commit 577b9b4506
1 changed files with 39 additions and 0 deletions
@@ -0,0 +1,39 @@
+import Image from "next/image"
+import Badge from "@/components/ui/Badge"
+
+export default function BushStorySection() {
+  return (
+    <section data-vula-section="bushstory" id="bush-story" className="py-24 bg-[#0f1712]">
+      <div className="max-w-7xl mx-auto px-4">
+        <div className="flex items-center gap-4 justify-center mb-4">
+          <span className="h-px w-14 bg-[#d4af37]" />
+          <span className="text-[#d4af37] font-sans tracking-[0.2em] uppercase text-xs">Our Heritage</span>
+          <span className="h-px w-14 bg-[#d4af37]" />
+        </div>
+        <h2 className="font-serif text-4xl md:text-5xl text-[#e7eeea] text-center font-light mb-16">
+          Born from a love of the<span className="italic text-[#d4af37]"> wild</span>
+        </h2>
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+          <div className="relative h-72 lg:h-96 overflow-hidden rounded-lg border border-white/10">
+            <Image
+              src="https://images.pexels.com/photos/16448674/pexels-photo-16448674.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="KwaZulu-Natal landscape"
+              fill
+              sizes="(max-width: 1024px) 100vw, 50vw"
+              className="object-cover"
+            />
+          </div>
+          <div className="space-y-6">
+            <p className="text-[#b0c4b4] leading-relaxed">
+              Mpofana Lodge was built on a private reserve in the heart of KwaZulu-Natal&apos;s bushveld, a region where the rolling hills meet acacia-dotted plains. Our founder, a wildlife guide with two decades of deep-bush experience, envisioned a place where luxury and authenticity coexist.
+            </p>
+            <p className="text-[#b0c4b4] leading-relaxed">
+              Every suite was positioned by hand to catch the morning sun and frame the waterhole view. The lodge operates on off-grid solar power and sources fresh produce from local farms — a quiet commitment to the land that sustains us.
+            </p>
+            <Badge variant="outline" className="border-[#d4af37] text-[#d4af37] text-xs">Est. 2017 · 6 suites · 1 500 ha reserve</Badge>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}