diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 86faa04..44f1668 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,98 +1,13 @@
 import FooterBasic from '@/components/sections/footer/FooterBasic';
 import NavbarDropdown from '@/components/ui/NavbarDropdown';
-import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
-import { StyleProvider } from "@/components/ui/StyleProvider";
 
 export default function Layout() {
-  const navItems = [
-  {
-    "name": "Home",
-    "href": "#hero"
-  },
-  {
-    "name": "About",
-    "href": "#about"
-  },
-  {
-    "name": "Menu",
-    "href": "#features"
-  },
-  {
-    "name": "Shop",
-    "href": "#products"
-  },
-  {
-    "name": "FAQ",
-    "href": "#faq"
-  },
-  {
-    "name": "Metrics",
-    "href": "#metrics"
-  },
-  {
-    "name": "Testimonials",
-    "href": "#testimonials"
-  }
-];
-
+  const navItems = [{ name: "Home", href: "#hero" }, { name: "Menu", href: "#features" }];
   return (
-    <StyleProvider buttonVariant="default" siteBackground="noise" heroBackground="gradientBars">
-      <SiteBackgroundSlot />
-      <NavbarDropdown
-      logo="Bean & Bloom"
-      ctaButton={{
-        text: "Visit Us",
-        href: "#contact",
-      }}
-     navItems={navItems} />
-      <main className="flex-grow">
-        <Outlet />
-      </main>
-      <FooterBasic
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Menu",
-              href: "#features",
-            },
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Accessibility",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      leftText="© 2024 Bean & Bloom Coffee."
-      rightText="Crafted with passion in the city center."
-    />
-    </StyleProvider>
+    <div className="min-h-screen">
+      <NavbarDropdown logo="Bean & Bloom" ctaButton={{ text: "Visit Us", href: "#contact" }} navItems={navItems} />
+      <main><Outlet /></main>
+    </div>
   );
 }