Shop

1// Shop / catalog page — lists visible products, empty state when the catalog is empty.
2import { useEffect, useState } from "react";
3import { queryProducts } from "@/rest/wix-store-catalog";
4import ProductGrid from "@/components/ProductGrid";
5
6export default function Shop() {
7  const [products, setProducts] = useState(null);
8
9  useEffect(() => { queryProducts({ limit: 100 }).then((r) => setProducts(r.products)); }, []);
10
11  return (
12    <main className="max-w-[1200px] mx-auto p-4">
13      <h1 className="font-display mb-4">Shop</h1>
14      {products === null
15        ? <p className="text-muted-foreground">Loading…</p>
16        : <ProductGrid products={products} empty="No products yet — add some from your Wix dashboard." />}
17    </main>
18  );
19}