diff --git a/src/app/inventory/page.tsx b/src/app/inventory/page.tsx
index f577a83..6e20f0d 100644
--- a/src/app/inventory/page.tsx
+++ b/src/app/inventory/page.tsx
@@ -1,33 +1,31 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function InventoryPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Facilities", id: "/facilities" },
-            { name: "Inventory", id: "/inventory" },
-            { name: "Schedule", id: "/schedule" },
-          ]}
+          navItems={[{ name: "Home", id: "/" }, { name: "Facilities", id: "/facilities" }, { name: "Inventory", id: "/inventory" }, { name: "Schedule", id: "/schedule" }]}
           brandName="LifeBlood"
+          button={{ text: "Account", href: "/" }}
         />
+      </div>
+      <div id="content" data-section="content">
         <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto min-h-screen">
           <h1 className="text-4xl font-bold mb-8">Blood Inventory Dashboard</h1>
           <p className="text-lg text-muted-foreground">Monitor real-time blood supply levels, blood types availability, and stock alerts.</p>
         </main>
+      </div>
+      <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="LifeBlood"
           leftLink={{ text: "Privacy Policy", href: "#" }}
           rightLink={{ text: "Contact Support", href: "mailto:support@lifeblood.com" }}
         />
-      </ReactLenis>
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file