Sitewright

Art marketplace page

Landing page with nav and cart, layered art-frame hero, filterable artwork grid with likes and hover zoom, artist spotlight, categories, newsletter and footer.

What it is for

shop or portfolio landing page

Add it to a site

1 · site.json
"effects": { "templates": ["art-marketplace-page"] }
or on the command line
node ~/.claude/skills/sitewright/scripts/scaffold.mjs --config site.json --out ./my-site --templates art-marketplace-page
2 · import it
import ArtMarketplacePage from '@/components/fx/tpl/ArtMarketplacePage';

Files

  • components/fx/tpl/ArtMarketplacePage.tsx
  • components/fx/tpl/_shared.tsx
  • ui-art-marketplace-page.css styles

About it

Idea from code.xr; the code is written for this kit. Demo data is fictional and deterministic. Every control on the page works, so try it before you take it.

It answers its own width rather than the screen's, so the tablet and phone buttons show the real responsive behaviour. Templates are not components: they are chosen with templates, not components.