src/app/page.tsx

@@ -40,6 +40,7 @@ export default function Page() {
       <div id="about" data-section="about">
         <TextAbout
           title="About Us"
+          useInvertedBackground={false}
         />
       </div>
       <div id="menu" data-section="menu">
@@ -49,6 +50,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="gallery" data-section="gallery">
@@ -58,6 +60,7 @@ export default function Page() {
           animationType="slide-up"
           textboxLayout="default"
           features={[]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="reservation" data-section="reservation">
@@ -66,6 +69,7 @@ export default function Page() {
           description="Contact us for bookings."
           inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
           mediaAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">