Deploy

src/components/sections/PlanYourRoyalStayCTASection.tsx

@@ -0,0 +1,39 @@
+import Image from "next/image"
+import Link from "next/link"
+import Button from "@/components/ui/Button"
+
+export default function PlanYourRoyalStayCTASection() {
+  return (
+    <section
+      id="book-now"
+      data-vula-section="plantoyourroyalstayctasection"
+      className="relative flex items-center justify-center py-24 md:py-32 px-4 overflow-hidden"
+    >
+      <div className="absolute inset-0">
+        <Image
+          src="https://images.pexels.com/photos/9131039/pexels-photo-9131039.jpeg?auto=compress&cs=tinysrgb&w=1200&h=600&fit=crop"
+          alt="Luxurious guest house room with warm lighting"
+          fill
+          sizes="(max-width: 768px) 100vw, 100vw"
+          className="object-cover brightness-50"
+          priority
+        />
+      </div>
+      <div className="relative z-10 max-w-2xl text-center text-white">
+        <h2 className="text-4xl md:text-5xl font-bold mb-4">Reserve Your Royal Stay</h2>
+        <p className="text-lg md:text-xl mb-8 opacity-90">
+          Enjoy a private, air-conditioned haven just 1 km from the airport. Limited exclusive rooms available — book now for a truly regal experience.
+        </p>
+        <Link href="/booking">
+          <Button
+            variant="default"
+            size="lg"
+            className="bg-[#d4af37] hover:bg-[#b8962e] text-white px-8 py-4 text-lg font-semibold shadow-lg"
+          >
+            Reserve Your Royal Stay
+          </Button>
+        </Link>
+      </div>
+    </section>
+  )
+}