diff --git a/src/App.tsx b/src/App.tsx
index c9c6d8e..210e664 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 ReelsProductsPage from "@/pages/ReelsProductsPage";
export default function App() {
return (
}>
} />
} />
+ } />
);
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 37b1f92..d9e84d9 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: "Reels Products", href: "/reels-products" },
+
];
diff --git a/src/pages/ReelsProductsPage.tsx b/src/pages/ReelsProductsPage.tsx
new file mode 100644
index 0000000..f4f9921
--- /dev/null
+++ b/src/pages/ReelsProductsPage.tsx
@@ -0,0 +1,19 @@
+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 AvatarGroup from "@/components/ui/AvatarGroup";
+import { Star, Loader2 } from "lucide-react";
+import { cls } from "@/lib/utils";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import useProducts from "@/hooks/useProducts";
+
+export default function ReelsProductsPage() {
+ return (
+ <>
+
+
+ >
+ );
+}
diff --git a/src/routes.ts b/src/routes.ts
index 93d7fae..cff8606 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: '/reels-products', label: 'Reels Products', pageFile: 'ReelsProductsPage' },
];