From 290c9a5dc7cf766b5339f2d007438697c411c942 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 1 May 2026 00:28:48 +0000
Subject: [PATCH] Bob AI: Apply glassmorphic styles to the navbar in
 Layout.tsx. This

---
 src/components/Layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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
-- 
2.49.1