Deploy

2026-06-23 08:39:07 +00:00
parent 21c3749c69
commit 048e2c5456
1 changed files with 43 additions and 0 deletions
@@ -0,0 +1,43 @@
 import Image from "next/image"
 export default function OurStorySection() {
  return (
    <section data-vula-section="ourstory" id="our-story" className="py-20 px-6 bg-white">
      <div className="max-w-5xl mx-auto grid md:grid-cols-2 gap-12 items-center">
        <div className="relative h-80 md:h-96 rounded-xl overflow-hidden shadow-[var(--shadow-lifted)]">
          <Image
            src="https://images.pexels.com/photos/5737831/pexels-photo-5737831.jpeg?auto=compress&cs=tinysrgb&h=350"
            alt="KwaNtofontofo guest house founders and welcoming atmosphere"
            fill
            sizes="(max-width: 768px) 100vw, 50vw"
            className="object-cover"
          />
        </div>
        <div>
          <span className="text-sm uppercase tracking-widest text-[#E67E22] font-semibold">Our Story</span>
          <h2 className="text-3xl md:text-4xl font-bold text-[#2C1810] mt-2 mb-6">
            A Sanctuary of Ubuntu & Refinement
          </h2>
          <div className="space-y-4 text-[#2C1810]/80 leading-relaxed">
            <p>
              Established in <strong>2004</strong>, KwaNtofontofo Guest House was born from a dream to create
              one of the finest hospitality experiences in KwaZulu-Natal. Nestled at
              44 Rutherford Circle, Bisley, Pietermaritzburg, we blend the warmth of
              South African <em>ubuntu</em> – the spirit of "I am because we are" – with
              British-colonial attention to detail.
            </p>
            <p>
              Just across the road lies a nature reserve where zebras graze and monkeys
              swing through the trees. We are one kilometre from Pietermaritzburg Airport
              and minutes from UKZN University and major shopping centres, yet our
              private pool and braai area make you feel worlds away.
            </p>
            <p className="italic font-medium text-[#C0392B]">
              "Drop in for that memorable experience where you will be treated like a King or Queen."
            </p>
          </div>
        </div>
      </div>
    </section>
  )
 }