Update src/app/shop/page.tsx

src/app/shop/page.tsx

@@ -5,9 +5,10 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function ShopPage() {
+  const navItems = [{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Shop", id: "/shop" }];
   return (
     <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay /></div>
+      <div id="nav" data-section="nav"><NavbarLayoutFloatingOverlay navItems={navItems} /></div>
       <ProductCardOne 
         title="Our Product Catalog" 
         description="Browse our full selection of professional-grade hardware and tools."
@@ -21,7 +22,7 @@ export default function ShopPage() {
           { id: "s3", name: "Hammer Set", price: "R 500", imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg" }
         ]}
       />
-      <FooterSimple columns={[]} />
+      <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 Tradesman Hardware" bottomRightText="All rights reserved." />
     </ThemeProvider>
   );
 }