Deploy

src/components/sections/MoltenRockStorySection.tsx

@@ -0,0 +1,43 @@
+'use client'
+
+import Image from 'next/image'
+
+export default function MoltenRockStorySection() {
+  return (
+    <section data-vula-section="moltenrockstory" id="our-story" className="py-24 bg-white">
+      <div className="max-w-7xl mx-auto px-4">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+          <div className="relative h-[400px] lg:h-[500px] overflow-hidden rounded-3xl shadow-soft">
+            <Image
+              src="https://images.pexels.com/photos/16448674/pexels-photo-16448674.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="Ancient rock formations at Molten Rock Private Reserve"
+              fill
+              sizes="(max-width: 1024px) 100vw, 50vw"
+              className="object-cover"
+            />
+          </div>
+          <div>
+            <h2 className="text-4xl md:text-5xl font-bold text-[#1f2b33] mb-6" style={{ fontFamily: 'Sora, sans-serif' }}>
+              A land shaped by fire, <span className="text-[#d4af37]">preserved by purpose</span>
+            </h2>
+            <div className="space-y-4 text-[#36454F]/80 leading-relaxed">
+              <p>
+                One hundred million years ago, molten magma pushed through ancient granite — cooling into the iconic 
+                'koppies' that give our reserve its name. Today, these towering rock formations watch over a landscape 
+                that has been rewilded with care: elephant, lion, leopard, and rhino roam across sixty thousand hectares 
+                of riverine forest and open savannah.
+              </p>
+              <p>
+                Our family's conservation vision was deliberate: limit guests to six suites so the land breathes. 
+                No convoys. No crowds. Only the sounds of the bush and the quiet privilege of being part of something larger.
+              </p>
+              <p className="italic text-[#d4af37]">
+                "We are not owners of this wilderness — we are its guardians."
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}