From 24d120004dccecc1ce2f08c1b73eec902868fb23 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Sun, 19 Oct 2025 13:56:04 -0500
Subject: [PATCH] fix(homepage): improve text contrast in Your Journey section
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed gray text colors to lighter values for better readability on dark background:
- Subtitle text: gray.400 → gray.200
- Stage labels: gray.400 → gray.200
- Navigation arrows: gray.600 → gray.400
- Footer text: gray.500 → gray.300

This addresses readability concerns while maintaining visual hierarchy.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index baed179e..995a6d1e 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -379,7 +379,7 @@ export default function HomePage() {
               >
                 Your Journey
               </h2>
-              <p className={css({ color: 'gray.400', fontSize: 'md' })}>
+              <p className={css({ color: 'gray.200', fontSize: 'md' })}>
                 Progress from beginner to master
               </p>
             </div>
@@ -426,7 +426,7 @@ export default function HomePage() {
                     >
                       {stage.level}
                     </div>
-                    <div className={css({ fontSize: 'sm', color: 'gray.400' })}>{stage.label}</div>
+                    <div className={css({ fontSize: 'sm', color: 'gray.200' })}>{stage.label}</div>
                     {i < 3 && (
                       <div
                         className={css({
@@ -434,7 +434,7 @@ export default function HomePage() {
                           position: 'absolute',
                           right: '-50%',
                           fontSize: 'xl',
-                          color: 'gray.600',
+                          color: 'gray.400',
                         })}
                       >
                         →
@@ -448,7 +448,7 @@ export default function HomePage() {
                   mt: '6',
                   textAlign: 'center',
                   fontSize: 'sm',
-                  color: 'gray.500',
+                  color: 'gray.300',
                   fontStyle: 'italic',
                 })}
               >