From 47ef18699150620c4dabe54f7ba150945fb6f2b1 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 11:55:21 +0000
Subject: [PATCH 1/2] Bob AI: Add inventory page

---
 src/App.tsx                 |   2 +
 src/components/Layout.tsx   |   4 +-
 src/pages/InventoryPage.tsx | 107 ++++++++++++++++++++++++++++++++++++
 src/routes.ts               |   1 +
 4 files changed, 113 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/InventoryPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..5539644 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 InventoryPage from "@/pages/InventoryPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/inventory" element={<InventoryPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 1c19661..e4c1e19 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -27,7 +27,9 @@ export default function Layout() {
   },
   {
     "name": "Contact",    "href": "#contact"
-  }
+  },
+  { name: "Inventory", href: "/inventory" },
+
 ];
 
   return (
diff --git a/src/pages/InventoryPage.tsx b/src/pages/InventoryPage.tsx
new file mode 100644
index 0000000..f44f9ab
--- /dev/null
+++ b/src/pages/InventoryPage.tsx
@@ -0,0 +1,107 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBrand from "@/components/sections/hero/HeroBrand";
+import ProductVariantCards from "@/components/sections/product/ProductVariantCards";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+import NoiseBackground from "@/components/ui/NoiseBackground";
+
+export default function InventoryPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground relative overflow-hidden">
+      <NoiseBackground position="fixed" />
+      
+      <div className="relative z-10">
+        <NavbarCentered
+          logo="ScentVault"
+          navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+          ctaButton={{ text: "View Cart", href: "/cart" }}
+        />
+
+        <main>
+          <HeroBrand
+            brand="Live Inventory"
+            description="Browse our current stock of premium designer and niche fragrances. Select your preferred volume and add directly to your cart."
+            primaryButton={{ text: "Shop Collection", href: "#inventory" }}
+            secondaryButton={{ text: "Contact Support", href: "/contact" }}
+          />
+
+          <div id="inventory">
+            <ProductVariantCards
+              tag="In Stock"
+              title="Available Fragrances"
+              description="Current inventory with pricing based on volume selection."
+              products={[
+                {
+                  name: "JPG Le Male Elixir",
+                  variant: "125ml Parfum",
+                  price: "$135.00",
+                  imageSrc: "https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "JPG Ultra Male",
+                  variant: "125ml EDT Intense",
+                  price: "$120.00",
+                  imageSrc: "https://images.unsplash.com/photo-1588405748880-12d1d2a59f75?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "JPG Le Male Le Parfum",
+                  variant: "125ml EDP",
+                  price: "$130.00",
+                  imageSrc: "https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "Dior Sauvage",
+                  variant: "100ml EDP",
+                  price: "$145.00",
+                  imageSrc: "https://images.unsplash.com/photo-1585386959984-a4155224a1ad?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "Azzaro The Most Wanted Parfum",
+                  variant: "100ml Parfum",
+                  price: "$115.00",
+                  imageSrc: "https://images.unsplash.com/photo-1595532545120-404321c1722e?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "YSL Y EDP",
+                  variant: "100ml EDP",
+                  price: "$140.00",
+                  imageSrc: "https://images.unsplash.com/photo-1615634260167-c8cdede054de?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "Creed Aventus",
+                  variant: "100ml EDP",
+                  price: "$495.00",
+                  imageSrc: "https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "Versace Eros Parfum",
+                  variant: "100ml Parfum",
+                  price: "$130.00",
+                  imageSrc: "https://images.unsplash.com/photo-1588405748880-12d1d2a59f75?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "Tom Ford Oud Wood",
+                  variant: "50ml EDP",
+                  price: "$295.00",
+                  imageSrc: "https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?auto=format&fit=crop&q=80"
+                },
+                {
+                  name: "Armani Code Parfum",
+                  variant: "75ml Parfum",
+                  price: "$155.00",
+                  imageSrc: "https://images.unsplash.com/photo-1585386959984-a4155224a1ad?auto=format&fit=crop&q=80"
+                }
+              ]}
+            />
+          </div>
+        </main>
+
+        <FooterMinimal
+          brand="ScentVault"
+          copyright="© 2024 ScentVault. All rights reserved."
+        />
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..4c09f2e 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: '/inventory', label: 'Inventory', pageFile: 'InventoryPage' },
 ];
-- 
2.49.1


From 1ddb677ab1f1fbd86da7bf4072b92f0fc74ba1fa Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 11:56:26 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/InventoryPage.tsx (snippet
 builder, 1 sections)

---
 src/pages/InventoryPage.tsx | 114 ++++--------------------------------
 1 file changed, 11 insertions(+), 103 deletions(-)

diff --git a/src/pages/InventoryPage.tsx b/src/pages/InventoryPage.tsx
index f44f9ab..0ec09a8 100644
--- a/src/pages/InventoryPage.tsx
+++ b/src/pages/InventoryPage.tsx
@@ -1,107 +1,15 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroBrand from "@/components/sections/hero/HeroBrand";
-import ProductVariantCards from "@/components/sections/product/ProductVariantCards";
-import FooterMinimal from "@/components/sections/footer/FooterMinimal";
-import NoiseBackground from "@/components/ui/NoiseBackground";
+import { ArrowUpRight, Loader2 } from "lucide-react";
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import useProducts from "@/hooks/useProducts";
 
 export default function InventoryPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground relative overflow-hidden">
-      <NoiseBackground position="fixed" />
-      
-      <div className="relative z-10">
-        <NavbarCentered
-          logo="ScentVault"
-          navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-          ctaButton={{ text: "View Cart", href: "/cart" }}
-        />
-
-        <main>
-          <HeroBrand
-            brand="Live Inventory"
-            description="Browse our current stock of premium designer and niche fragrances. Select your preferred volume and add directly to your cart."
-            primaryButton={{ text: "Shop Collection", href: "#inventory" }}
-            secondaryButton={{ text: "Contact Support", href: "/contact" }}
-          />
-
-          <div id="inventory">
-            <ProductVariantCards
-              tag="In Stock"
-              title="Available Fragrances"
-              description="Current inventory with pricing based on volume selection."
-              products={[
-                {
-                  name: "JPG Le Male Elixir",
-                  variant: "125ml Parfum",
-                  price: "$135.00",
-                  imageSrc: "https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "JPG Ultra Male",
-                  variant: "125ml EDT Intense",
-                  price: "$120.00",
-                  imageSrc: "https://images.unsplash.com/photo-1588405748880-12d1d2a59f75?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "JPG Le Male Le Parfum",
-                  variant: "125ml EDP",
-                  price: "$130.00",
-                  imageSrc: "https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "Dior Sauvage",
-                  variant: "100ml EDP",
-                  price: "$145.00",
-                  imageSrc: "https://images.unsplash.com/photo-1585386959984-a4155224a1ad?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "Azzaro The Most Wanted Parfum",
-                  variant: "100ml Parfum",
-                  price: "$115.00",
-                  imageSrc: "https://images.unsplash.com/photo-1595532545120-404321c1722e?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "YSL Y EDP",
-                  variant: "100ml EDP",
-                  price: "$140.00",
-                  imageSrc: "https://images.unsplash.com/photo-1615634260167-c8cdede054de?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "Creed Aventus",
-                  variant: "100ml EDP",
-                  price: "$495.00",
-                  imageSrc: "https://images.unsplash.com/photo-1594035910387-fea47794261f?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "Versace Eros Parfum",
-                  variant: "100ml Parfum",
-                  price: "$130.00",
-                  imageSrc: "https://images.unsplash.com/photo-1588405748880-12d1d2a59f75?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "Tom Ford Oud Wood",
-                  variant: "50ml EDP",
-                  price: "$295.00",
-                  imageSrc: "https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?auto=format&fit=crop&q=80"
-                },
-                {
-                  name: "Armani Code Parfum",
-                  variant: "75ml Parfum",
-                  price: "$155.00",
-                  imageSrc: "https://images.unsplash.com/photo-1585386959984-a4155224a1ad?auto=format&fit=crop&q=80"
-                }
-              ]}
-            />
-          </div>
-        </main>
-
-        <FooterMinimal
-          brand="ScentVault"
-          copyright="© 2024 ScentVault. All rights reserved."
-        />
-      </div>
-    </div>
+    <>
+      <div data-webild-section="ProductVariantCards"><section aria-label="Products section" className="py-20"><div className="w-content-width mx-auto flex justify-center"><Loader2 className="size-8 animate-spin text-foreground" strokeWidth={1.5} /></div></section></div>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1