diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index f9fc46f..48fe625 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,9 +8,21 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 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
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[
                 { name: "Hakkımda", id: "about" },
                 { name: "Hizmetler", id: "features" },
@@ -18,7 +30,8 @@ export default function ContactPage() {
                 { name: "İletişim", id: "/contact" },
             ]}
             brandName="Betül Arıkan"
-        />
+          />
+        </div>
         <div id="contact" data-section="contact">
           <ContactSplitForm
             title="Bizimle İletişime Geçin"