Bob AI: Populate src/pages/InventoryPage.tsx (snippet builder, 1 sections)

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>
+    </>
   );
-}
+}