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