diff --git a/app/routes/index.tsx b/app/routes/index.tsx
index b226ab6..d6ad8f5 100644
--- a/app/routes/index.tsx
+++ b/app/routes/index.tsx
@@ -18,13 +18,13 @@ export default function Page() {
   return (
     <div className="flex flex-col items-center justify-center min-h-screen bg-gray-100 text-gray-800 w-full">
       <h1 className="text-4xl font-bold mb-4 text-blue-600">Welcome to React Standalone!</h1>
-      <p className="text-lg mb-2">
+      <p className="text-lg mb-2 text-gray-700">
         Experience the power of React running directly in your browser.
       </p>
-      <p className="text-lg mb-2">
+      <p className="text-lg mb-2 text-gray-700">
         No server required, just pure client-side magic!
       </p>
-      <p className="text-lg mt-4 font-bold">
+      <p className="text-lg mt-4 font-thin text-gray-600">
         {data.features.join(", ")}!
       </p>
     </div>