diff --git a/src/app/page.tsx b/src/app/page.tsx
index 933a38a..c653e2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -101,7 +101,7 @@ export default function LandingPage() {
           carouselMode="buttons"
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
-          titleClassName="text-4xl md:text-5xl font-light leading-tight mb-4"
+          cardTitleClassName="text-4xl md:text-5xl font-light leading-tight mb-4"
           cardClassName="p-6 md:p-8 rounded-xl border border-accent hover:border-primary-cta transition-colors"
         />
       </div>
@@ -121,9 +121,10 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
+          metricsAnimation="slide-up"
           className="py-16 md:py-24 lg:py-32 bg-primary-cta/5 rounded-2xl"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
-          titleClassName="text-4xl md:text-5xl font-light leading-tight mb-4 text-foreground"
+          textBoxTitleClassName="text-4xl md:text-5xl font-light leading-tight mb-4 text-foreground"
           cardClassName="text-center"
         />
       </div>
@@ -163,7 +164,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           className="py-16 md:py-24 lg:py-32"
           containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
-          titleClassName="text-4xl md:text-5xl font-light leading-tight mb-4"
+          textBoxTitleClassName="text-4xl md:text-5xl font-light leading-tight mb-4"
           cardClassName="rounded-xl overflow-hidden border border-accent"
         />
       </div>