diff --git a/src/app/brands/page.tsx b/src/app/brands/page.tsx
index d21ce58..897f36e 100644
--- a/src/app/brands/page.tsx
+++ b/src/app/brands/page.tsx
@@ -7,22 +7,37 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function BrandsPage() {
   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: "Courses", id: "courses" },
-            { name: "Brands", id: "/brands" },
-            { name: "Partnerships", id: "/partnerships" },
-          ]}
-          brandName="GrowthLab"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "courses" },
+              { name: "Brands", id: "/brands" },
+              { name: "Partnerships", id: "/partnerships" },
+            ]}
+            brandName="GrowthLab"
+          />
+        </div>
         <main className="min-h-screen pt-24 px-6 flex flex-col items-center justify-center">
           <h1 className="text-4xl font-bold mb-4">Our Brands</h1>
           <p>Learn more about the brands we work with.</p>
         </main>
-        <FooterBaseReveal logoText="GrowthLab" columns={[]} />
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal logoText="GrowthLab" columns={[]} leftLink={{text: "Home", href: "/"}} rightLink={{text: "Contact", href: "/contact"}} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/partnerships/page.tsx b/src/app/partnerships/page.tsx
index daaed7c..d9ff3c8 100644
--- a/src/app/partnerships/page.tsx
+++ b/src/app/partnerships/page.tsx
@@ -7,22 +7,37 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function PartnershipsPage() {
   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: "Courses", id: "courses" },
-            { name: "Brands", id: "/brands" },
-            { name: "Partnerships", id: "/partnerships" },
-          ]}
-          brandName="GrowthLab"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "courses" },
+              { name: "Brands", id: "/brands" },
+              { name: "Partnerships", id: "/partnerships" },
+            ]}
+            brandName="GrowthLab"
+          />
+        </div>
         <main className="min-h-screen pt-24 px-6 flex flex-col items-center justify-center">
           <h1 className="text-4xl font-bold mb-4">Partnerships</h1>
           <p>Discover how to partner with GrowthLab.</p>
         </main>
-        <FooterBaseReveal logoText="GrowthLab" columns={[]} />
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal logoText="GrowthLab" columns={[]} leftLink={{text: "Home", href: "/"}} rightLink={{text: "Contact", href: "/contact"}} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );