redesign the homepage

apps/homepage/tests/fixtures/README.md

@@ -0,0 +1,5 @@
+# Phase 11 foundation fixtures
+
+Phase 10 did not approve a component-workbench dependency. The repository therefore uses the live localized shell plus the matrix in `foundation-matrix.json` as the approved equivalent fixture strategy.
+
+Playwright functional, accessibility, responsive, and visual suites consume the same production routes and components. This avoids a parallel story-only rendering path that could pass while production quietly fails, a trick software is distressingly good at.

apps/homepage/tests/fixtures/component-system/component-matrix.json

@@ -0,0 +1,9 @@
+{
+  "fixtureRoute": "/{locale}/component-lab",
+  "productionGuard": "COMPONENT_FIXTURES_ENABLED=true",
+  "locales": ["en", "fr", "ar"],
+  "themes": ["light", "dark", "system"],
+  "widths": [320, 390, 768, 1024, 1440],
+  "states": ["default", "focus-visible", "disabled", "loading", "error", "long-content", "rtl"],
+  "contentPolicy": "Fictional deterministic development data only; no production claims, customers, personal data, or live operations."
+}

apps/homepage/tests/fixtures/foundation-matrix.json

@@ -0,0 +1,22 @@
+{
+  "locales": ["en", "fr", "ar"],
+  "directions": ["ltr", "rtl"],
+  "themes": ["light", "dark", "system"],
+  "viewports": [
+    { "name": "mobile", "width": 390, "height": 844 },
+    { "name": "tablet", "width": 1024, "height": 900 },
+    { "name": "desktop", "width": 1440, "height": 1000 }
+  ],
+  "shell_states": [
+    "default",
+    "mobile-navigation-open",
+    "keyboard-focus",
+    "loading",
+    "error",
+    "not-found",
+    "pending-destination",
+    "long-text",
+    "reduced-motion"
+  ],
+  "coverage_source": ["tests/browser", "tests/a11y", "tests/visual"]
+}