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 ( + <> +

Premium Fishing Reels

+
+
+ + ); +} 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' }, ];