diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3673472..7799a48 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';
@@ -28,11 +28,11 @@ export default function MagnoliaPage() {
         <NavbarStyleFullscreen
           brandName="Magnolia"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "hero" },
             { name: "Shop", id: "products" },
             { name: "About", id: "about" },
             { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "footer" }
           ]}
           bottomLeftText="Premium Flowers"
           bottomRightText="hello@magnolia-flowers.com"
@@ -50,8 +50,8 @@ export default function MagnoliaPage() {
           showBlur={true}
           showDimOverlay={false}
           buttons={[
-            { text: "Shop Now", href: "#products" },
-            { text: "Learn More", href: "#about" }
+            { text: "Shop Now", href: "products" },
+            { text: "Learn More", href: "about" }
           ]}
         />
       </div>
@@ -67,7 +67,7 @@ export default function MagnoliaPage() {
           ]}
           imageSrc="https://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg"
           imageAlt="Magnolia florist at work"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -106,7 +106,7 @@ export default function MagnoliaPage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="scale-rotate"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -144,7 +144,7 @@ export default function MagnoliaPage() {
           sideTitle="Frequently Asked Questions"
           sideDescription="Everything you need to know about our services"
           textPosition="left"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           animationType="smooth"
           faqs={[
             {
@@ -175,23 +175,23 @@ export default function MagnoliaPage() {
           columns={[
             {
               title: "Shop",              items: [
-                { label: "Featured Collections", href: "#products" },
-                { label: "Custom Arrangements", href: "#contact" },
-                { label: "Seasonal Specials", href: "#products" }
+                { label: "Featured Collections", href: "products" },
+                { label: "Custom Arrangements", href: "footer" },
+                { label: "Seasonal Specials", href: "products" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "Our Story", href: "#about" },
-                { label: "Careers", href: "#contact" }
+                { label: "About Us", href: "about" },
+                { label: "Our Story", href: "about" },
+                { label: "Careers", href: "footer" }
               ]
             },
             {
               title: "Support",              items: [
-                { label: "FAQ", href: "#faq" },
-                { label: "Contact Us", href: "#contact" },
-                { label: "Delivery Info", href: "#contact" }
+                { label: "FAQ", href: "faq" },
+                { label: "Contact Us", href: "footer" },
+                { label: "Delivery Info", href: "footer" }
               ]
             }
           ]}