src/app/checkout/page.tsx

@@ -35,6 +35,7 @@ export default function CheckoutPage() {
             { name: "paymentInfo", type: "text", placeholder: "Card Details", required: true }
           ]}
           buttonText="Complete Purchase"
+          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>

src/app/shop/page.tsx

@@ -38,6 +38,7 @@ export default function ShopPage() {
             gridVariant="four-items-2x2-equal-grid"
             animationType="slide-up"
             textboxLayout="split"
+            useInvertedBackground={false}
             products={[
               { id: "p1", brand: "Joli", name: "Essential Cotton Tee", price: "$35", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-casual-clothes_23-2148782354.jpg" },
               { id: "p2", brand: "Joli", name: "Relaxed Fit Hoodie", price: "$65", rating: 4, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/hoodie-mockup_23-2148782354.jpg" },
@@ -58,4 +59,4 @@ export default function ShopPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}