From 6873267e023ac6d9880f1f93f611cdc24122fcd9 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 18:52:44 +0000
Subject: [PATCH 1/2] Bob AI: Add products page

---
 src/pages/ProductsPage.tsx | 129 +++++++++++++++++++++++++++++--------
 1 file changed, 102 insertions(+), 27 deletions(-)

diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx
index 867aefe..70890af 100644
--- a/src/pages/ProductsPage.tsx
+++ b/src/pages/ProductsPage.tsx
@@ -1,31 +1,106 @@
-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";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
+import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function ProductsPage() {
   return (
-    <>
-      <div data-webild-section="HeroBillboard"><section aria-label="Hero section" className="relative pt-25 pb-20 md:pt-30"><HeroBackgroundSlot /><div className="flex flex-col gap-12 md:gap-15 w-content-width mx-auto"><div className="flex flex-col items-center gap-3 text-center"><AvatarGroup avatarsSrc={["https://img.freepik.com/free-photo/portrait-white-man-isolated_53876-40306.jpg","https://img.freepik.com/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-isolated-blue-background_1258-100020.jpg","https://img.freepik.com/free-photo/handsome-confident-smiling-man-with-hands-crossed-chest_176420-18743.jpg"]} label="Trusted by Carlos R., Maria L., and local anglers" className="mb-1" /><TextAnimation text="High-Performance Fishing Rods" variant="fade-blur" gradientText={true} tag="h1" className="md:max-w-8/10 text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Browse our extensive inventory of premium fishing rods. Check real-time stock, compare pricing, and choose between fast shipping or in-store pickup." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Shop All Rods" href="#categories" variant="primary" /><Button text="View In-Stock" href="#in-stock" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="slide-up" delay={0.2} className="w-full p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://picsum.photos/seed/989317248/1200/800" className="aspect-4/5 md:aspect-video" /></ScrollReveal></div></section></div>
-      <div data-webild-section="ProductQuantityCards"><ProductQuantityCards
-        tag="Rods Inventory"
-        title="High-Performance Fishing Rods"
-        description="Browse our selection of heavy-duty and lightweight rods. Built for durability and precision on the water."
-        primaryButton={{"text":"View All Categories","href":"/products"}}
-        products={[{"name":"Offshore Heavy Duty Rod","price":"$149.99","imageSrc":"https://img.freepik.com/free-photo/fishing-rod-lake_1150-12345.jpg"},{"name":"Inshore Spinning Rod","price":"$89.99","imageSrc":"https://img.freepik.com/free-photo/close-up-fishing-rod_23-2148138900.jpg"},{"name":"Carbon Fiber Casting Rod","price":"$129.99","imageSrc":"https://img.freepik.com/free-photo/fishing-equipment-wooden-background_23-2148138915.jpg"},{"name":"Telescopic Travel Rod","price":"$59.99","imageSrc":"https://img.freepik.com/free-photo/fishing-rod-with-reel-lake_23-2148138930.jpg"}]}
-      /></div>
-      <div data-webild-section="FeaturesAttributeCards"><FeaturesAttributeCards
-        tag="Premium Rods"
-        title="High-Performance Fishing Rods"
-        description="Explore our curated selection of rugged fishing rods. Built for durability and precision, available for immediate pickup or fast shipping."
-        primaryButton={{"text":"View All Gear","href":"/products"}}
-        secondaryButton={{"text":"Shipping Policy","href":"/shipping"}}
-        items={[{"title":"Kraken Offshore Troller","tags":"Saltwater • Heavy Power","badge":"In Stock","details":[{"icon":"DollarSign","label":"Price","value":"$249.99"},{"icon":"Package","label":"Inventory","value":"12 units"},{"icon":"Truck","label":"Fulfillment","value":"Ship / Pickup"}],"imageSrc":"https://img.freepik.com/premium-photo/fishing-rod-reel-boat-sea_1048944-2453186.jpg"},{"title":"Coastal Carbon Spinner","tags":"Inshore • Medium-Heavy","badge":"Low Stock","details":[{"icon":"DollarSign","label":"Price","value":"$159.00"},{"icon":"Package","label":"Inventory","value":"3 units"},{"icon":"Store","label":"Fulfillment","value":"Pickup Only"}],"imageSrc":"https://img.freepik.com/free-photo/close-up-fishing-rod-with-reel_23-2148138914.jpg"},{"title":"Tidal Wave Surf Caster","tags":"Surf • Extra Heavy","badge":"In Stock","details":[{"icon":"DollarSign","label":"Price","value":"$189.50"},{"icon":"Package","label":"Inventory","value":"24 units"},{"icon":"Truck","label":"Fulfillment","value":"Ship / Pickup"}],"imageSrc":"https://img.freepik.com/premium-photo/man-fishing-beach-with-fishing-rod_1048944-1845123.jpg"},{"title":"Lake Phantom Baitcaster","tags":"Freshwater • Medium","badge":"Out of Stock","details":[{"icon":"DollarSign","label":"Price","value":"$129.99"},{"icon":"Package","label":"Inventory","value":"0 units"},{"icon":"Clock","label":"Fulfillment","value":"Backorder"}],"imageSrc":"https://img.freepik.com/free-photo/fishing-rod-lake-with-nature-background_1150-15345.jpg"}]}
-      /></div>
-    </>
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="DeepStrike"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "View Cart", href: "/cart" }}
+      />
+
+      <main className="flex-grow">
+        <HeroBillboard
+          tag="Offshore Collection"
+          title="Conquer the Deep Blue"
+          description="Premium offshore lures engineered to trigger aggressive strikes from the ocean's apex predators. Built tough for the biggest battles."
+          primaryButton={{ text: "Shop Collection", href: "#collection" }}
+          secondaryButton={{ text: "Watch in Action", href: "#video" }}
+          imageSrc="https://images.unsplash.com/photo-1583417267838-42ab2ce14ba6?auto=format&fit=crop&q=80"
+        />
+
+        <div id="collection">
+          <ProductMediaCards
+            tag="Our Lures"
+            title="Proven Fish Catchers"
+            description="Hand-crafted and rigorously tested in the toughest offshore conditions to ensure maximum performance."
+            products={[
+              {
+                name: "Kraken Teaser",
+                price: "$45.00",
+                imageSrc: "https://images.unsplash.com/photo-1599508704512-2f19efd1e35f?auto=format&fit=crop&q=80",
+                onClick: () => console.log("Clicked Kraken Teaser")
+              },
+              {
+                name: "Pelagic Popper",
+                price: "$32.00",
+                imageSrc: "https://images.unsplash.com/photo-1611077544812-70b55238b1ce?auto=format&fit=crop&q=80",
+                onClick: () => console.log("Clicked Pelagic Popper")
+              },
+              {
+                name: "Wahoo Bullet",
+                price: "$28.00",
+                imageSrc: "https://images.unsplash.com/photo-1551221602-181512141525?auto=format&fit=crop&q=80",
+                onClick: () => console.log("Clicked Wahoo Bullet")
+              }
+            ]}
+          />
+        </div>
+
+        <FeaturesIconCards
+          tag="The Advantage"
+          title="Built for the Battle"
+          description="Every lure is constructed with premium materials to withstand the punishing strikes of big game fish."
+          features={[
+            {
+              icon: "💎",
+              title: "Shatterproof Resin",
+              description: "Optically clear, impact-resistant heads that won't crack under the pressure of crushing jaws."
+            },
+            {
+              icon: "✨",
+              title: "UV Enhanced Skirts",
+              description: "Vibrant, UV-reactive materials that stand out in deep water and trigger predatory instincts."
+            },
+            {
+              icon: "🔗",
+              title: "Through-Wire Construction",
+              description: "Heavy-duty stainless steel wire ensures you never lose a trophy fish to tackle failure."
+            }
+          ]}
+        />
+      </main>
+
+      <FooterSimple
+        brand="DeepStrike Lures"
+        copyright="© 2024 DeepStrike Lures. All rights reserved."
+        columns={[
+          {
+            title: "Shop",
+            items: [
+              { label: "Trolling Lures", href: "/products" },
+              { label: "Casting Plugs", href: "/products" },
+              { label: "Teasers", href: "/products" }
+            ]
+          },
+          {
+            title: "Company",
+            items: [
+              { label: "About Us", href: "/about" },
+              { label: "Contact", href: "/contact" }
+            ]
+          }
+        ]}
+        links={[
+          { label: "Privacy Policy", href: "#" },
+          { label: "Terms of Service", href: "#" }
+        ]}
+      />
+    </div>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 77e0e5e96d7a651b65e38ff837314059c5803339 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 18:53:16 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/ProductsPage.tsx (snippet
 builder, 2 sections)

---
 src/pages/ProductsPage.tsx | 116 +++++--------------------------------
 1 file changed, 14 insertions(+), 102 deletions(-)

diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx
index 70890af..d5aa390 100644
--- a/src/pages/ProductsPage.tsx
+++ b/src/pages/ProductsPage.tsx
@@ -1,106 +1,18 @@
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
-import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
+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 { ArrowUpRight, Loader2 } from "lucide-react";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import useProducts from "@/hooks/useProducts";
 
 export default function ProductsPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
-      <NavbarCentered
-        logo="DeepStrike"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "View Cart", href: "/cart" }}
-      />
-
-      <main className="flex-grow">
-        <HeroBillboard
-          tag="Offshore Collection"
-          title="Conquer the Deep Blue"
-          description="Premium offshore lures engineered to trigger aggressive strikes from the ocean's apex predators. Built tough for the biggest battles."
-          primaryButton={{ text: "Shop Collection", href: "#collection" }}
-          secondaryButton={{ text: "Watch in Action", href: "#video" }}
-          imageSrc="https://images.unsplash.com/photo-1583417267838-42ab2ce14ba6?auto=format&fit=crop&q=80"
-        />
-
-        <div id="collection">
-          <ProductMediaCards
-            tag="Our Lures"
-            title="Proven Fish Catchers"
-            description="Hand-crafted and rigorously tested in the toughest offshore conditions to ensure maximum performance."
-            products={[
-              {
-                name: "Kraken Teaser",
-                price: "$45.00",
-                imageSrc: "https://images.unsplash.com/photo-1599508704512-2f19efd1e35f?auto=format&fit=crop&q=80",
-                onClick: () => console.log("Clicked Kraken Teaser")
-              },
-              {
-                name: "Pelagic Popper",
-                price: "$32.00",
-                imageSrc: "https://images.unsplash.com/photo-1611077544812-70b55238b1ce?auto=format&fit=crop&q=80",
-                onClick: () => console.log("Clicked Pelagic Popper")
-              },
-              {
-                name: "Wahoo Bullet",
-                price: "$28.00",
-                imageSrc: "https://images.unsplash.com/photo-1551221602-181512141525?auto=format&fit=crop&q=80",
-                onClick: () => console.log("Clicked Wahoo Bullet")
-              }
-            ]}
-          />
-        </div>
-
-        <FeaturesIconCards
-          tag="The Advantage"
-          title="Built for the Battle"
-          description="Every lure is constructed with premium materials to withstand the punishing strikes of big game fish."
-          features={[
-            {
-              icon: "💎",
-              title: "Shatterproof Resin",
-              description: "Optically clear, impact-resistant heads that won't crack under the pressure of crushing jaws."
-            },
-            {
-              icon: "✨",
-              title: "UV Enhanced Skirts",
-              description: "Vibrant, UV-reactive materials that stand out in deep water and trigger predatory instincts."
-            },
-            {
-              icon: "🔗",
-              title: "Through-Wire Construction",
-              description: "Heavy-duty stainless steel wire ensures you never lose a trophy fish to tackle failure."
-            }
-          ]}
-        />
-      </main>
-
-      <FooterSimple
-        brand="DeepStrike Lures"
-        copyright="© 2024 DeepStrike Lures. All rights reserved."
-        columns={[
-          {
-            title: "Shop",
-            items: [
-              { label: "Trolling Lures", href: "/products" },
-              { label: "Casting Plugs", href: "/products" },
-              { label: "Teasers", href: "/products" }
-            ]
-          },
-          {
-            title: "Company",
-            items: [
-              { label: "About Us", href: "/about" },
-              { label: "Contact", href: "/contact" }
-            ]
-          }
-        ]}
-        links={[
-          { label: "Privacy Policy", href: "#" },
-          { label: "Terms of Service", href: "#" }
-        ]}
-      />
-    </div>
+    <>
+      <div data-webild-section="HeroBillboard"><section aria-label="Hero section" className="relative pt-25 pb-20 md:pt-30"><HeroBackgroundSlot /><div className="flex flex-col gap-12 md:gap-15 w-content-width mx-auto"><div className="flex flex-col items-center gap-3 text-center"><AvatarGroup avatarsSrc={["https://img.freepik.com/free-photo/portrait-fisherman-holding-fishing-rod_23-2148995383.jpg","https://img.freepik.com/free-photo/man-fishing-river_1303-22363.jpg","https://img.freepik.com/free-photo/close-up-man-holding-fish_23-2148995395.jpg"]} label="Trusted by pro anglers" className="mb-1" /><TextAnimation text="High-Performance Offshore Lures" variant="fade-blur" gradientText={true} tag="h1" className="md:max-w-8/10 text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Equip yourself with rugged, proven lures designed to attract marlin, tuna, and wahoo. Built for the toughest offshore conditions." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Shop Lures" href="#shop" variant="primary" /><Button text="View Categories" href="#categories" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="slide-up" delay={0.2} className="w-full p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/premium-photo/colorful-fishing-lure-with-hooks-water_1048944-18451833.jpg" className="aspect-4/5 md:aspect-video" /></ScrollReveal></div></section></div>
+      <div data-webild-section="ProductMediaCards"><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