src/app/booking/page.tsx

@@ -3,9 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { Calendar } from "lucide-react";
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function BookingPage() {
   return (
@@ -23,7 +22,7 @@ export default function BookingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "/" },
               { name: "Book Appointment", id: "/booking" },
@@ -49,7 +48,7 @@ export default function BookingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterLogoEmphasis
             logoText="HennaArt"
             columns={[
               {