Deploy

src/components/sections/BookingCTASection.tsx

@@ -0,0 +1,21 @@
+'use client'
+import Link from 'next/link'
+import Button from '@/components/ui/Button'
+
+export default function BookingCTASection() {
+  return (
+    <section data-vula-section="bookingcta" id="book-now" className="bg-[#ea580c] py-16 md:py-24">
+      <div className="container mx-auto px-4 text-center">
+        <h2 className="text-3xl md:text-4xl font-bold text-white mb-4">Reserve Your Slice of the Wild</h2>
+        <p className="text-lg md:text-xl text-white/90 mb-8 max-w-2xl mx-auto">
+          Book your luxury bush stay at Zulwini Lodge – a few clicks and you are set for an unforgettable escape into KwaZulu-Natal.
+        </p>
+        <Link href="/booking">
+          <Button variant="outline" className="border-white text-white hover:bg-white hover:text-[#ea580c] text-lg px-8 py-3">
+            Check Availability
+          </Button>
+        </Link>
+      </div>
+    </section>
+  )
+}