Design static preview images for Pilot sections

[hta218]

Parent

https://github.com/Weaverse/builder/issues/2682

Context

Studio will support static preview images for section schemas. Pilot needs designer-created placeholder preview images so the Add Section picker can show instant, polished previews instead of waiting for live iframe rendering.

These images do not need to use real products, real store assets, or production content. Placeholder content is enough as long as each section's layout/visual structure is recognizable.

Scope

• Create static preview images for all Pilot sections.
• Placeholder images/text/products are acceptable; the goal is fast visual recognition in Studio.
• Use a consistent visual style and crop that works well in Studio's preview panel.
• Export WebP assets with stable, clear filenames.
• Upload all exported images to the Weaverse Storage store.
• After upload, add a comment on this issue containing the complete mapping:
  • section name/type
  • uploaded preview image URL

Suggested asset guidelines

• Format: WebP.
• Recommended size: around 600x1000 or similar portrait ratio for the current picker panel.
• Avoid tiny unreadable text.
• Show the section layout clearly, using placeholder content where needed.
• Use naming like section-previews/<section-type>.v1.webp.

Deliverable

A comment on this issue with all uploaded Weaverse Storage URLs, for example:

| Section type | Preview image URL |
| --- | --- |
| hero-image | https://... |
| image-with-text | https://... |

Dev will use those URLs later to update section schemas in code.

Acceptance criteria

• Every Pilot section has a static preview image.
• All images are uploaded to Weaverse Storage store.
• A complete section type/name → image URL mapping is posted as a comment on this issue.
• The assets are ready for dev to add as previewImage values in section schemas.