src/app/blog/page.tsx

@@ -7,7 +7,7 @@ import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 
 export default function BlogPage() {
   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">
       <NavbarStyleCentered
         navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
         brandName="Prestige Packaging"

src/app/commitments/page.tsx

@@ -8,7 +8,7 @@ import FeatureHoverPattern from '@/components/sections/feature/featureHoverPatte
 
 export default function CommitmentsPage() {
   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">
       <NavbarStyleCentered
         navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
         brandName="Prestige Packaging"

src/app/contact/page.tsx

@@ -7,7 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function ContactPage() {
   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">
       <NavbarStyleCentered
         navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
         brandName="Prestige Packaging"
@@ -18,6 +18,7 @@ export default function ContactPage() {
           description="Have questions about our packaging solutions? Our team is here to help."
           tag="Support"
           background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
         />
       </div>
       <FooterBaseReveal

src/app/portfolio/page.tsx

@@ -6,9 +6,16 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function PortfolioPage() {
   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">
       <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
-      <ProductCardFour animationType="slide-up" gridVariant="bento-grid" textboxLayout="split" title="Packaging Portfolio" description="A selection of our premium bespoke projects." />
+      <ProductCardFour 
+        animationType="slide-up" 
+        gridVariant="bento-grid" 
+        textboxLayout="split" 
+        title="Packaging Portfolio" 
+        description="A selection of our premium bespoke projects." 
+        useInvertedBackground={false}
+      />
     </ThemeProvider>
   );
 }

src/app/process/page.tsx

@@ -7,7 +7,7 @@ import { Zap, Shield, Leaf } from "lucide-react";
 
 export default function ProcessPage() {
   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">
       <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
       <FeatureHoverPattern 
         animationType="slide-up" 

src/app/savoir-faire/page.tsx

@@ -6,9 +6,13 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function SavoirFairePage() {
   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">
       <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Savoir-Faire", id: "/savoir-faire"}, {name: "Portfolio", id: "/portfolio"}, {name: "Process", id: "/process"}, {name: "Contact", id: "/contact"}]} />
-      <TextSplitAbout title="Our Savoir-Faire" description={["Decades of engineering refinement.", "We combine traditional craftsmanship with modern automated precision."]} />
+      <TextSplitAbout 
+        title="Our Savoir-Faire" 
+        description={["Decades of engineering refinement.", "We combine traditional craftsmanship with modern automated precision."]} 
+        useInvertedBackground={false}
+      />
     </ThemeProvider>
   );
 }