diff --git a/src/app/page.tsx b/src/app/page.tsx
index c609eb0..6244fa4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -115,8 +115,8 @@ export default function LandingPage() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg"
+          cardTitleClassName="text-4xl md:text-5xl font-bold"
+          cardDescriptionClassName="text-base md:text-lg"
           cardClassName="hover:shadow-lg transition-shadow"
         />
       </div>
@@ -145,8 +145,8 @@ export default function LandingPage() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg"
         />
       </div>
 
@@ -163,8 +163,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           showCard={true}
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg"
         />
       </div>
 
@@ -198,8 +198,8 @@ export default function LandingPage() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg"
           speed={30}
           topMarqueeDirection="left"
         />
@@ -239,8 +239,8 @@ export default function LandingPage() {
           faqsAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-base md:text-lg"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-base md:text-lg"
         />
       </div>