Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -8,18 +8,20 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 
 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>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "About", id: "/about" },
-                { name: "Services", id: "/services" },
-                { name: "Reviews", id: "/reviews" },
-                { name: "Contact", id: "/contact" },
-            ]}
-            brandName="One Smile"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Reviews", id: "/reviews" },
+                  { name: "Contact", id: "/contact" },
+              ]}
+              brandName="One Smile"
+          />
+        </div>
         <div className="pt-32 pb-20 px-6">
           <div className="max-w-2xl mx-auto mb-16 p-8 bg-card rounded-xl shadow-lg">
             <h2 className="text-2xl font-bold mb-6">Our Clinic in Tashkent</h2>
@@ -32,6 +34,8 @@ export default function ContactPage() {
               title="Book Your Appointment"
               description="We look forward to providing you with the best dental care in Tashkent."
               buttons={[{ text: "Call Now", href: "tel:+998334790666" }]}
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
           />
         </div>
         <FooterLogoEmphasis