Update src/app/gallery/page.tsx

src/app/gallery/page.tsx

@@ -8,9 +8,11 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
 export default function GalleryPage() {
   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>
-        <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
+        </div>
         <div className="pt-32 pb-20">
             <ProductCardThree
                 title="Event Portfolio"
@@ -18,6 +20,7 @@ export default function GalleryPage() {
                 gridVariant="two-columns-alternating-heights"
                 animationType="slide-up"
                 textboxLayout="default"
+                useInvertedBackground={false}
                 products={[
                     { id: "g1", name: "Wedding Reception Setup", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=2" },
                     { id: "g2", name: "Night Party Lighting", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2" },