diff --git a/src/app/orders/page.tsx b/src/app/orders/page.tsx
index 932bd55..00ac847 100644
--- a/src/app/orders/page.tsx
+++ b/src/app/orders/page.tsx
@@ -9,7 +9,7 @@ import { ShoppingCart } from "lucide-react";
 
 export default function OrdersPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
@@ -31,7 +31,7 @@ export default function OrdersPage() {
             <p>Order management portal coming soon.</p>
           </div>
         </div>
-        <ContactCenter title="Bulk ordering questions?" description="Get in touch with our team for bulk pricing and logistics support." background={{ variant: "plain" }} />
+        <ContactCenter tag="Support" title="Bulk ordering questions?" description="Get in touch with our team for bulk pricing and logistics support." useInvertedBackground={false} background={{ variant: "plain" }} />
         <FooterBaseReveal logoText="BSS" columns={[{ title: "Platform", items: [{ label: "Comparison", href: "/" }, { label: "Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] }]} />
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/price-alerts/page.tsx b/src/app/price-alerts/page.tsx
index 301322f..3ea3c2d 100644
--- a/src/app/price-alerts/page.tsx
+++ b/src/app/price-alerts/page.tsx
@@ -9,7 +9,7 @@ import { Bell } from "lucide-react";
 
 export default function PriceAlertsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
@@ -31,7 +31,7 @@ export default function PriceAlertsPage() {
             <p>Alert system configuration interface coming soon.</p>
           </div>
         </div>
-        <ContactCenter title="Need custom alerts?" description="Contact us to set up advanced pricing monitoring triggers." background={{ variant: "plain" }} />
+        <ContactCenter tag="Contact" title="Need custom alerts?" description="Contact us to set up advanced pricing monitoring triggers." useInvertedBackground={false} background={{ variant: "plain" }} />
         <FooterBaseReveal logoText="BSS" columns={[{ title: "Platform", items: [{ label: "Comparison", href: "/" }, { label: "Alerts", href: "/price-alerts" }, { label: "Orders", href: "/orders" }] }]} />
       </ReactLenis>
     </ThemeProvider>