feat: refine storefront product and sale sections

CONTEXT.md

@@ -210,13 +210,23 @@ catalog data. `STATIC_IMAGE_SLOT_CATALOG` in `meshkee.ts` is the source of
 truth for which slots exist; publishing it via
 `src/app/meshkee/static-image-slots/route.ts` (`/meshkee/static-image-slots`)
 is how the admin dashboard's "refresh" imports new keys. Current keys:
-`home-hero`, `two-banner`, `three-banner-row`, `featured-categories`. Adding
+`home-hero`, `two-banner`, `three-banner-row`, `featured-categories`,
+`about-us-image`. `about-us-image` is a homepage `single` slot with a `14:9`
+ratio (the original 560×360 frame). `AboutSanihome` uses its first image,
+prefers `titleFa`, then `titleEn`, then `subtext` for alt text, wraps the image
+with `linkUrl` when present, and preserves `/images/about.svg` as the empty/error
+fallback. Adding
 a slot here does **not** make images appear — someone still has to upload
 them in the dashboard; the code path just needs to fall back to whatever the
 "current" behavior was before the slot existed when it's empty (see
 `FeaturedCategories.tsx` for the pattern: real slot images when present,
 else the pre-existing UI unchanged).
 
+**Static-image sizing rule:** whenever a slot's rendered image dimensions or
+aspect ratio change during development, update the matching
+`STATIC_IMAGE_SLOT_CATALOG` entry (`aspectRatio` and `recommendedWidth`) in the
+same change so `/meshkee/static-image-slots` stays accurate for the dashboard.
+
 ## Homepage product carousels — fully dynamic, don't hardcode a name/key
 
 `GET /tenants/{domain}/store-specials` returns **every** admin-managed named