Deploy

2026-06-23 08:47:45 +00:00
parent b094e967a2
commit fd50b04ab0
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>
  )
 }