src/app/page.tsx

@@ -16,10 +16,21 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 export default function LandingPage() {
   const theme = {
     defaultButtonVariant: "text-stagger",    defaultTextAnimation: "background-highlight",    borderRadius: "pill",    contentWidth: "compact",    sizing: "mediumSizeLargeTitles",    background: "noiseDiagonalGradient",    cardStyle: "solid",    primaryButtonStyle: "flat",    secondaryButtonStyle: "solid",    headingFontWeight: "extrabold"
-  };
+  } as const;
 
   return (
-    <ThemeProvider {...theme}>
+    <ThemeProvider
+      defaultButtonVariant={theme.defaultButtonVariant}
+      defaultTextAnimation={theme.defaultTextAnimation}
+      borderRadius={theme.borderRadius}
+      contentWidth={theme.contentWidth}
+      sizing={theme.sizing}
+      background={theme.background}
+      cardStyle={theme.cardStyle}
+      primaryButtonStyle={theme.primaryButtonStyle}
+      secondaryButtonStyle={theme.secondaryButtonStyle}
+      headingFontWeight={theme.headingFontWeight}
+    >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[