diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5f8d9fb..0434e6a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,24 @@
+'use client';
+
+import React from 'react';
+import { ThemeProvider } from '@/components/providers/ThemeProvider';
+
 export default function Home() {
   return (
-    <main>
-    </main>
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <main>
+      </main>
+    </ThemeProvider>
   );
 }