Merge version_1 into main

Merge version_1 into main

src/app/about/page.tsx

@@ -7,7 +7,18 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="background-highlight" borderRadius="rounded">
+    <ThemeProvider 
+      defaultButtonVariant="icon-arrow" 
+      defaultTextAnimation="background-highlight" 
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay 
           brandName="Chrystal's" 

src/app/contact/page.tsx

@@ -11,6 +11,13 @@ export default function ContactPage() {
       defaultButtonVariant="icon-arrow"
       defaultTextAnimation="background-highlight"
       borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay

src/app/gallery/page.tsx

@@ -7,7 +7,18 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
 export default function GalleryPage() {
   return (
-    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="background-highlight" borderRadius="rounded">
+    <ThemeProvider 
+      defaultButtonVariant="icon-arrow" 
+      defaultTextAnimation="background-highlight" 
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay 
           brandName="Chrystal's" 

src/app/new/page.tsx

@@ -6,7 +6,18 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
 export default function NewArrivalsPage() {
   return (
-    <ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="background-highlight" borderRadius="rounded">
+    <ThemeProvider 
+      defaultButtonVariant="icon-arrow" 
+      defaultTextAnimation="background-highlight" 
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Chrystal's"

src/app/page.tsx

@@ -13,6 +13,13 @@ export default function HomePage() {
       defaultButtonVariant="icon-arrow"
       defaultTextAnimation="background-highlight"
       borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -60,6 +67,7 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "p1", name: "Limited Edition Bourbon", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/liquor-round-bottle_176474-6072.jpg" },
             { id: "p2", name: "Vintage Cabernet", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/wine-bottle-grape-near-chalkboard_23-2147764874.jpg" },