diff --git a/src/App.tsx b/src/App.tsx
index c9c6d8e..fb7c205 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,12 +3,14 @@ import Layout from './components/Layout';
import HomePage from './pages/HomePage';
import ProductsPage from "@/pages/ProductsPage";
+import FishingReelsPage from "@/pages/FishingReelsPage";
export default function App() {
return (
}>
} />
} />
+ } />
);
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 37b1f92..e0833e4 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -29,6 +29,8 @@ export default function Layout() {
"name": "Brands", "href": "#brands"
},
{ name: "Products", href: "/products" },
+ { name: "Fishing Reels", href: "/fishing-reels" },
+
];
diff --git a/src/pages/FishingReelsPage.tsx b/src/pages/FishingReelsPage.tsx
new file mode 100644
index 0000000..2879350
--- /dev/null
+++ b/src/pages/FishingReelsPage.tsx
@@ -0,0 +1,27 @@
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import { Star, Loader2 } from "lucide-react";
+import { cls } from "@/lib/utils";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import useProducts from "@/hooks/useProducts";
+import FaqSimple from "@/components/sections/faq/FaqSimple";
+
+export default function FishingReelsPage() {
+ return (
+ <>
+
+
+
+ >
+ );
+}
diff --git a/src/routes.ts b/src/routes.ts
index 93d7fae..11fc253 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -7,4 +7,5 @@ export interface Route {
export const routes: Route[] = [
{ path: '/', label: 'Home', pageFile: 'HomePage' },
{ path: '/products', label: 'Products', pageFile: 'ProductsPage' },
+ { path: '/fishing-reels', label: 'Fishing Reels', pageFile: 'FishingReelsPage' },
];