diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 5de71b6..085ef6d 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -100,8 +100,8 @@ export default function AboutPage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="About us values feature section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             cardClassName="p-6 rounded-2xl border border-[var(--accent)] bg-[var(--card)] hover:shadow-lg transition-all"
             cardTitleClassName="font-semibold"
             iconClassName="w-10 h-10 text-[var(--primary-cta)]"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 95b13c3..3f91412 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -141,8 +141,8 @@ export default function HomePage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Services feature section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             cardClassName="p-6 rounded-2xl border border-[var(--accent)] bg-[var(--card)] hover:shadow-lg transition-all"
             cardTitleClassName="font-semibold"
             iconClassName="w-10 h-10 text-[var(--primary-cta)]"
@@ -183,7 +183,7 @@ export default function HomePage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Why choose us metrics section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
             valueClassName="text-3xl md:text-4xl font-bold text-[var(--primary-cta)]"
             metricTitleClassName="text-lg font-semibold text-[var(--foreground)]"
           />
@@ -248,8 +248,8 @@ export default function HomePage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Service areas coverage section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             logoTextClassName="text-lg font-semibold text-[var(--foreground)]"
           />
         </div>
diff --git a/src/app/service-areas/page.tsx b/src/app/service-areas/page.tsx
index 342795b..fcb9062 100644
--- a/src/app/service-areas/page.tsx
+++ b/src/app/service-areas/page.tsx
@@ -100,8 +100,8 @@ export default function ServiceAreasPage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Service areas coverage feature section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             cardClassName="p-6 rounded-2xl border border-[var(--accent)] bg-[var(--card)] hover:shadow-lg transition-all"
             cardTitleClassName="font-semibold"
             iconClassName="w-10 h-10 text-[var(--primary-cta)]"
@@ -131,8 +131,8 @@ export default function ServiceAreasPage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Neighborhood highlights social proof section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             logoTextClassName="text-lg font-semibold text-[var(--foreground)]"
           />
         </div>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 2c6c243..90a194b 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -119,8 +119,8 @@ export default function ServicesPage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Detailed services feature section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             cardClassName="p-6 rounded-2xl border border-[var(--accent)] bg-[var(--card)] hover:shadow-lg transition-all"
             cardTitleClassName="font-semibold"
             iconClassName="w-10 h-10 text-[var(--primary-cta)]"
@@ -165,8 +165,8 @@ export default function ServicesPage() {
             ]}
             buttonAnimation="slide-up"
             ariaLabel="Service pricing section"
-            titleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
-            descriptionClassName="text-base text-[var(--foreground)] opacity-85"
+            textBoxTitleClassName="text-3xl md:text-4xl font-bold text-[var(--foreground)]"
+            textBoxDescriptionClassName="text-base text-[var(--foreground)] opacity-85"
             cardClassName="p-6 rounded-2xl border border-[var(--accent)] bg-[var(--card)] hover:shadow-lg transition-all"
             cardTitleClassName="font-semibold"
             iconClassName="w-10 h-10 text-[var(--primary-cta)]"