diff --git a/src/app/page.tsx b/src/app/page.tsx
index 57a4994..3014153 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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -29,7 +29,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Brocoli"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "hero" },
             { name: "Arrangements", id: "products" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
@@ -64,7 +64,7 @@ export default function LandingPage() {
           tag="Our Story"
           imageSrc="https://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg"
           imageAlt="Brocoli flowers studio interior"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Explore Our Work", href: "products" }
           ]}
@@ -110,7 +110,7 @@ export default function LandingPage() {
           description="Experience the difference of premium floral craftsmanship with our commitment to quality, freshness, and design excellence."
           tag="Our Expertise"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           showStepNumbers={true}
           features={[
             {
@@ -176,7 +176,7 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email address"
           buttonText="Get Started"
           termsText="By signing up, you agree to receive updates about our latest collections and special offers."
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -185,7 +185,7 @@ export default function LandingPage() {
           columns={[
             {
               title: "Explore",              items: [
-                { label: "Home", href: "#home" },
+                { label: "Home", href: "#hero" },
                 { label: "Arrangements", href: "#products" },
                 { label: "About Us", href: "#about" },
                 { label: "Contact", href: "#contact" }