\n {/* Header */}\n

🛒 FreshMart

\n Fresh groceries delivered\n

\n \n {/* Search */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent\"\n />\n

\n \n {/* Cart Button */}\n setShowCart(!showCart)}\n className=\"relative bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors\"\n >\n 🛒 Cart\n {getCartItemCount() > 0 && (\n \n {getCartItemCount()}\n \n )}\n \n

\n\n

\n {/* Sidebar */}\n

\n {selectedCategory === 'all' \n ? 'All Products' \n : categories.find(c => c.id === selectedCategory)?.name || 'Products'\n }\n

\n {filteredProducts.length} products found\n

\n \n \n

\n\n {/* Cart Sidebar */}\n {showCart && (\n

\n setShowCheckout(true)}\n onClose={() => setShowCart(false)}\n />\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/TechEnthusiast/At_your_doorstep/code/frontend/components/App.tsx","extension","actionData","errors"]

Categories

\n {selectedCategory === 'all' \n ? 'All Products' \n : categories.find(c => c.id === selectedCategory)?.name || 'Products'\n }\n