diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ac100f..4774e39 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -23,7 +23,7 @@ export default function LandingPage() {
       background="aurora"
       cardStyle="elevated"
       primaryButtonStyle="outline"
-      secondaryButtonStyle="minimal"
+      secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <div id="nav" data-section="nav">
@@ -31,9 +31,10 @@ export default function LandingPage() {
           navItems={[
             { name: "About", id: "about" },
             { name: "Features", id: "features" },
+            { name: "Products", id: "products" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
-            { name: "FAQ", id: "faq" }
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
           ]}
           brandName="Webild"
           bottomLeftText="Global Community"
@@ -66,7 +67,7 @@ export default function LandingPage() {
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718413069-c3iu7cab.jpg"
           imageAlt="Our collaborative team working together"
           imagePosition="right"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Our Story", href: "https://example.com" }
           ]}
@@ -105,7 +106,7 @@ export default function LandingPage() {
           tag="New Arrivals"
           tagIcon={Star}
           textboxLayout="default"
-          useInvertedBackground="invertCard"
+          useInvertedBackground="noInvert"
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           products={[
@@ -160,7 +161,7 @@ export default function LandingPage() {
           tag="Help"
           tagIcon={HelpCircle}
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718043491-cuo81djg.jpg"
           imageAlt="Customer support and help illustration"
           mediaPosition="left"