Deploy

src/components/sections/BookingCTASection.tsx

@@ -0,0 +1,21 @@
+'use client'
+
+import Button from "@/components/ui/Button"
+
+export default function BookingCTASection() {
+  return (
+    <section data-vula-section="bookingcta" id="book-now" className="bg-[#C0392B] py-20 px-6">
+      <div className="max-w-4xl mx-auto text-center">
+        <h2 className="text-4xl md:text-5xl font-bold text-white mb-4">
+          Ready to experience KwaNtofontofo?
+        </h2>
+        <p className="text-lg text-white/90 mb-8 max-w-2xl mx-auto">
+          1 km from Pietermaritzburg Airport, en-suite luxury, wildlife at your doorstep.
+        </p>
+        <Button variant="default" size="lg" className="bg-[#F1C40F] text-black hover:bg-yellow-400 font-semibold px-8 py-4 text-lg">
+          <a href="/booking">Book Your Stay</a>
+        </Button>
+      </div>
+    </section>
+  )
+}