Deploy

src/components/sections/VendaWelcomeHeroSection.tsx

@@ -0,0 +1,35 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import Button from '@/components/ui/Button'
+
+export default function VendaWelcomeHeroSection() {
+  return (
+    <section data-vula-section="vendawelcomehero" id="welcome-hero" className="relative h-screen flex items-center justify-center overflow-hidden">
+      <Image
+        src="https://images.pexels.com/photos/36464518/pexels-photo-36464518.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
+        alt="Sweeping view of Limpopo bushveld with terracotta lodge architecture"
+        fill
+        sizes="100vw"
+        className="object-cover"
+        priority
+      />
+      <div className="absolute inset-0 bg-gradient-to-b from-[#0d2114]/70 to-[#0d2114]/40" />
+      <div className="relative z-10 text-center max-w-3xl px-6">
+        <p className="text-[#d4af37] text-lg md:text-xl italic mb-4 font-serif">
+          "Muthu ndi muthu nga vhathu — A person is a person through others"
+        </p>
+        <h1 className="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
+          Where Venda Heritage Meets Modern Comfort
+        </h1>
+        <p className="text-lg md:text-xl text-[#f4f9f5] mb-8 max-w-xl mx-auto">
+          Six distinct rooms, handcrafted decor, and the warmth of Limpopo's ancient culture — your retreat awaits.
+        </p>
+        <Link href="/booking">
+          <Button variant="default" size="lg" className="bg-[#16a34a] hover:bg-[#15803d] text-white px-8 py-3 rounded-full text-lg">
+            Explore Our Rooms
+          </Button>
+        </Link>
+      </div>
+    </section>
+  )
+}