Wire homepage banners to Meshkee static-image slots.

Publish a slot catalog so the dashboard can import keys, and keep local placeholders when a slot is empty.

Co-authored-by: Cursor <cursoragent@cursor.com>

.cursor/rules/static-image-slots.mdc

@@ -0,0 +1,17 @@
+---
+description: Keep Meshkee static-image slot catalog in sync with on-page image sizes.
+globs: lib/static-images.ts,app/meshkee/**,components/HeroSlider.tsx,components/Banners.tsx,components/Categories.tsx,components/AboutUs.tsx,app/page.tsx,app/aboutus/page.tsx
+alwaysApply: false
+---
+
+# Static image slot catalog
+
+Named homepage slots are defined in `lib/static-images.ts` (`STATIC_IMAGE_SLOT_CATALOG`) and published at `GET /meshkee/static-image-slots`.
+
+When you change a slot’s layout, CSS aspect ratio, or displayed width:
+
+1. Update that slot’s `aspectRatio` (`W:H`) and `recommendedWidth` in `STATIC_IMAGE_SLOT_CATALOG` in the **same change**.
+2. Keep using `slot.aspectRatio` from the Meshkee API on the rendered frame.
+3. Do not invent upload or CMS APIs. Empty/failed slots keep the local placeholder.
+
+Keys: `slider`, `banners-below-slider`, `categories`, `four-banner-section`, `three-banner-row`, `about-us-image`.