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..a0843f0 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -8,15 +8,21 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function CheckoutPage() {
   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>
-        <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" }]} />
+        </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" />
+        <div id="contact" data-section="contact">
+          <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>
+        <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/returns/page.tsx b/src/app/returns/page.tsx
index 30b8b98..68b41fd 100644
--- a/src/app/returns/page.tsx
+++ b/src/app/returns/page.tsx
@@ -8,15 +8,21 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function ReturnsPage() {
   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>
-        <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" }]} />
+        </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" />
+        <div id="contact" data-section="contact">
+          <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>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 PulseGaming" bottomRightText="Privacy Policy" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );