src/app/page.tsx

@@ -68,6 +68,7 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
           imageAlt="Exterior of Alla Coffeeshop"
           buttons={[{ text: "Learn Our Story", href: "#about" }]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="product" data-section="product">
@@ -88,6 +89,7 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           gridVariant="four-items-2x2-equal-grid"
+          useInvertedBackground={false}
         />
       </div>
       <div id="feature" data-section="feature">
@@ -106,8 +108,8 @@ export default function LandingPage() {
               id: "3",              title: "Cozy Atmosphere & Community",              content:
                 "Alla is more than a place to grab coffee; it's a comfortable space designed for connection, creativity, and calm moments."},
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31284.jpg"
-          imageAlt="Roasted coffee beans"
+          videoSrc="http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31284.jpg"
+          videoAriaLabel="Roasted coffee beans"
           mediaAnimation="slide-up"
           mediaPosition="right"
         />
@@ -138,6 +140,7 @@ export default function LandingPage() {
           title="What Our Guests Say"
           description="Hear from our cherished customers who make Alla their favorite coffee destination."
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="metric" data-section="metric">
@@ -159,6 +162,7 @@ export default function LandingPage() {
           description="Experience the Alla difference, quantified by quality and customer happiness."
           textboxLayout="default"
           animationType="blur-reveal"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -171,6 +175,7 @@ export default function LandingPage() {
             { text: "Call Us", href: "tel:+1234567890" },
           ]}
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">