diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 60e4b4e..738e026 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -19,12 +19,19 @@ export default function LandingPage() {
     { name: "Contact", id: "/contact" }
   ];
 
-  const themeProps = {
-    defaultButtonVariant: "bounce-effect",    defaultTextAnimation: "background-highlight",    borderRadius: "soft",    contentWidth: "smallMedium",    sizing: "mediumLargeSizeLargeTitles",    background: "circleGradient",    cardStyle: "soft-shadow",    primaryButtonStyle: "radial-glow",    secondaryButtonStyle: "radial-glow",    headingFontWeight: "normal"
-  };
-
   return (
-    <ThemeProvider {...themeProps}>
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen