src/app/about/page.tsx

@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleCentered 
           navItems={[

src/app/pricing/page.tsx

@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function PricingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleCentered 
           navItems={[
@@ -25,6 +25,7 @@ export default function PricingPage() {
           textboxLayout="default"
           title="Bulk Wholesale Pricing"
           description="Flexible volume-based pricing for restaurants and grocery retailers. Request a custom quote based on your weekly inventory needs."
+          useInvertedBackground={false}
           plans={[
             { id: "tier-1", title: "Standard Wholesale", price: "Variable", period: "per case", features: ["Tiered volume pricing", "Standard delivery", "Quality inspection"], button: { text: "Contact Sales", href: "/#contact" } },
             { id: "tier-2", title: "Enterprise Partner", price: "Custom", period: "monthly contract", features: ["Priority fulfillment", "Dedicated account manager", "Flat rate shipping", "Predictive restocking"], button: { text: "Request Proposal", href: "/#contact" } }