diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 9d06569..9d219f6 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 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">
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -19,6 +19,7 @@ export default function ContactPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="GG Goldhair"
+          button={{ text: "Book", href: "/booking" }}
         />
         <div className="pt-32 pb-20">
             <FaqSplitMedia
@@ -29,10 +30,13 @@ export default function ContactPage() {
                 { id: "f2", title: "What are your hours?", content: "Tue-Sat: 10AM - 7PM, Sun-Mon: Closed." },
               ]}
               faqsAnimation="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
             />
             <ContactText
                 text="Visit us for a consultation or give us a call to learn more."
                 background={{ variant: "radial-gradient" }}
+                useInvertedBackground={false}
             />
         </div>
         <FooterCard logoText="GG Goldhair" />