6 changed files with 58 additions and 42 deletions
--- 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>
--- 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>
  );
--- 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>
--- 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>
--- 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>
--- 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>
  );