From 8c92a5469328a988f97d4fe4dcbed5aadad1dbc0 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 18:36:04 +0000 Subject: [PATCH 1/2] Bob AI: Add products page --- src/App.tsx | 2 + src/components/Layout.tsx | 4 +- src/pages/ProductsPage.tsx | 91 ++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 4 files changed, 97 insertions(+), 1 deletion(-) create mode 100644 src/pages/ProductsPage.tsx diff --git a/src/App.tsx b/src/App.tsx index 33d15f9..c9c6d8e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom'; import Layout from './components/Layout'; import HomePage from './pages/HomePage'; +import ProductsPage from "@/pages/ProductsPage"; export default function App() { return ( }> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 59606b0..37b1f92 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -27,7 +27,9 @@ export default function Layout() { }, { "name": "Brands", "href": "#brands" - } + }, + { name: "Products", href: "/products" }, + ]; return ( diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx new file mode 100644 index 0000000..cc6ea35 --- /dev/null +++ b/src/pages/ProductsPage.tsx @@ -0,0 +1,91 @@ +import React from "react"; +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroBrand from "@/components/sections/hero/HeroBrand"; +import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; +import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; +import FooterMinimal from "@/components/sections/footer/FooterMinimal"; + +export default function ProductsPage() { + return ( +
+ ({ name: r.label, href: r.path }))} + ctaButton={{ text: "View Cart", href: "/cart" }} + /> + +
+ + +
+ console.log("View product") + }, + { + name: "6'6\" Light Spinning (Low Stock)", + price: "$145.00", + imageSrc: "https://images.unsplash.com/photo-1611078709506-641916327d7a?auto=format&fit=crop&q=80", + onClick: () => console.log("View product") + }, + { + name: "9' 8wt Fly Rod (In Stock)", + price: "$299.00", + imageSrc: "https://images.unsplash.com/photo-1506869640319-fe1a24fd76dc?auto=format&fit=crop&q=80", + onClick: () => console.log("View product") + }, + { + name: "7'2\" Heavy Jigging (Out of Stock)", + price: "$210.00", + imageSrc: "https://images.unsplash.com/photo-1544551763-46a013bb70d5?auto=format&fit=crop&q=80", + onClick: () => console.log("View product") + } + ]} + /> +
+ + +
+ + +
+ ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 362ecb5..93d7fae 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -6,4 +6,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, + { path: '/products', label: 'Products', pageFile: 'ProductsPage' }, ]; From 8d9d4d545136af1efa59a0f0693f96c4630af2dd Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 18:37:08 +0000 Subject: [PATCH 2/2] Bob AI: Populate src/pages/ProductsPage.tsx (snippet builder, 3 sections) --- src/pages/ProductsPage.tsx | 114 +++++++++---------------------------- 1 file changed, 27 insertions(+), 87 deletions(-) diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx index cc6ea35..867aefe 100644 --- a/src/pages/ProductsPage.tsx +++ b/src/pages/ProductsPage.tsx @@ -1,91 +1,31 @@ -import React from "react"; -import { routes } from "@/routes"; -import NavbarCentered from "@/components/ui/NavbarCentered"; -import HeroBrand from "@/components/sections/hero/HeroBrand"; -import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; -import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; -import FooterMinimal from "@/components/sections/footer/FooterMinimal"; +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 ProductQuantityCards from "@/components/sections/product/ProductQuantityCards"; +import FeaturesAttributeCards from "@/components/sections/features/FeaturesAttributeCards"; export default function ProductsPage() { return ( -
- ({ name: r.label, href: r.path }))} - ctaButton={{ text: "View Cart", href: "/cart" }} - /> - -
- - -
- console.log("View product") - }, - { - name: "6'6\" Light Spinning (Low Stock)", - price: "$145.00", - imageSrc: "https://images.unsplash.com/photo-1611078709506-641916327d7a?auto=format&fit=crop&q=80", - onClick: () => console.log("View product") - }, - { - name: "9' 8wt Fly Rod (In Stock)", - price: "$299.00", - imageSrc: "https://images.unsplash.com/photo-1506869640319-fe1a24fd76dc?auto=format&fit=crop&q=80", - onClick: () => console.log("View product") - }, - { - name: "7'2\" Heavy Jigging (Out of Stock)", - price: "$210.00", - imageSrc: "https://images.unsplash.com/photo-1544551763-46a013bb70d5?auto=format&fit=crop&q=80", - onClick: () => console.log("View product") - } - ]} - /> -
- - -
- - -
+ <> +
+
+
+ ); -} \ No newline at end of file +}