diff --git a/src/app/inventory/page.tsx b/src/app/inventory/page.tsx
index 598fa4a..e1729cc 100644
--- a/src/app/inventory/page.tsx
+++ b/src/app/inventory/page.tsx
@@ -6,28 +6,43 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function InventoryPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Price Alerts", id: "/price-alerts" },
-          { name: "Orders", id: "/orders" },
-          { name: "Inventory", id: "/inventory" },
-        ]}
-        brandName="BSS"
-      />
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      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">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Price Alerts", id: "/price-alerts" },
+            { name: "Orders", id: "/orders" },
+            { name: "Inventory", id: "/inventory" },
+          ]}
+          brandName="BSS"
+        />
+      </div>
       <main className="container mx-auto py-24 px-6">
         <h1 className="text-4xl font-bold mb-8">Inventory Management</h1>
         <div className="bg-card p-8 rounded-lg shadow-sm border">
           <p>Inventory management system interface for suppliers is currently under development. Here you will be able to manage stock levels, view tracking schemas, and integrate with our inventory update endpoints.</p>
         </div>
       </main>
-      <FooterBaseReveal
-        logoText="BSS"
-        columns={[
-          { title: "Platform", items: [{ label: "Comparison Tools", href: "#" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }, { label: "Inventory", href: "/inventory" }] },
-        ]}
-      />
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          logoText="BSS"
+          columns={[
+            { title: "Platform", items: [{ label: "Comparison Tools", href: "#" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }, { label: "Inventory", href: "/inventory" }] },
+          ]}
+        />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/promotions/page.tsx b/src/app/promotions/page.tsx
index e08ed56..a7636d1 100644
--- a/src/app/promotions/page.tsx
+++ b/src/app/promotions/page.tsx
@@ -8,19 +8,32 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function PromotionsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarStyleFullscreen 
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Price Alerts", id: "/price-alerts" },
-                { name: "Orders", id: "/orders" },
-                { name: "Promotions", id: "/promotions" },
-                { name: "About", id: "/#about" },
-                { name: "Features", id: "/#features" },
-            ]}
-            brandName="BSS"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen 
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "Price Alerts", id: "/price-alerts" },
+                  { name: "Orders", id: "/orders" },
+                  { name: "Promotions", id: "/promotions" },
+                  { name: "About", id: "/#about" },
+                  { name: "Features", id: "/#features" },
+              ]}
+              brandName="BSS"
+          />
+        </div>
         <div className="container mx-auto px-4 py-24">
             <h1 className="text-4xl font-bold mb-8">Product Promotions</h1>
             <p className="text-lg mb-12">Create and manage your supplier promotions effortlessly. Track visibility and drive sales.</p>
@@ -42,19 +55,25 @@ export default function PromotionsPage() {
                 </div>
             </div>
         </div>
-        <ContactCenter 
-          title="Need Help With Promotions?"
-          description="Contact our support team for guidance on maximizing your campaign effectiveness."
-          tag="Support"
-        />
-        <FooterBaseReveal
-          logoText="BSS"
-          columns={[
-            { title: "Platform", items: [{ label: "Comparison Tools", href: "/" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }, { label: "Promotions", href: "/promotions" }] },
-            { title: "Company", items: [{ label: "About Us", href: "/" }, { label: "Careers", href: "/" }, { label: "Press", href: "/" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "/" }] },
-          ]}
-        />
+        <div id="contact" data-section="contact">
+          <ContactCenter 
+            title="Need Help With Promotions?"
+            description="Contact our support team for guidance on maximizing your campaign effectiveness."
+            tag="Support"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="BSS"
+            columns={[
+              { title: "Platform", items: [{ label: "Comparison Tools", href: "/" }, { label: "Price Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }, { label: "Promotions", href: "/promotions" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/" }, { label: "Careers", href: "/" }, { label: "Press", href: "/" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "/" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );