diff --git a/src/app/page.tsx b/src/app/page.tsx
index 86f7a19..ed0f0ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -130,8 +130,8 @@ export default function LandingPage() {
           containerClassName="py-20"
           titleClassName="text-4xl font-bold text-foreground"
           descriptionClassName="text-lg text-foreground/75"
-          cardTitleClassName="text-xl font-semibold text-foreground"
-          cardDescriptionClassName="text-base text-foreground/70"
+          textBoxTitleClassName="text-xl font-semibold text-foreground"
+          textBoxDescriptionClassName="text-base text-foreground/70"
         />
       </div>
 
@@ -163,8 +163,8 @@ export default function LandingPage() {
           containerClassName="py-20"
           titleClassName="text-4xl font-bold text-foreground"
           descriptionClassName="text-lg text-foreground/75"
-          cardNameClassName="text-lg font-semibold text-foreground"
-          cardPriceClassName="text-primary-cta font-bold"
+          textBoxTitleClassName="text-lg font-semibold text-foreground"
+          textBoxDescriptionClassName="text-primary-cta font-bold"
         />
       </div>
 
@@ -199,8 +199,8 @@ export default function LandingPage() {
           ]}
           ariaLabel="Testimonials section with guest reviews"
           containerClassName="py-20"
-          titleClassName="text-4xl font-bold text-foreground"
-          descriptionClassName="text-lg text-foreground/75"
+          textBoxTitleClassName="text-4xl font-bold text-foreground"
+          textBoxDescriptionClassName="text-lg text-foreground/75"
           quoteClassName="text-lg text-foreground/80 italic"
           nameClassName="font-semibold text-foreground"
           roleClassName="text-sm text-foreground/60"
@@ -220,7 +220,7 @@ export default function LandingPage() {
             { id: "metric-3", value: "100%", description: "Locally Sourced Ingredients" },
             { id: "metric-4", value: "5★", description: "Average Rating" }
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="bento-grid-inverted"
           animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -245,6 +245,7 @@ export default function LandingPage() {
           ]}
           textarea={{ name: "message", placeholder: "Special requests or dietary restrictions", rows: 4, required: false }}
           useInvertedBackground={false}
+          mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Book Your Table"
           ariaLabel="Contact and reservation form"