Update src/app/page.tsx

src/app/page.tsx

@@ -46,6 +46,7 @@ export default function Page() {
           metrics={[{ value: "10K+", title: "Guests Monthly" }, { value: "50+", title: "Local DJs" }]} 
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="menu" data-section="menu">
@@ -55,6 +56,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal" 
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", brand: "Vibes", name: "Signature Burger", price: "R120", rating: 5, reviewCount: "200", imageSrc: "/images/burger.jpg" },
             { id: "2", brand: "Vibes", name: "Spicy Wings", price: "R95", rating: 4, reviewCount: "150", imageSrc: "/images/wings.jpg" },
@@ -71,6 +73,8 @@ export default function Page() {
             id: "2", name: "Thabo K.", date: "2024-06-15", title: "Late Night Perfection", quote: "Amapiano hits different here.", tag: "Visitor", avatarSrc: "/images/thabo.jpg"
           }]}
           textboxLayout="default"
+          description="Customer reviews"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -81,6 +85,7 @@ export default function Page() {
           ctaButton={{ text: "Book Now", href: "/contact" }}
           ctaIcon={Phone}
           animationType="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">