Update src/app/page.tsx

src/app/page.tsx

@@ -1,14 +1,14 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterMedia from "@/components/sections/footer/FooterMedia";
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function MagnoliaPage() {
   return (
@@ -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"
@@ -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={[
             {