From d7b97c5c6a2e12b9a88eebffc187fe5157740f93 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 17:43:54 +0000
Subject: [PATCH 1/2] Bob AI: Add nike-collection page

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

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..750064e 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 NikeCollectionPage from "@/pages/NikeCollectionPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/nike-collection" element={<NikeCollectionPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index a0c4a74..88d53eb 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Faq",
     "href": "#faq"
-  }
+  },
+  { name: "Nike Collection", href: "/nike-collection" },
+
 ];
 
   return (
diff --git a/src/pages/NikeCollectionPage.tsx b/src/pages/NikeCollectionPage.tsx
new file mode 100644
index 0000000..5d7ffd4
--- /dev/null
+++ b/src/pages/NikeCollectionPage.tsx
@@ -0,0 +1,87 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import NoiseGradientBackground from "@/components/ui/NoiseGradientBackground";
+import HeroSplitMediaGrid from "@/components/sections/hero/HeroSplitMediaGrid";
+import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
+import ChatMarquee from "@/components/ui/ChatMarquee";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function NikeCollectionPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground selection:bg-primary-cta selection:text-primary-cta">
+      <NoiseGradientBackground position="fixed" />
+      
+      <NavbarCentered
+        logo="NIKE AVANT-GARDE"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Shop Collection", href: "/shop" }}
+      />
+
+      <main className="relative z-10 pt-24">
+        <HeroSplitMediaGrid
+          tag="FW24 EXCLUSIVE"
+          title="Redefining Athletic Couture"
+          description="Experience the intersection of high fashion and peak performance. The new Nike Avant-Garde collection pushes the boundaries of technical apparel with radical silhouettes and next-generation fabrics."
+          primaryButton={{ text: "Explore Lookbook", href: "#lookbook" }}
+          secondaryButton={{ text: "Watch Film", href: "#video" }}
+          items={[
+            { imageSrc: "https://images.unsplash.com/photo-1556821840-3a63f95609a7?auto=format&fit=crop&q=80" },
+            { imageSrc: "https://images.unsplash.com/photo-1608231387042-66d1773070a5?auto=format&fit=crop&q=80" },
+            { imageSrc: "https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&q=80" },
+            { imageSrc: "https://images.unsplash.com/photo-1523381210434-271e8be1f52b?auto=format&fit=crop&q=80" }
+          ]}
+        />
+
+        <div className="py-24 bg-card/50 backdrop-blur-sm border-y border-border">
+          <div className="container mx-auto px-4 mb-12 text-center">
+            <h2 className="text-3xl font-bold tracking-tight mb-4">AI Styling Concierge</h2>
+            <p className="text-muted-foreground max-w-2xl mx-auto">Interact with our advanced neural network to find the perfect avant-garde pieces tailored to your specific aesthetic and performance needs.</p>
+          </div>
+          <ChatMarquee
+            aiIcon="✨"
+            userIcon="👤"
+            placeholder="Ask the Nike AI Concierge..."
+            exchanges={[
+              { userMessage: "I need a jacket for extreme urban weather.", aiResponse: "The Aero-Knit Trench features thermoregulating micro-fibers perfect for unpredictable city climates." },
+              { userMessage: "What sizes are available for the Void Runners?", aiResponse: "The Void Runners are currently available in US Men's 7-14 and Women's 5-12." },
+              { userMessage: "Show me pieces with reflective materials.", aiResponse: "I recommend the Quantum Tech Pants, which utilize 3M Scotchlite threading for 360-degree visibility." }
+            ]}
+          />
+        </div>
+
+        <ProductMediaCards
+          tag="THE COLLECTION"
+          title="Engineered for the Extraordinary"
+          description="Meticulously crafted using proprietary textiles. Limited quantities available globally."
+          primaryButton={{ text: "View Full Catalog", href: "/catalog" }}
+          products={[
+            {
+              name: "Aero-Knit Trench",
+              price: "$450",
+              imageSrc: "https://images.unsplash.com/photo-1591047139829-d91aecb6caea?auto=format&fit=crop&q=80",
+              onClick: () => console.log("View Trench")
+            },
+            {
+              name: "Quantum Tech Pants",
+              price: "$280",
+              imageSrc: "https://images.unsplash.com/photo-1556821840-3a63f95609a7?auto=format&fit=crop&q=80",
+              onClick: () => console.log("View Pants")
+            },
+            {
+              name: "Void Runner Sneakers",
+              price: "$320",
+              imageSrc: "https://images.unsplash.com/photo-1608231387042-66d1773070a5?auto=format&fit=crop&q=80",
+              onClick: () => console.log("View Sneakers")
+            }
+          ]}
+        />
+      </main>
+
+      <FooterMinimal
+        brand="NIKE AVANT-GARDE"
+        copyright="© 2024 Nike, Inc. All Rights Reserved. Not a real store."
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..bebdcf8 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: '/nike-collection', label: 'Nike Collection', pageFile: 'NikeCollectionPage' },
 ];
-- 
2.49.1


From 4a35e7bdd60fa226a3c611c6d27628e8f00addb8 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 17:44:38 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/NikeCollectionPage.tsx
 (snippet builder, 3 sections)

---
 src/pages/NikeCollectionPage.tsx | 107 +++++++------------------------
 1 file changed, 24 insertions(+), 83 deletions(-)

diff --git a/src/pages/NikeCollectionPage.tsx b/src/pages/NikeCollectionPage.tsx
index 5d7ffd4..9977858 100644
--- a/src/pages/NikeCollectionPage.tsx
+++ b/src/pages/NikeCollectionPage.tsx
@@ -1,87 +1,28 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import NoiseGradientBackground from "@/components/ui/NoiseGradientBackground";
-import HeroSplitMediaGrid from "@/components/sections/hero/HeroSplitMediaGrid";
-import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
-import ChatMarquee from "@/components/ui/ChatMarquee";
-import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
+import FeaturesStickyCards from "@/components/sections/features/FeaturesStickyCards";
+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 NikeCollectionPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground selection:bg-primary-cta selection:text-primary-cta">
-      <NoiseGradientBackground position="fixed" />
-      
-      <NavbarCentered
-        logo="NIKE AVANT-GARDE"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Shop Collection", href: "/shop" }}
-      />
-
-      <main className="relative z-10 pt-24">
-        <HeroSplitMediaGrid
-          tag="FW24 EXCLUSIVE"
-          title="Redefining Athletic Couture"
-          description="Experience the intersection of high fashion and peak performance. The new Nike Avant-Garde collection pushes the boundaries of technical apparel with radical silhouettes and next-generation fabrics."
-          primaryButton={{ text: "Explore Lookbook", href: "#lookbook" }}
-          secondaryButton={{ text: "Watch Film", href: "#video" }}
-          items={[
-            { imageSrc: "https://images.unsplash.com/photo-1556821840-3a63f95609a7?auto=format&fit=crop&q=80" },
-            { imageSrc: "https://images.unsplash.com/photo-1608231387042-66d1773070a5?auto=format&fit=crop&q=80" },
-            { imageSrc: "https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&q=80" },
-            { imageSrc: "https://images.unsplash.com/photo-1523381210434-271e8be1f52b?auto=format&fit=crop&q=80" }
-          ]}
-        />
-
-        <div className="py-24 bg-card/50 backdrop-blur-sm border-y border-border">
-          <div className="container mx-auto px-4 mb-12 text-center">
-            <h2 className="text-3xl font-bold tracking-tight mb-4">AI Styling Concierge</h2>
-            <p className="text-muted-foreground max-w-2xl mx-auto">Interact with our advanced neural network to find the perfect avant-garde pieces tailored to your specific aesthetic and performance needs.</p>
-          </div>
-          <ChatMarquee
-            aiIcon="✨"
-            userIcon="👤"
-            placeholder="Ask the Nike AI Concierge..."
-            exchanges={[
-              { userMessage: "I need a jacket for extreme urban weather.", aiResponse: "The Aero-Knit Trench features thermoregulating micro-fibers perfect for unpredictable city climates." },
-              { userMessage: "What sizes are available for the Void Runners?", aiResponse: "The Void Runners are currently available in US Men's 7-14 and Women's 5-12." },
-              { userMessage: "Show me pieces with reflective materials.", aiResponse: "I recommend the Quantum Tech Pants, which utilize 3M Scotchlite threading for 360-degree visibility." }
-            ]}
-          />
-        </div>
-
-        <ProductMediaCards
-          tag="THE COLLECTION"
-          title="Engineered for the Extraordinary"
-          description="Meticulously crafted using proprietary textiles. Limited quantities available globally."
-          primaryButton={{ text: "View Full Catalog", href: "/catalog" }}
-          products={[
-            {
-              name: "Aero-Knit Trench",
-              price: "$450",
-              imageSrc: "https://images.unsplash.com/photo-1591047139829-d91aecb6caea?auto=format&fit=crop&q=80",
-              onClick: () => console.log("View Trench")
-            },
-            {
-              name: "Quantum Tech Pants",
-              price: "$280",
-              imageSrc: "https://images.unsplash.com/photo-1556821840-3a63f95609a7?auto=format&fit=crop&q=80",
-              onClick: () => console.log("View Pants")
-            },
-            {
-              name: "Void Runner Sneakers",
-              price: "$320",
-              imageSrc: "https://images.unsplash.com/photo-1608231387042-66d1773070a5?auto=format&fit=crop&q=80",
-              onClick: () => console.log("View Sneakers")
-            }
-          ]}
-        />
-      </main>
-
-      <FooterMinimal
-        brand="NIKE AVANT-GARDE"
-        copyright="© 2024 Nike, Inc. All Rights Reserved. Not a real store."
-      />
-    </div>
+    <>
+      <div data-webild-section="HeroBillboardScroll"><HeroBillboardScroll
+        tag="LUXOR x NIKE"
+        title="Engineered for the Fearless"
+        description="Italian automotive precision meets premium athletic streetwear. Discover an exclusive, avant-garde collection designed for the future."
+        primaryButton={{"text":"Shop Collection","href":"#collection"}}
+        secondaryButton={{"text":"AI Concierge","href":"#concierge"}}
+        imageSrc="https://img.freepik.com/premium-photo/man-wearing-futuristic-streetwear-jacket-with-neon-lights_1000823-12345.jpg"
+      /></div>
+      <div data-webild-section="FeaturesStickyCards"><FeaturesStickyCards
+        items={[{"title":"Aero-Weave Tech Jacket","description":"Engineered with wind-tunnel tested fabrics for hypersonic mobility and thermal regulation.","leftImageSrc":"https://img.freepik.com/premium-photo/fashion-portrait-young-man-black-jacket_1048944-24536214.jpg","rightImageSrc":"https://img.freepik.com/premium-photo/black-carbon-fiber-texture-background_1048944-123456.jpg","primaryButton":{"text":"Pre-Order","href":"#pre-order"}},{"title":"Carbon-Thread Track Pants","description":"Italian precision meets athletic streetwear. Woven with micro-carbon fibers for ultimate durability.","leftImageSrc":"https://img.freepik.com/premium-photo/man-black-techwear-pants-standing-city_1048944-123457.jpg","rightImageSrc":"https://img.freepik.com/premium-photo/close-up-black-fabric-texture_1048944-123458.jpg","primaryButton":{"text":"Explore Details","href":"#details"}},{"title":"Velocity Kinetic Footwear","description":"Aerodynamic silhouette with a responsive kinetic sole. Designed for the fearless.","leftImageSrc":"https://img.freepik.com/premium-photo/black-sneaker-with-neon-lights-dark-background_1048944-123459.jpg","rightImageSrc":"https://img.freepik.com/premium-photo/abstract-black-geometric-background_1048944-123460.jpg","primaryButton":{"text":"View Specs","href":"#specs"}},{"title":"Apex Performance Visor","description":"Integrated HUD-compatible eyewear with polarized UV protection and titanium framing.","leftImageSrc":"https://img.freepik.com/premium-photo/futuristic-sunglasses-dark-background_1048944-123461.jpg","rightImageSrc":"https://img.freepik.com/premium-photo/brushed-metal-texture-background_1048944-123462.jpg","primaryButton":{"text":"Discover","href":"#visor"}}]}
+      /></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