diff --git a/src/app/page.tsx b/src/app/page.tsx
index d8f6e0a..525761c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -252,10 +252,10 @@ export default function LandingPage() {
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
-          className="w-full py-24"
+          className="w-full py-24 bg-stone-50 dark:bg-stone-900"
           containerClassName="max-w-4xl mx-auto"
-          contentClassName="p-12 md:p-16"
-          textClassName="text-3xl md:text-5xl font-bold mb-8"
+          contentClassName="p-12 md:p-16 bg-stone-100 dark:bg-stone-800 rounded-lg"
+          textClassName="text-3xl md:text-5xl font-bold mb-8 text-stone-900 dark:text-stone-100"
           buttonContainerClassName="flex flex-wrap gap-4 justify-center"
         />
       </div>
@@ -298,15 +298,15 @@ export default function LandingPage() {
               ]
             }
           ]}
-          className="w-full bg-gray-50"
+          className="w-full bg-stone-50 dark:bg-stone-900"
           containerClassName="max-w-7xl mx-auto px-6 py-16"
-          logoTextClassName="text-2xl font-bold mb-4"
+          logoTextClassName="text-2xl font-bold mb-4 text-stone-900 dark:text-stone-100"
           columnsClassName="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12"
           columnClassName="flex flex-col"
-          columnTitleClassName="font-semibold text-lg mb-4"
-          columnItemClassName="text-gray-600 hover:text-gray-900 transition mb-2"
-          copyrightContainerClassName="border-t border-gray-200 pt-8"
-          copyrightTextClassName="text-gray-600 text-center"
+          columnTitleClassName="font-semibold text-lg mb-4 text-stone-900 dark:text-stone-100"
+          columnItemClassName="text-stone-600 dark:text-stone-400 hover:text-stone-900 dark:hover:text-stone-100 transition mb-2"
+          copyrightContainerClassName="border-t border-stone-200 dark:border-stone-700 pt-8"
+          copyrightTextClassName="text-stone-600 dark:text-stone-400 text-center"
         />
       </div>
     </ThemeProvider>