src/app/page.tsx

@@ -1,17 +1,7 @@
 "use client";
 
 import {
-  ThemeProvider,
-  CTAButtonVariant,
-  AnimationType,
-  BorderRadiusPreset,
-  ContentWidthPreset,
-  SizingPreset,
-  BackgroundType,
-  CardStyleVariant,
-  PrimaryButtonStyleVariant,
-  SecondaryButtonStyleVariant,
-  HeadingFontWeight
+  ThemeProvider
 } from "@/providers/themeProvider/ThemeProvider";
 import { DM_Sans } from "next/font/google";
 
@@ -21,16 +11,7 @@ const dmSans = DM_Sans({
 
 export default function LandingPage() {
   const theme = {
-    defaultButtonVariant: "directional-hover" as CTAButtonVariant,
-    defaultTextAnimation: "entrance-slide" as AnimationType,
-    borderRadius: "soft" as BorderRadiusPreset,
-    contentWidth: "mediumSmall" as ContentWidthPreset,
-    sizing: "largeSmallSizeLargeTitles" as SizingPreset,
-    background: "noise" as BackgroundType,
-    cardStyle: "layered-gradient" as CardStyleVariant,
-    primaryButtonStyle: "diagonal-gradient" as PrimaryButtonStyleVariant,
-    secondaryButtonStyle: "layered" as SecondaryButtonStyleVariant,
-    headingFontWeight: "normal" as HeadingFontWeight
+    defaultButtonVariant: "directional-hover",    defaultTextAnimation: "entrance-slide",    borderRadius: "soft",    contentWidth: "mediumSmall",    sizing: "largeSmallSizeLargeTitles",    background: "noise",    cardStyle: "layered-gradient",    primaryButtonStyle: "diagonal-gradient",    secondaryButtonStyle: "layered",    headingFontWeight: "normal"
   };
 
   return (