src/app/page.tsx

@@ -28,13 +28,13 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Menu", id: "menu" },
+            { name: "Home", id: "hero" },
+            { name: "Menu", id: "product" },
             { name: "About", id: "about" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "Testimonials", id: "testimonial" },
             { name: "Contact", id: "contact" },
           ]}
-          button={{ text: "Order Online", href: "#product" }}
+          button={{ text: "Order Online", href: "product" }}
           brandName="Alla Coffeeshop"
           className="py-4 px-6 md:py-6 md:px-8 lg:px-12"
         />
@@ -46,8 +46,8 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           tag="Welcome to Alla"
           buttons={[
-            { text: "Explore Our Menu", href: "#menu" },
-            { text: "Find Us", href: "#contact" },
+            { text: "Explore Our Menu", href: "product" },
+            { text: "Find Us", href: "contact" },
           ]}
           mediaItems={[
             {
@@ -58,7 +58,6 @@ export default function LandingPage() {
           mediaAnimation="slide-up"
           rating={5}
           ratingText="Loved by Our Community"
-          useInvertedBackground={false}
         />
       </div>
       <div id="about" data-section="about">
@@ -69,7 +68,6 @@ 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">
@@ -90,7 +88,6 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           gridVariant="four-items-2x2-equal-grid"
-          useInvertedBackground={false}
         />
       </div>
       <div id="feature" data-section="feature">
@@ -112,7 +109,6 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31284.jpg"
           imageAlt="Roasted coffee beans"
           mediaAnimation="slide-up"
-          useInvertedBackground={true}
           mediaPosition="right"
         />
       </div>
@@ -142,7 +138,6 @@ 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">
@@ -164,7 +159,6 @@ export default function LandingPage() {
           description="Experience the Alla difference, quantified by quality and customer happiness."
           textboxLayout="default"
           animationType="blur-reveal"
-          useInvertedBackground={true}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -177,7 +171,6 @@ export default function LandingPage() {
             { text: "Call Us", href: "tel:+1234567890" },
           ]}
           background={{ variant: "plain" }}
-          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
@@ -188,7 +181,7 @@ export default function LandingPage() {
             {
               title: "Explore",              items: [
                 { label: "Home", href: "/" },
-                { label: "Menu", href: "#menu" },
+                { label: "Menu", href: "#product" },
                 { label: "About Us", href: "#about" },
               ],
             },
@@ -208,7 +201,6 @@ export default function LandingPage() {
           ]}
           logoText="Alla Coffeeshop"
           copyrightText="© 2024 Alla Coffeeshop. All rights reserved."
-          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>