diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index d4ea550..6bdb61a 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,21 +8,33 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="Firenze"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Collections", id: "/gallery" },
+            { name: "Catalog", id: "/catalog" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "View Catalog", href: "/gallery" }}
         />
         <ContactText
           text="Get in Touch with Our Artisans"
           background={{ variant: "canvas-reveal" }}
           buttons={[{ text: "Submit Inquiry", href: "#" }]}
+          useInvertedBackground={false}
           className="pt-32 pb-24"
         />
         <FooterBase