From 242a6d454a3278efd56adb65dd63c3667d81bbd3 Mon Sep 17 00:00:00 2001
From: Dan Dobos <dan@prowarehouse.nl>
Date: Mon, 23 Feb 2026 14:06:55 +0100
Subject: [PATCH] feat: update text color for improved readability in About and
 Home pages

---
 src/app/pages/About.tsx | 6 +++---
 src/app/pages/Home.tsx  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/About.tsx b/src/app/pages/About.tsx
index 63f345b..2ea2195 100644
--- a/src/app/pages/About.tsx
+++ b/src/app/pages/About.tsx
@@ -84,13 +84,13 @@ export function About() {
               <h2 className="text-3xl md:text-4xl mb-6 text-gray-900 dark:text-white">
                 {t("about.story.title")}
               </h2>
-              <p className="text-lg text-gray-700 mb-4 dark:text-gray-300">
+              <p className="text-lg text-gray-700 mb-4 dark:text-white">
                 {t("about.story.p1")}
               </p>
-              <p className="text-lg text-gray-700 mb-4 dark:text-gray-300">
+              <p className="text-lg text-gray-700 mb-4 dark:text-white">
                 {t("about.story.p2")}
               </p>
-              <p className="text-lg text-gray-700 dark:text-gray-300">
+              <p className="text-lg text-gray-700 dark:text-white">
                 {t("about.story.p3")}
               </p>
             </div>
diff --git a/src/app/pages/Home.tsx b/src/app/pages/Home.tsx
index 909a609..b931f6b 100644
--- a/src/app/pages/Home.tsx
+++ b/src/app/pages/Home.tsx
@@ -177,7 +177,7 @@ export function Home() {
                 <li className="flex items-start space-x-3">
                   <CheckCircle className="h-6 w-6 text-sky-600 flex-shrink-0 mt-0.5" />
                   <div>
-                    <span className="text-gray-900">
+                    <span className="text-gray-900 dark:text-white">
                       {t("home.about.points.experienced.title")}
                     </span>
                     <p className="text-gray-600 dark:text-gray-300">
@@ -188,7 +188,7 @@ export function Home() {
                 <li className="flex items-start space-x-3">
                   <CheckCircle className="h-6 w-6 text-sky-600 flex-shrink-0 mt-0.5" />
                   <div>
-                    <span className="text-gray-900">
+                    <span className="text-gray-900 dark:text-white">
                       {t("home.about.points.pricing.title")}
                     </span>
                     <p className="text-gray-600 dark:text-gray-300">
@@ -199,7 +199,7 @@ export function Home() {
                 <li className="flex items-start space-x-3">
                   <CheckCircle className="h-6 w-6 text-sky-600 flex-shrink-0 mt-0.5" />
                   <div>
-                    <span className="text-gray-900">
+                    <span className="text-gray-900 dark:text-white">
                       {t("home.about.points.guarantee.title")}
                     </span>
                     <p className="text-gray-600 dark:text-gray-300">