Workflow: Add to Cart

1import { ProductGallery } from '@/components/fanbace/product-gallery';
2 
3export function BrowseProducts() {
4  const { products } = useProducts();
5 
6  return (
7    <ProductGallery
8      products={products}
9      onProductClick={(product) => {
10        // Navigate to product detail page
11        router.push(`/products/${product.id}`);
12      }}
13    />
14  );
15}