diff --git a/src/app/availability/page.tsx b/src/app/availability/page.tsx
index 7e9126a..147d25d 100644
--- a/src/app/availability/page.tsx
+++ b/src/app/availability/page.tsx
@@ -5,15 +5,15 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import Link from "next/link";
-import { Calendar, MapPin, Users, AlertCircle } from "lucide-react";
+import { Calendar, Users, AlertCircle } from "lucide-react";
 
 export default function AvailabilityPage() {
   const navItems = [
-    { name: "The Villa", id: "/" },
-    { name: "Experience", id: "/" },
-    { name: "Location", id: "/" },
-    { name: "Reviews", id: "/reviews" },
-    { name: "Book Now", id: "/availability" },
+    { name: "The Villa", id: "villa" },
+    { name: "Experience", id: "experience" },
+    { name: "Location", id: "location" },
+    { name: "Reviews", id: "reviews" },
+    { name: "Book Now", id: "booking" },
   ];
 
   const footerColumns = [
@@ -113,7 +113,7 @@ export default function AvailabilityPage() {
           title="Plan Your Cretan Dream Stay"
           description="Experience luxury living above the sea. Check availability, request a booking, or get in touch with our family hosts for personalized assistance."
           tagIcon={Calendar}
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "floatingGradient" }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-vector/app-screens-set-travelling_23-2148403050.jpg"
           mediaAnimation="slide-up"