src/app/page.tsx

@@ -33,6 +33,7 @@ export default function Page() {
         <TextAbout 
           title="Our Philosophy"
           tag="Authentic Taste"
+          useInvertedBackground={false}
         />
       </div>
       <div id="menu" data-section="menu">
@@ -42,6 +43,7 @@ export default function Page() {
           gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", name: "Signature Dish", price: "$25", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c" },
             { id: "2", name: "Fresh Salad", price: "$15", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd" },
@@ -55,6 +57,7 @@ export default function Page() {
           description="A glimpse into our kitchen and dining space."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             { id: 1, title: "Fresh Ingredients", description: "Sourced locally daily.", imageSrc: "https://images.unsplash.com/photo-1542838132-92c53300491e" },
             { id: 2, title: "Cozy Atmosphere", description: "Perfect for any occasion.", imageSrc: "https://images.unsplash.com/photo-1517248135467-4c7edcad34c4" }
@@ -67,6 +70,7 @@ export default function Page() {
           description="We look forward to hosting you."
           inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
           mediaAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">