Deploy

src/components/sections/BookYourSanctuarySection.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import Button from "@/components/ui/Button"
+
+export default function BookYourSanctuarySection() {
+  return (
+    <section
+      id="book-your-sanctuary"
+      data-vula-section="book-your-sanctuary"
+      className="py-24 px-6"
+      style={{ backgroundColor: "#FDF6EC" }}
+    >
+      <div className="max-w-2xl mx-auto text-center">
+        <h2 className="text-4xl md:text-5xl font-bold mb-6" style={{ color: "#2C1810" }}>
+          Book Your Sanctuary
+        </h2>
+        <p className="text-lg mb-4" style={{ color: "#5a4a3f" }}>
+          Secure a serene escape into the heart of Kenya. Your room at Masai Suites awaits — a
+          grounded retreat where every detail whispers calm.
+        </p>
+        <p className="text-sm mb-8" style={{ color: "#7a6a5f" }}>
+          No deposit required. Free cancellation up to 48 hours before check-in.
+          Your peace of mind, guaranteed.
+        </p>
+        <Button
+          variant="default"
+          size="lg"
+          className="font-semibold rounded-full px-10 py-4"
+          style={{ backgroundColor: "#F1C40F", color: "#1a1a1a", border: "none" }}
+          href="/booking"
+        >
+          Reserve Your Stay
+        </Button>
+      </div>
+    </section>
+  )
+}