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/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 (
     <>
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' },
 ];