src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React from "react";
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import SplitAbout from "@/components/sections/about/SplitAbout";
@@ -76,7 +76,9 @@ export default function Page() {
       secondaryButtonStyle="glass"
       headingFontWeight="semibold"
     >
-      <NavbarStyleApple navItems={navItems} brandName="Radiance" />
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple navItems={navItems} brandName="Radiance" />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
@@ -86,6 +88,7 @@ export default function Page() {
           tag="Beauty Excellence"
           tagIcon={Sparkles}
           mediaItems={heroMediaItems}
+          mediaAnimation="none"
           buttons={[
             { text: "Shop Now", href: "#features" },
             { text: "Learn More", href: "#about" },
@@ -105,6 +108,7 @@ export default function Page() {
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={false}
+          mediaAnimation="none"
           buttons={[
             { text: "Explore Products", href: "#features" },
             { text: "Our Values", href: "#about" },