diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
index 8f12f52..a7675db 100644
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -7,17 +7,30 @@ import ProductCart from '@/components/ecommerce/cart/ProductCart';
 
 export default function CartPage() {
   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: "Products", id: "/products" },
-            { name: "Cart", id: "/cart" },
-            { name: "Checkout", id: "/checkout" }
-          ]} 
-          brandName="E-Store" 
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" }
+            ]}
+            brandName="E-Store"
+          />
+        </div>
         <div className="pt-24 pb-12">
           <ProductCart isOpen={true} onClose={() => {}} items={[]} total="₹0" buttons={[{ text: "Proceed to Checkout", href: "/checkout" }]} />
         </div>
diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index efd85fb..a6f0f55 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -6,17 +6,30 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 
 export default function CheckoutPage() {
   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: "Products", id: "/products" },
-            { name: "Cart", id: "/cart" },
-            { name: "Checkout", id: "/checkout" }
-          ]} 
-          brandName="E-Store" 
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" }
+            ]}
+            brandName="E-Store"
+          />
+        </div>
         <div className="min-h-screen pt-32 px-6 text-center">
             <h1 className="text-4xl font-bold mb-4">Checkout</h1>
             <p>Secure payment portal under construction.</p>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 38a314e..de36955 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,120 +20,115 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeMediumTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="outline"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Products", id: "products" },
-        { name: "Tools", id: "tools" },
-        { name: "Strategy", id: "strategy" },
-        { name: "About", id: "about" },
-        { name: "FAQ", id: "faq" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="E-Store"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" },
+            ]}
+            brandName="E-Store"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{ variant: "sparkles-gradient" }}
-      title="Style That Speaks Volumes"
-      description="Discover premium quality products curated for your modern lifestyle. Fast delivery across India."
-      mediaItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/premium-clothing-showcase-hero-banner-fo-1774673703512-e98bd6df.png", imageAlt: "Fashion" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/professional-tech-gadgets-display-on-a-c-1774673703226-5b5b7faf.png", imageAlt: "Tech" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="Style That Speaks Volumes"
+            description="Discover premium quality products curated for your modern lifestyle. Fast delivery across India."
+            mediaItems={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/premium-clothing-showcase-hero-banner-fo-1774673703512-e98bd6df.png", imageAlt: "Fashion" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/professional-tech-gadgets-display-on-a-c-1774673703226-5b5b7faf.png", imageAlt: "Tech" },
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      products={[
-        { id: "1", name: "Premium Jacket", price: "₹2,999", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/high-quality-fashion-jacket-white-backgr-1774673701444-4d77b32f.png" },
-        { id: "2", name: "Wireless Audio", price: "₹4,599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/modern-wireless-headphones-clean-design--1774673701251-3b3d5bf6.png" },
-        { id: "3", name: "Leather Handbag", price: "₹1,899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/handcrafted-leather-bag-high-quality-mat-1774673701846-dcc8cc5a.png" },
-      ]}
-      title="Trending Now"
-      description="Our most popular picks of the season."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Premium Jacket", price: "₹2,999", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/high-quality-fashion-jacket-white-backgr-1774673701444-4d77b32f.png" },
+              { id: "2", name: "Wireless Audio", price: "₹4,599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/modern-wireless-headphones-clean-design--1774673701251-3b3d5bf6.png" },
+              { id: "3", name: "Leather Handbag", price: "₹1,899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYkvOiW4e2ve8KGBTgSVIQr79g/handcrafted-leather-bag-high-quality-mat-1774673701846-dcc8cc5a.png" },
+            ]}
+            title="Trending Now"
+            description="Our most popular picks of the season."
+          />
+        </div>
 
-  <div id="tools" data-section="tools">
-    <FeatureCardEight
-      title="E-commerce Toolset"
-      description="Free and paid tools to streamline operations."
-      textboxLayout="default"
-      features={[
-        { id: 1, title: "Marketing Automation", description: "Mailchimp (Free tier available) for email campaigns.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=200&h=200" },
-        { id: 2, title: "Advanced Analytics", description: "Google Analytics & Shopify Insights for data-driven decisions.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=200&h=200" }
-      ]}
-    />
-  </div>
+        <div id="tools" data-section="tools">
+          <FeatureCardEight
+            title="E-commerce Toolset"
+            description="Free and paid tools to streamline operations."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Marketing Automation", description: "Mailchimp (Free tier available) for email campaigns.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=200&h=200" },
+              { id: 2, title: "Advanced Analytics", description: "Google Analytics & Shopify Insights for data-driven decisions.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=200&h=200" }
+            ]}
+          />
+        </div>
 
-  <div id="strategy" data-section="strategy">
-    <TimelineHorizontalCardStack
-      title="Business Growth Roadmap"
-      description="Step-by-step plan for scaling revenue and profit."
-      textboxLayout="default"
-    >
-      <p>1. Foundation: Inventory & Logistics Optimization.</p>
-      <p>2. Growth: Customer Acquisition through Social Ads.</p>
-      <p>3. Retention: Loyalty Programs for long-term profit.</p>
-    </TimelineHorizontalCardStack>
-  </div>
+        <div id="strategy" data-section="strategy">
+          <TimelineHorizontalCardStack
+            title="Business Growth Roadmap"
+            description="Step-by-step plan for scaling revenue and profit."
+            textboxLayout="default"
+            animationType="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Why Choose Us?"
-      description={[
-        "At E-Store, we prioritize quality, authenticity, and customer satisfaction.",        "Our platform ensures a smooth shopping experience tailored for India."]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Why Choose Us?"
+            description={["At E-Store, we prioritize quality, authenticity, and customer satisfaction.", "Our platform ensures a smooth shopping experience tailored for India."]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "What payment methods?", content: "UPI, Cards, Wallets." },
-        { id: "f2", title: "Shipping?", content: "3-7 business days." },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about shopping with us."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "What payment methods?", content: "UPI, Cards, Wallets." },
+              { id: "f2", title: "Shipping?", content: "3-7 business days." },
+            ]}
+            title="Common Questions"
+            description="Everything you need to know about shopping with us."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Need consulting on your monetization strategy?"
-      buttons={[{ text: "Reach Out", href: "mailto:support@estore.com" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Need consulting on your monetization strategy?"
+            buttons={[{ text: "Reach Out", href: "mailto:support@estore.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Shop", href: "#products" }, { label: "Tools", href: "#tools" }] },
-        { items: [{ label: "Strategy", href: "#strategy" }, { label: "Contact", href: "#contact" }] },
-      ]}
-      logoText="E-Store"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Shop", href: "#products" }, { label: "Tools", href: "#tools" }] },
+              { items: [{ label: "Strategy", href: "#strategy" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            logoText="E-Store"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 658363d..522e71f 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -7,23 +7,37 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
 export default function ProductListingPage() {
   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: "Products", id: "/products" },
-            { name: "Cart", id: "/cart" },
-            { name: "Checkout", id: "/checkout" }
-          ]} 
-          brandName="E-Store" 
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/products" },
+              { name: "Cart", id: "/cart" },
+              { name: "Checkout", id: "/checkout" }
+            ]}
+            brandName="E-Store"
+          />
+        </div>
         <ProductCardThree
             animationType="slide-up"
             textboxLayout="default"
             gridVariant="four-items-2x2-equal-grid"
             title="All Products"
             description="Browse our full collection."
+            useInvertedBackground={false}
             products={[]}
         />
       </ReactLenis>