src/app/marketplace/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { useState } from 'react';
+
+export default function MarketplacePage() {
+  const [searchValue, setSearchValue] = useState('');
+  
+  const products = [
+    { id: '1', name: 'Organic Heirloom Seeds', price: '$12.00', rating: 5, imageSrc: 'http://img.b2bpic.net/free-photo/flat-lay-gardening-composition-with-copyspace_23-2148127877.jpg' },
+    { id: '2', name: 'High-Yield Wheat Crop', price: '$45.00', rating: 4, imageSrc: 'http://img.b2bpic.net/free-photo/aerial-view-beautiful-country-landscape_181624-49667.jpg' },
+    { id: '3', name: 'Professional Soil Mix', price: '$25.00', rating: 5, imageSrc: 'http://img.b2bpic.net/free-photo/close-up-male-hands-holding-soil-plant_23-2148814122.jpg' },
+    { id: '4', name: 'Sustainable Fertilizer', price: '$30.00', rating: 4, imageSrc: 'http://img.b2bpic.net/free-photo/diverse-viking-men-outdoors_23-2151689965.jpg' }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="aurora"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Marketplace", id: "/marketplace" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="HarvestHub"
+          />
+        </div>
+
+        <div id="marketplace" data-section="marketplace" style={{ paddingTop: "100px", paddingBottom: "100px" }}>
+          <ProductCatalog 
+            layout="page"
+            products={products}
+            searchValue={searchValue}
+            onSearchChange={setSearchValue}
+            searchPlaceholder="Find seeds, crops, or logistics services..."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="HarvestHub"
+            columns={[
+              { title: "Marketplace", items: [{ label: "Shop", href: "/marketplace" }] },
+              { title: "Company", items: [{ label: "Home", href: "/" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
         {
           name: "Home",          id: "hero"},
         {
-          name: "Shop",          id: "products"},
+          name: "Shop",          id: "/marketplace"},
         {
           name: "About",          id: "about"},
         {
@@ -52,7 +52,7 @@ export default function LandingPage() {
       description="The ultimate marketplace connecting modern farmers with premium seeds, tools, and sustainable crop solutions."
       buttons={[
         {
-          text: "Shop Now",          href: "#products"},
+          text: "Shop Now",          href: "/marketplace"},
         {
           text: "Learn More",          href: "#about"},
       ]}
@@ -214,7 +214,7 @@ export default function LandingPage() {
         {
           title: "Marketplace",          items: [
             {
-              label: "Shop",              href: "#products"},
+              label: "Shop",              href: "/marketplace"},
             {
               label: "Sell",              href: "#"},
           ],