src/app/contact/page.tsx

@@ -6,7 +6,18 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 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"
+    >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
@@ -22,8 +33,9 @@ export default function ContactPage() {
           background={{ variant: "animated-grid" }}
           useInvertedBackground={false}
           mediaAnimation="slide-up"
+          mediaPosition="right"
         />
       </div>
     </ThemeProvider>
   );
-}
+}