From e827d1dd84458c89529e6d056b5826ce30ef58b7 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Tue, 23 Jun 2026 08:39:01 +0000
Subject: [PATCH] Deploy

---
 .../sections/KwaNtofontofoStorySection.tsx    | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/components/sections/KwaNtofontofoStorySection.tsx

diff --git a/src/components/sections/KwaNtofontofoStorySection.tsx b/src/components/sections/KwaNtofontofoStorySection.tsx
new file mode 100644
index 0000000..9b3a831
--- /dev/null
+++ b/src/components/sections/KwaNtofontofoStorySection.tsx
@@ -0,0 +1,54 @@
+import Image from 'next/image'
+import { Car, Coffee, MapPin, Sun, Tag, Waves, Wifi } from 'lucide-react'
+
+export default function KwaNtofontofoStorySection() {
+  return (
+    <section data-vula-section="kwantofontofostory" id="our-story" className="py-20 bg-white">
+      <div className="container mx-auto px-4">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+          <div className="relative h-80 lg:h-[500px] overflow-hidden rounded-xl">
+            <Image
+              src="https://images.pexels.com/photos/3215519/pexels-photo-3215519.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="KwaNtofontofo guest house with peaceful outdoor area"
+              fill
+              sizes="(max-width: 768px) 100vw, 50vw"
+              className="object-cover"
+            />
+          </div>
+          <div>
+            <h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Our Story — A Home Away from Home</h2>
+            <div className="space-y-4 text-gray-600 leading-relaxed">
+              <p>
+                KwaNtofontofo was born in 2004 with a clear dream: to become one of the finest guest houses in KwaZulu-Natal. 
+                Nestled at <strong>44 Rutherford Circle, Bisley, Pietermaritzburg</strong>, we offer a sanctuary of complete privacy 
+                where you can unwind and feel truly at home. Just across the street, a nature reserve hosts zebras grazing and monkeys 
+                swinging in the trees — a daily reminder of the natural beauty surrounding us.
+              </p>
+              <p>
+                Our vision is to be synonymous with the highest professional standards, with staff equipped to welcome guests from all 
+                walks of life. Our mission: to provide excellent, efficient, and professional services within safe, affordable, and 
+                accessible facilities — exceeding expectations through trained staff who live the spirit of <em>ubuntu</em>.
+              </p>
+              <p>
+                <strong>What awaits you:</strong> tea and coffee in your room, free secure parking monitored by a burglar alarm, 
+                Wi-Fi throughout, laundry service, a refreshing swimming pool with a tranquil entertainment area and braai facilities, 
+                and a delicious traditional English breakfast served daily (dinner available on request). Whether you are a business 
+                traveler, a UKZN academic, an airport transit guest, or a leisure tourist, we promise a memorable experience — treated 
+                like a king or queen from the moment you arrive.
+              </p>
+            </div>
+            <div className="mt-8 flex flex-wrap gap-4">
+              <div className="flex items-center gap-2 text-sm text-gray-500"><MapPin size={16} className="text-[#d4af37]" /> 1 km from airport, 4 km from UKZN</div>
+              <div className="flex items-center gap-2 text-sm text-gray-500"><Coffee size={16} className="text-[#d4af37]" /> Tea &amp; Coffee</div>
+              <div className="flex items-center gap-2 text-sm text-gray-500"><Car size={16} className="text-[#d4af37]" /> Free Secure Parking</div>
+              <div className="flex items-center gap-2 text-sm text-gray-500"><Wifi size={16} className="text-[#d4af37]" /> Wi-Fi</div>
+              <div className="flex items-center gap-2 text-sm text-gray-500"><Tag size={16} className="text-[#d4af37]" /> Laundry Service</div>
+              <div className="flex items-center gap-2 text-sm text-gray-500"><Waves size={16} className="text-[#d4af37]" /> Swimming Pool</div>
+              <div className="flex items-center gap-2 text-sm text-gray-500"><Sun size={16} className="text-[#d4af37]" /> Breakfast Available</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file