Deploy

2026-07-14 19:09:02 +00:00
parent cf8f05873f
commit a34fed8b3c
1 changed files with 43 additions and 0 deletions
@@ -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>
  )
 }