src/app/page.tsx

@@ -33,7 +33,7 @@ export default function LandingPage() {
             navItems={[
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
-              { name: "Products", href: "/products" },
+              { name: "Products", id: "products" },
               { name: "Testimonials", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}

src/app/products/page.tsx

@@ -24,11 +24,11 @@ export default function ProductsPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
             navItems={[
-              { name: "Home", href: "/" },
-              { name: "About", href: "/#about" },
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
               { name: "Products", id: "products" },
-              { name: "Testimonials", href: "/#testimonials" },
-              { name: "Contact", href: "/#contact" },
+              { name: "Testimonials", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
             ]}
             brandName="Sky Moon Lounge"
             button={{ text: "Reservations", href: "/#contact" }}
@@ -37,6 +37,7 @@ export default function ProductsPage() {
 
         <div id="products" data-section="products">
           <ProductCardOne
+            useInvertedBackground={false}
             title="Our Full Collection"
             description="Explore our complete culinary offerings, from signature dishes to refreshing beverages."
             animationType="slide-up"