Update src/app/booking/page.tsx

src/app/booking/page.tsx

@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function BookingPage() {
   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={[
@@ -18,6 +18,7 @@ export default function BookingPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="GG Goldhair"
+          button={{ text: "Contact", href: "/contact" }}
         />
         <div className="pt-32 pb-20">
             <ContactSplitForm
@@ -27,6 +28,7 @@ export default function BookingPage() {
                 multiSelect={{ name: "service", label: "Select Service", options: ["Cut & Style", "Coloring", "Deep Conditioning Treatment"] }}
                 textarea={{ name: "notes", placeholder: "Any special requests?" }}
                 buttonText="Confirm Booking"
+                useInvertedBackground={false}
             />
         </div>
         <FooterCard logoText="GG Goldhair" />