import { useState, useEffect } from 'react'; import Link from 'next/link'; import Head from 'next/head'; interface Listing { id: string; title: string; description: string; price: number; currency: string; quantity: number; category: string; status: string; sellerName?: string; location?: { city?: string; region?: string }; tags: string[]; viewCount: number; createdAt: string; } interface MarketplaceStats { totalListings: number; activeListings: number; totalSales: number; topCategories: { category: string; count: number }[]; } const categoryLabels: Record = { seeds: 'Seeds', seedlings: 'Seedlings', mature_plants: 'Mature Plants', cuttings: 'Cuttings', produce: 'Produce', supplies: 'Supplies', }; const categoryIcons: Record = { seeds: '🌰', seedlings: '🌱', mature_plants: '🪴', cuttings: '✂️', produce: '🥬', supplies: '🧰', }; export default function MarketplacePage() { const [featured, setFeatured] = useState([]); const [recent, setRecent] = useState([]); const [stats, setStats] = useState(null); const [popularTags, setPopularTags] = useState<{ tag: string; count: number }[]>([]); const [loading, setLoading] = useState(true); const [searchQuery, setSearchQuery] = useState(''); useEffect(() => { fetchMarketplaceData(); }, []); const fetchMarketplaceData = async () => { try { const response = await fetch('/api/marketplace/featured'); const data = await response.json(); if (!response.ok) { throw new Error(data.error || 'Failed to fetch marketplace data'); } setFeatured(data.featured || []); setRecent(data.recent || []); setStats(data.stats || null); setPopularTags(data.popularTags || []); } catch (error) { console.error('Error fetching marketplace data:', error); } finally { setLoading(false); } }; const handleSearch = (e: React.FormEvent) => { e.preventDefault(); if (searchQuery.trim()) { window.location.href = `/marketplace/listings?q=${encodeURIComponent(searchQuery)}`; } }; return (

Plant Marketplace - LocalGreenChain {/* Header */}

LocalGreenChain

{/* Hero Section */}