Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,6 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Utensils } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -64,6 +63,7 @@ export default function LandingPage() {
 
   <div id="menu" data-section="menu">
       <ProductCardTwo
+      useInvertedBackground={false}
       animationType="slide-up"
       gridVariant="three-columns-all-equal-width"
       textboxLayout="split-description"
@@ -79,6 +79,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
+      useInvertedBackground={false}
       title="Guest Experiences"
       description="What our patrons say about their dining journey with us."
       textboxLayout="split-description"
@@ -91,6 +92,8 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
+      useInvertedBackground={false}
+      mediaAnimation="none"
       title="Reserve Your Table"
       description="Fill in your details below and we will get back to you shortly to confirm your booking."
       inputs={[