diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8854b1b..2c3109a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -161,7 +161,8 @@ export default function LandingPage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-extrabold text-[var(--foreground)] mb-4"
           textBoxDescriptionClassName="text-lg text-[var(--foreground)] opacity-85 mb-8"
           tagClassName="text-sm font-semibold text-[var(--accent)]"
-          cardClassName="bg-[var(--card)] rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow"
+          textBoxTitleClassName="text-4xl md:text-5xl font-extrabold text-[var(--foreground)] mb-4"
+          textBoxDescriptionClassName="text-lg text-[var(--foreground)] opacity-85 mb-8"
         />
       </div>
 
@@ -189,6 +190,8 @@ export default function LandingPage() {
           cardClassName="bg-[var(--card)] rounded-lg p-6 shadow-md text-center"
           iconContainerClassName="mb-4 flex justify-center"
           iconClassName="w-8 h-8 text-[var(--primary-cta)]"
+          metricTitleClassName="text-sm text-[var(--foreground)] opacity-70 mb-2"
+          valueClassName="text-3xl font-extrabold text-[var(--primary-cta)]"
         />
       </div>
 
@@ -231,6 +234,8 @@ export default function LandingPage() {
           imageWrapperClassName="mb-4"
           imageClassName="w-12 h-12 rounded-full object-cover"
           nameClassName="text-lg font-bold text-[var(--foreground)]"
+          roleClassName="text-sm text-[var(--foreground)] opacity-60"
+          testimonialClassName="text-base text-[var(--foreground)] opacity-80 mt-3 italic"
         />
       </div>