Update src/app/sizes/page.tsx

src/app/sizes/page.tsx

@@ -1,9 +1,8 @@
 'use client';
 
-import { ThemeProvider } from '@/components/provider/theme-provider';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import { Search, ShoppingCart, User } from 'lucide-react';
 
 export default function SizesPage() {
   const navItems = [
@@ -27,24 +26,26 @@ export default function SizesPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
         brandName="GR Tackle"
         navItems={navItems}
+        button={{ text: "View Products", href: "/products" }}
       />
       <main>
-        <HeroSplit
-          id="sizes-hero"
-          title="Perfect Sizes for Every Need"
-          description="Whether you need small, medium, or large, we have the ideal sizes for your fishing gear."
-          buttons={[
-            { text: "View Size Guide", href: "/sizes" }
-          ]}
-          imageSrc="https://a.cl.sh/image-placeholder-fishing-lure-sizes.jpeg"
-          imageAlt="Fishing lure sizes"
-          imagePosition="right"
-          mediaAnimation="slide-up"
-          background={{ variant: "plain" }}
-        />
+        <div id="sizes-hero" data-section="sizes-hero">
+          <HeroSplit
+            title="Perfect Sizes for Every Need"
+            description="Whether you need small, medium, or large, we have the ideal sizes for your fishing gear."
+            buttons={[
+              { text: "View Size Guide", href: "/sizes" }
+            ]}
+            imageSrc="https://a.cl.sh/image-placeholder-fishing-lure-sizes.jpeg"
+            imageAlt="Fishing lure sizes"
+            imagePosition="right"
+            mediaAnimation="slide-up"
+            background={{ variant: "plain" }}
+          />
+        </div>
         {/* Add size guide or content here */}
       </main>
     </ThemeProvider>