diff --git a/src/app/marketplace/page.tsx b/src/app/marketplace/page.tsx new file mode 100644 index 0000000..4c709c0 --- /dev/null +++ b/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 ( + + + + +
+ +
+ + +
+
+ ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index ea3c252..19240e4 100644 --- a/src/app/page.tsx +++ b/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: "#"}, ],