Add src/app/sizes/page.tsx

src/app/sizes/page.tsx

@@ -0,0 +1,52 @@
+'use client';
+
+import { ThemeProvider } from '@/components/provider/theme-provider';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import { Search, ShoppingCart, User } from 'lucide-react';
+
+export default function SizesPage() {
+  const navItems = [
+    { name: "Shop Senkos", id: "/shop-senkos" },
+    { name: "Colors", id: "/colors" },
+    { name: "Sizes", id: "/sizes" },
+    { name: "New Releases", id: "/new-releases" },
+    { name: "About GR", id: "/about-gr" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <NavbarStyleApple
+        brandName="GR Tackle"
+        navItems={navItems}
+      />
+      <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" }}
+        />
+        {/* Add size guide or content here */}
+      </main>
+    </ThemeProvider>
+  );
+}