Deploy

2026-06-23 08:39:15 +00:00
parent ff8d52dddb
commit 8f7bc14990
1 changed files with 50 additions and 0 deletions
@@ -0,0 +1,50 @@
+'use client'
+
+import Image from 'next/image'
+import Link from 'next/link'
+import Button from '@/components/ui/Button'
+
+export default function UbuntuHeritageSection() {
+  return (
+    <section data-vula-section="ubuntuheritage" id="ubuntu-hospitality-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-96 rounded-xl overflow-hidden shadow-[var(--shadow-card)]">
+            <Image
+              src="https://images.pexels.com/photos/17942687/pexels-photo-17942687.jpeg?auto=compress&cs=tinysrgb&h=350"
+              alt="Lounge and dining area at KwaNtofontofo"
+              fill
+              className="object-cover"
+              sizes="(max-width: 1024px) 100vw, 50vw"
+            />
+          </div>
+          <div>
+            <h2 className="text-3xl lg:text-4xl font-bold text-[#2C1810] mb-6">
+              Where English Hospitality Meets Zulu Ubuntu
+            </h2>
+            <p className="text-[#2C1810]/80 leading-relaxed mb-4">
+              At KwaNtofontofo, we believe <em>umuntu ngumuntu ngabantu</em> — a person is a person through other people. 
+              Our owners built this guest house in 2004 with a clear dream: to be a home-away-from-home where every guest is 
+              welcomed not as a customer, but as family.
+            </p>
+            <p className="text-[#2C1810]/80 leading-relaxed mb-6">
+              You will find crisp English breakfasts served in the dining room, evenings around the braai by the pool, and 
+              always a warm smile. The lounge invites quiet conversation, the swimming pool offers tranquil afternoons, and 
+              the secure parking lets you sleep easy.
+            </p>
+            <div className="border-l-4 border-[#E67E22] pl-4 mb-6">
+              <p className="text-[#2C1810]/90 italic font-serif">
+                "We treat every guest like a king or queen — that is the Ntofontofo promise."
+              </p>
+            </div>
+            <Link href="#home-away-vision">
+              <Button variant="secondary" className="border-[#C0392B] text-[#C0392B] hover:bg-[#C0392B] hover:text-white">
+                Our Vision
+              </Button>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}