From 816d400d7ce17416e325105db7e45c97cfd15709 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 3 Jul 2026 23:11:16 +0000
Subject: [PATCH 1/2] Bob AI: Add shop page

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

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..3f99632 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 ShopPage from "@/pages/ShopPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/shop" element={<ShopPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index f769cdc..5d9e1b3 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Contact",
     "href": "#contact"
-  }
+  },
+  { name: "Shop", href: "/shop" },
+
 ];
 
   return (
diff --git a/src/pages/ShopPage.tsx b/src/pages/ShopPage.tsx
new file mode 100644
index 0000000..0620d30
--- /dev/null
+++ b/src/pages/ShopPage.tsx
@@ -0,0 +1,62 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function ShopPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="Brand"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "/contact" }}
+      />
+
+      <main className="flex-grow flex flex-col items-center pt-32 pb-24 px-4 sm:px-6 lg:px-8">
+        <div className="w-full max-w-7xl mx-auto">
+          <div className="text-center mb-12">
+            <h1 className="text-5xl md:text-7xl font-bold tracking-tight text-foreground mb-6">
+              Our Collection
+            </h1>
+            <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
+              Browse our curated selection of premium items directly from our catalog.
+            </p>
+          </div>
+
+          <div className="w-full rounded-2xl overflow-hidden border border-border bg-card shadow-2xl">
+            <iframe
+              className="w-full h-[800px] bg-transparent"
+              src="https://airtable.com/embed/appXXXXXXXX/shrYYYYYYYY?backgroundColor=dark"
+              title="Airtable Collection Embed"
+            />
+          </div>
+        </div>
+      </main>
+
+      <FooterSimple
+        brand="Brand"
+        columns={[
+          {
+            title: "Shop",
+            items: [
+              { label: "Collection", href: "/shop" },
+              { label: "New Arrivals", href: "/shop" },
+            ],
+          },
+          {
+            title: "Company",
+            items: [
+              { label: "About", href: "/about" },
+              { label: "Contact", href: "/contact" },
+            ],
+          },
+        ]}
+        copyright="© 2024 Brand Inc. All rights reserved."
+        links={[
+          { label: "Privacy Policy", href: "#" },
+          { label: "Terms of Service", href: "#" },
+        ]}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..0e35e4b 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: '/shop', label: 'Shop', pageFile: 'ShopPage' },
 ];
-- 
2.49.1


From 171aca6db95c550e1d8ea72521ced3295f4d1a4d Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 3 Jul 2026 23:12:16 +0000
Subject: [PATCH 2/2] Bob AI (stub): Add a new page called "Shop". On this
 page, add a section ti

---
 src/pages/HomePage.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 79565b1..2af5e94 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -7,6 +7,9 @@ import HeroCenteredLogos from '@/components/sections/hero/HeroCenteredLogos';
 import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
+
+{/* webild-stub @2026-07-03T23:12:15.552Z: Add a new page called "Shop". On this page, add a section titled "Our Collection" in large bold text. Below the title, embed an iframe using the provided Airtable source link with full width and 800px height. Ensure the background of this s */}
+
 export default function HomePage() {
   return (
     <>
-- 
2.49.1