diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0d21453..5caa371 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,27 @@
 "use client";
 
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
 export default function LandingPage() {
   return (
-    <div>
-      <p>Welcome to Glowé Skincare</p>
-    </div>
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="blurBottom"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div className="min-h-screen flex items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-4xl font-bold mb-4">Glowé - Luxury Skincare</h1>
+          <p className="text-lg text-gray-600">Kulit Glowing Sehat Dimulai di Sini</p>
+        </div>
+      </div>
+    </ThemeProvider>
   );
 }