diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3338038..528214a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -262,6 +262,10 @@ export default function LandingPage() {
             planButtonClassName="bg-blue-500 text-white hover:bg-blue-600"
             featuresClassName="mt-4"
             featureItemClassName="text-gray-600"
+            planTitleClassName="text-2xl font-bold"
+            planSubtitleClassName="text-gray-500"
+            planPriceClassName="text-3xl font-bold"
+            planFeatureClassName="text-gray-600"
         />
       </div>
 
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 13ef4fe..68e4f33 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -4,17 +4,17 @@
 
   /* --background: #fffafa;;
   --card: #fff7f7;;
-  --foreground: #1a0000;;
+  --foreground: "Inter", sans-serif;;
   --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: "Inter", sans-serif;;
   --accent: #f5c4c7;;
   --background-accent: #f09199;; */
 
   --background: #fffafa;;
   --card: #fff7f7;;
-  --foreground: #1a0000;;
+  --foreground: "Inter", sans-serif;;
   --primary-cta: #e63946;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: "Inter", sans-serif;;
   --accent: #f5c4c7;;
   --background-accent: #f09199;;