diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 6f85474..aa91e83 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,5 +1,5 @@
 import FooterBrand from '@/components/sections/footer/FooterBrand';
-import NavbarDropdown from '@/components/ui/NavbarDropdown';
+import NavbarFloating from '@/components/ui/NavbarFloating'; // Changed from NavbarDropdown
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
 import { StyleProvider } from "@/components/ui/StyleProvider";
@@ -39,14 +39,14 @@ export default function Layout() {
   return (
     <StyleProvider buttonVariant="elastic" siteBackground="noise" heroBackground="cornerGlow">
       <SiteBackgroundSlot />
-      <NavbarDropdown
+      <NavbarFloating // Changed from NavbarDropdown
       logo="San Diego Trattoria"
       ctaButton={{
         text: "Book Table",
         href: "#contact",
       }}
      navItems={navItems} />
-      <main className="flex-grow">
+      <main className="flex-grow pt-24"> {/* Added pt-24 for body offset */}
         <Outlet />
       </main>
       <FooterBrand