Deploy

src/components/sections/OurStorySection.tsx

@@ -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>
+  )
+}