Update src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function ShopPage() {
   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>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -18,6 +18,7 @@ export default function ShopPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="GG Goldhair"
+          button={{ text: "Book", href: "/booking" }}
         />
         <div className="pt-32 pb-20">
             <ProductCardOne
@@ -30,6 +31,8 @@ export default function ShopPage() {
               ]}
               gridVariant="three-columns-all-equal-width"
               animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
             />
         </div>
         <FooterCard logoText="GG Goldhair" />