src/app/contact/page.tsx

@@ -7,7 +7,18 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function ContactPage() {
   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"
+    >
       <NavbarLayoutFloatingOverlay
         navItems={[
           { name: "Shop", id: "/products" },

src/app/faq/page.tsx

@@ -7,7 +7,18 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function FaqPage() {
   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"
+    >
       <NavbarLayoutFloatingOverlay
         navItems={[
           { name: "Shop", id: "/products" },
@@ -23,6 +34,7 @@ export default function FaqPage() {
         description="Everything you need to know about our curation and shipping process."
         faqsAnimation="slide-up"
         textboxLayout="default"
+        useInvertedBackground={false}
         faqs={[
           { id: "1", title: "How do you source your vintage?", content: "We source pieces through curated collections and verified archives to ensure quality and authenticity." },
           { id: "2", title: "What is your shipping policy?", content: "We offer worldwide shipping with tracking information provided for every order." }

src/app/how-it-works/page.tsx

@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Zap, Package, ShoppingBag } from "lucide-react";
 
 export default function HowItWorksPage() {
   return (
@@ -38,6 +37,7 @@ export default function HowItWorksPage() {
                 title="The Vintage Curation Process"
                 description="From sourcing rare finds to restoring quality, here is how we bring you the ultimate vintage experience."
                 textboxLayout="split-description"
+                animationType="opacity"
                 items={[
                     {
                         trigger: "1. Sourcing",                        content: "Our team travels globally to handpick one-of-a-kind vintage items, focusing on high-quality fabrics and timeless streetwear silhouettes.",                        imageOne: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C374B1YD0AKUmGNpzIynXP84Ag/uploaded-1775602334039-leqsugjz.png?_wi=2"
@@ -64,4 +64,4 @@ export default function HowItWorksPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/subscription-plans/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Gem, Sparkles, Star } from "lucide-react";
+import { Star, Sparkles, Gem } from "lucide-react";
 
 export default function SubscriptionPlansPage() {
   return (
@@ -39,6 +39,7 @@ export default function SubscriptionPlansPage() {
                 description="Choose the plan that fits your style. Unlock exclusive drops, early access, and curated vintage selections."
                 animationType="depth-3d"
                 textboxLayout="split-description"
+                useInvertedBackground={false}
                 plans={[
                     {
                         id: "essential",                        badge: "Starter",                        badgeIcon: Star,
@@ -68,4 +69,4 @@ export default function SubscriptionPlansPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}