diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9e3fdfd..f849e5c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -161,8 +161,8 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-lg text-gray-600 mt-4"
+          cardTitleClassName="text-4xl md:text-5xl font-bold"
+          cardDescriptionClassName="text-lg text-gray-600 mt-4"
         />
       </div>
 
@@ -175,16 +175,16 @@ export default function LandingPage() {
           tagAnimation="blur-reveal"
           metrics={[
             {
-              id: "customers",              value: "2,500+",              title: "Active Customers",              description: "Organizations leveraging Khumbhuu for AI automation"
+              id: "customers",              value: "2,500+",              title: "Active Customers",              description: "Organizations leveraging Khumbhuu for AI automation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Avj15C7skCJgmcCyeB8jESTfL8/a-sleek-minimalist-illustration-of-an-ai-1773479810033-8a792136.png",              imageAlt: "Metric visualization"
             },
             {
-              id: "tasks",              value: "1.2B+",              title: "Tasks Automated",              description: "Monthly automation events across our platform"
+              id: "tasks",              value: "1.2B+",              title: "Tasks Automated",              description: "Monthly automation events across our platform",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Avj15C7skCJgmcCyeB8jESTfL8/a-sleek-minimalist-illustration-of-an-ai-1773479810033-8a792136.png",              imageAlt: "Metric visualization"
             },
             {
-              id: "efficiency",              value: "72%",              title: "Avg. Time Saved",              description: "Per organization using Khumbhuu"
+              id: "efficiency",              value: "72%",              title: "Avg. Time Saved",              description: "Per organization using Khumbhuu",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Avj15C7skCJgmcCyeB8jESTfL8/a-sleek-minimalist-illustration-of-an-ai-1773479810033-8a792136.png",              imageAlt: "Metric visualization"
             },
             {
-              id: "uptime",              value: "99.99%",              title: "Platform Uptime",              description: "Enterprise-grade reliability and availability"
+              id: "uptime",              value: "99.99%",              title: "Platform Uptime",              description: "Enterprise-grade reliability and availability",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Avj15C7skCJgmcCyeB8jESTfL8/a-sleek-minimalist-illustration-of-an-ai-1773479810033-8a792136.png",              imageAlt: "Metric visualization"
             }
           ]}
           animationType="blur-reveal"
@@ -232,8 +232,8 @@ export default function LandingPage() {
           showCard={true}
           speed={40}
           containerClassName="max-w-7xl mx-auto"
-          titleClassName="text-3xl md:text-4xl font-bold mb-2"
-          descriptionClassName="text-gray-600 mb-8"
+          textBoxTitleClassName="text-3xl md:text-4xl font-bold mb-2"
+          textBoxDescriptionClassName="text-gray-600 mb-8"
         />
       </div>
 
@@ -269,8 +269,8 @@ export default function LandingPage() {
           useInvertedBackground={false}
           animationType="smooth"
           containerClassName="max-w-4xl mx-auto"
-          titleClassName="text-4xl md:text-5xl font-bold"
-          descriptionClassName="text-lg text-gray-600 mt-4"
+          textBoxTitleClassName="text-4xl md:text-5xl font-bold"
+          textBoxDescriptionClassName="text-lg text-gray-600 mt-4"
         />
       </div>