Deploy

src/components/sections/WarmRegalWelcomeHeroSection.tsx

@@ -0,0 +1,36 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import Button from '@/components/ui/Button'
+
+export default function WarmRegalWelcomeHeroSection() {
+  return (
+    <section data-vula-section="warmregalwelcomehero" id="hero" className="relative h-[80vh] lg:h-[90vh] overflow-hidden">
+      <Image
+        src="https://images.pexels.com/photos/25690979/pexels-photo-25690979.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
+        alt="KwaNtofontofo guest house exterior with swimming pool and nature reserve view"
+        fill
+        sizes="100vw"
+        className="object-cover"
+        priority
+      />
+      <div className="absolute inset-0 bg-black/50" />
+      <div className="absolute inset-0 flex items-center">
+        <div className="container mx-auto px-4 text-center">
+          <h1 className="text-4xl md:text-6xl font-bold text-white mb-4">
+            Welcome to <span className="text-[#d4af37]">KwaNtofontofo</span>
+          </h1>
+          <p className="text-lg md:text-xl text-white/90 max-w-2xl mx-auto mb-8">
+            Experience complete privacy and regal comfort just 1 km from Pietermaritzburg Airport. 
+            Across the street, zebras graze and monkeys play in the nature reserve. 
+            This is your home away from home — where you are treated like royalty.
+          </p>
+          <Link href="/booking">
+            <Button variant="default" size="lg" className="bg-[#d4af37] hover:bg-[#b8962f] text-white px-8 py-3 rounded-lg font-semibold">
+              Book Your Royal Stay
+            </Button>
+          </Link>
+        </div>
+      </div>
+    </section>
+  )
+}