diff --git a/src/app/admin/dashboard/page.tsx b/src/app/admin/dashboard/page.tsx
index 493bb43..363ee95 100644
--- a/src/app/admin/dashboard/page.tsx
+++ b/src/app/admin/dashboard/page.tsx
@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { TrendingUp, Users, DollarSign, Activity } from "lucide-react";
 
 export default function AdminDashboardPage() {
   return (
@@ -68,6 +67,7 @@ export default function AdminDashboardPage() {
               { title: "Support", items: [{ label: "Documentation", href: "#" }] },
             ]}
             bottomLeftText="© 2024 PulseGaming Admin."
+            bottomRightText=""
           />
         </div>
       </ReactLenis>
diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 73de7a4..643c0c2 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -8,15 +8,19 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function CheckoutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Checkout", id: "/checkout" }, { name: "Returns", id: "/returns" }]} brandName="PulseGaming" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Checkout", id: "/checkout" }, { name: "Returns", id: "/returns" }]} brandName="PulseGaming" />
+        </div>
         <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-4xl font-bold mb-8">Checkout</h1>
             <p>Your items are ready. Please complete your details to finish your order.</p>
         </div>
-        <ContactCTA tag="Support" title="Need help with checkout?" description="Reach out if you have any trouble finishing your order." buttons={[{ text: "Support", href: "#" }]} />
-        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 PulseGaming" bottomRightText="Privacy Policy" />
+        <ContactCTA tag="Support" title="Need help with checkout?" description="Reach out if you have any trouble finishing your order." buttons={[{ text: "Support", href: "#" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 PulseGaming" bottomRightText="Privacy Policy" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 055e83e..ca2d32f 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -6,23 +6,26 @@ import ContactForm from '@/components/form/ContactForm';
 
 export default function LoginPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Products", id: "/products" },
-          { name: "Features", id: "/features" },
-          { name: "Login", id: "/login" },
-          { name: "Register", id: "/register" },
-        ]}
-        brandName="PulseGaming"
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Features", id: "/features" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="PulseGaming"
+        />
+      </div>
       <div className="min-h-screen flex items-center justify-center pt-24">
         <ContactForm 
             tag="Login"
             title="Welcome Back"
             description="Log in to access your account and manage your orders."
             buttonText="Log In"
+            useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index a21bb0f..1f8d44c 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -5,17 +5,19 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 
 export default function ProfilePage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Products", id: "/products" },
-          { name: "Features", id: "/features" },
-          { name: "Login", id: "/login" },
-          { name: "Register", id: "/register" },
-        ]}
-        brandName="PulseGaming"
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Features", id: "/features" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="PulseGaming"
+        />
+      </div>
       <div className="min-h-screen pt-32 px-8">
         <h1 className="text-4xl font-bold">My Profile</h1>
         <p className="mt-4 text-lg opacity-70">Account management settings will be displayed here.</p>
diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index fd95625..4ce5e4e 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -6,23 +6,26 @@ import ContactForm from '@/components/form/ContactForm';
 
 export default function RegisterPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Products", id: "/products" },
-          { name: "Features", id: "/features" },
-          { name: "Login", id: "/login" },
-          { name: "Register", id: "/register" },
-        ]}
-        brandName="PulseGaming"
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Features", id: "/features" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="PulseGaming"
+        />
+      </div>
       <div className="min-h-screen flex items-center justify-center pt-24">
         <ContactForm 
             tag="Register"
             title="Create Account"
             description="Join the community and get early access to new product drops."
             buttonText="Register"
+            useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/returns/page.tsx b/src/app/returns/page.tsx
index 30b8b98..696b4d0 100644
--- a/src/app/returns/page.tsx
+++ b/src/app/returns/page.tsx
@@ -8,15 +8,19 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function ReturnsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Checkout", id: "/checkout" }, { name: "Returns", id: "/returns" }]} brandName="PulseGaming" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Checkout", id: "/checkout" }, { name: "Returns", id: "/returns" }]} brandName="PulseGaming" />
+        </div>
         <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
             <h1 className="text-4xl font-bold mb-8">Returns</h1>
             <p>Need to return an item? Our process is simple and hassle-free.</p>
         </div>
-        <ContactCTA tag="Returns" title="Questions about returns?" description="Our support team is here to assist with any return requests." buttons={[{ text: "Contact", href: "#" }]} />
-        <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 PulseGaming" bottomRightText="Privacy Policy" />
+        <ContactCTA tag="Returns" title="Questions about returns?" description="Our support team is here to assist with any return requests." buttons={[{ text: "Contact", href: "#" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 PulseGaming" bottomRightText="Privacy Policy" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );