MP-103: catalog-driven product bands

ISSUES.md

@@ -12,7 +12,7 @@ Each issue is formatted as `- [ ] [<ID>-<number>]`. When resolved it becomes -`
 - [x] [MP-100] Replaced the sketch-based hero with the inline hero video (muted by default with an audio toggle) and refreshed the favicon using the provided JPEG source.
 - [x] [MP-101] Changed the global theme to dark turquoise with golden typography, updating hero/sections/cards/buttons accordingly.
 - [x] [MP-102] Integrated the declarative `<mpr-footer>` from mpr-ui (non-sticky, no theme switch) plus lab-wide quick links.
-- [ ] [MP-103] Restructure landing page into four product bands
+- [x] [MP-103] Restructure landing page into four product bands
 
   Summary
   - Rebuild the entire landing page information architecture (below the hero) around four top-level sections: Research, Tools, Platform, Products.
@@ -59,6 +59,8 @@ Each issue is formatted as `- [ ] [<ID>-<number>]`. When resolved it becomes -`
       - Presence of section headings “Research”, “Tools”, “Platform”, “Products”.
       - At least one project card rendered under each of those headings, driven by the JSON catalog.
       - Every rendered card shows a name, description, and status badge, and either a working link or an explicit “coming soon” style when configured.
+  Outcome
+  - Created `data/projects.json`, rebuilt the four section bands to render cards from the catalog (status-sorted with static visuals), and added Playwright assertions for headings, cards, and link behavior.
 
 ## Improvements (200–299)
 

data/projects.json

@@ -0,0 +1,144 @@
+{
+  "projects": [
+    {
+      "id": "issues-md",
+      "name": "ISSUES.md",
+      "description": "Append-only lab worklog that tracks features, improvements, and maintenance activity across Marco Polo Research Lab projects.",
+      "status": "WIP",
+      "category": "Research",
+      "url": "https://github.com/MarcoPoloResearchLab/marcopolo.github.io/blob/main/ISSUES.md",
+      "public": true,
+      "icon": "assets/projects/issues-md.png"
+    },
+    {
+      "id": "photolab",
+      "name": "Photolab",
+      "description": "Local photo library classifier and search UI that writes high-confidence labels into EXIF, indexes metadata into SQLite, and serves a minimal browser-based search grid.",
+      "status": "WIP",
+      "category": "Research",
+      "url": null,
+      "public": false,
+      "icon": "assets/projects/photolab.svg"
+    },
+    {
+      "id": "ctx",
+      "name": "ctx",
+      "description": "Terminal-first project explorer for browsing trees, reading files with embedded docs, analysing call chains, and fetching upstream docs from GitHub via one CLI.",
+      "status": "Production",
+      "category": "Tools",
+      "url": "https://github.com/tyemirov/ctx",
+      "public": true,
+      "icon": "assets/projects/ctx.png"
+    },
+    {
+      "id": "gix",
+      "name": "gix",
+      "description": "Git and GitHub maintenance CLI for keeping large fleets of repositories healthy by normalising folder names, aligning remotes, and automating audit/release workflows.",
+      "status": "Production",
+      "category": "Tools",
+      "url": "https://github.com/tyemirov/gix",
+      "public": true,
+      "icon": "assets/projects/gix.png"
+    },
+    {
+      "id": "ghttp",
+      "name": "gHTTP",
+      "description": "Go-powered static file server that mirrors python -m http.server while adding Markdown rendering, structured logging, and easy HTTPS provisioning for local work or containers.",
+      "status": "Production",
+      "category": "Tools",
+      "url": "https://github.com/temirov/ghttp",
+      "public": true,
+      "icon": "assets/projects/ghttp.png"
+    },
+    {
+      "id": "loopaware",
+      "name": "LoopAware",
+      "description": "Customer feedback platform with an embeddable widget, Google-authenticated dashboard, and APIs for collecting, triaging, and responding to product messages.",
+      "status": "Production",
+      "category": "Platform",
+      "url": "https://loopaware.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/loopaware.svg"
+    },
+    {
+      "id": "pinguin",
+      "name": "Pinguin",
+      "description": "Production-ready notification service that exposes a gRPC API for email and SMS, persists jobs in SQLite, and retries failures with an exponential-backoff scheduler.",
+      "status": "Production",
+      "category": "Platform",
+      "url": "https://github.com/temirov/pinguin",
+      "public": true,
+      "icon": "assets/projects/pinguin.png"
+    },
+    {
+      "id": "ets",
+      "name": "Ephemeral Token Service (ETS)",
+      "description": "JWT + DPoP gateway that mints short-lived, browser-bound access tokens and reverse-proxies requests so front-end apps never handle provider secrets directly.",
+      "status": "Beta",
+      "category": "Platform",
+      "url": "https://ets.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/ets.svg"
+    },
+    {
+      "id": "tauth",
+      "name": "TAuth",
+      "description": "Google Sign-In and session service that verifies ID tokens, issues short-lived JWT cookies, and ships a tiny auth-client.js helper for same-origin apps.",
+      "status": "Production",
+      "category": "Platform",
+      "url": "https://tauth.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/tauth.svg"
+    },
+    {
+      "id": "ledger",
+      "name": "Ledger Service",
+      "description": "Standalone gRPC-based virtual credits ledger that tracks grants, reservations, captures, and releases in an append-only store backed by SQL with full auditability.",
+      "status": "Beta",
+      "category": "Platform",
+      "url": "https://github.com/tyemirov/ledger",
+      "public": true,
+      "icon": "assets/projects/ledger.png"
+    },
+    {
+      "id": "product-scanner",
+      "name": "Product Scanner",
+      "description": "Product detail page auditor that crawls listings, evaluates them against configurable rule packs, and reports gaps through a CLI and authenticated dashboard.",
+      "status": "Beta",
+      "category": "Products",
+      "url": "https://ps.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/product-scanner.svg"
+    },
+    {
+      "id": "sheet2tube",
+      "name": "Sheet2Tube",
+      "description": "CSV and web toolkit that round-trips YouTube channel metadata between spreadsheets and your account plus a GPT-powered helper for expanding scripted placeholders.",
+      "status": "Beta",
+      "category": "Products",
+      "url": "https://sheet2tube.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/sheet2tube.svg"
+    },
+    {
+      "id": "gravity-notes",
+      "name": "Gravity Notes",
+      "description": "Single-page Markdown notebook with an inline card grid, offline-first storage, and Google-backed sync so ideas flow without modal dialogs or context switches.",
+      "status": "Production",
+      "category": "Products",
+      "url": "https://gravity.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/gravity-notes.png"
+    },
+    {
+      "id": "rsvp",
+      "name": "RSVP",
+      "description": "Event invitation platform that generates QR-code-powered invites, tracks responses, and supports both local and production TLS setups for secure guest flows.",
+      "status": "Production",
+      "category": "Products",
+      "url": "https://rsvp.mprlab.com",
+      "public": true,
+      "icon": "assets/projects/rsvp.png"
+    }
+  ]
+}

docker-compose.yml

@@ -1,6 +1,6 @@
 services:
   site:
-    image: ghcr.io/temirov/ghttp:latest
+    image: ghcr.io/tyemirov/ghttp:latest
     container_name: mprlab-site
     restart: unless-stopped
     env_file: