Szablon strony produktu ×4 (umux, ExSize, ADM-CLI, Wspolniak)

[MrCrystal2]

Parent PRD

#53

Type

AFK

What to build

Wspólny szablon strony produktu sterowany konfiguracją (wg specyfikacji briefu: hero+CTA, opis, features, screenshoty, how to use, related products):

1. Migracja umux, ExSize, ADM-CLI i Wspolniak na szablon — indywidualne, ręcznie pisane strony wycofywane; treść przechodzi do konfiguracji (content.json + typy).
2. Hero produktu z głównym CTA (np. „Download" / „Get started" — per konfiguracja produktu).
3. Sekcje: opis wartości, features (lista z ikonami), screenshoty (placeholdery do czasu assetów), „How to use", „Related products" (linkowanie krzyżowe między produktami).
4. Branding: „umux" małą literą w UI; link do repo github.com/CrystalPlatforms/umux zachowany (pilnuje rebrand-guard).

Kontekst: PRD #53 → Implementation Decisions (Strony produktów); plan plans/landing-upgrade.md Faza 7.

Assumptions

• Wzorce szablonowe wypracowane w issue Szablon strony gry ×2 (School's Out!, Coin Collector) — gra nad foldem + sekcje #59 (szablon gry); tokeny (Design tokens + layout shell (dark default, glass header, footer, bez StickyBar) #56), treść build-time (Treść build-time + BrowserRouter + prerender (HTML per trasa) #55).
• Fakty merytoryczne produktów (opisy, linki) przenoszone 1:1 z obecnych stron — bez wymyślania nowych.

Out of scope for this issue

• Do NOT dodawaj schema.org SoftwareApplication (issue SEO kit).
• Do NOT wstawiaj prawdziwych screenshotów (finałowe issue).
• Do NOT zmieniaj treści merytorycznych produktów poza przeniesieniem do konfiguracji.

Acceptance criteria

• 4 strony produktów renderują się ze wspólnego szablonu ze spójnymi sekcjami (hero+CTA, opis, features, screenshoty, how to use, related) — [observable: przegląd stron]
• „Related products" linkuje krzyżowo między produktami — [observable: test ręczny]
• Stare indywidualne strony produktów usunięte/niewywolywane; routing prowadzi do szablonu — [observable: code review]
• Rebrand-guard: link github.com/CrystalPlatforms/umux obecny — [command: yarn test]
• Build/test/lint zielone — [command: yarn build && yarn test && yarn lint]

How to verify

1. yarn dev — wejdź na wszystkie 4 strony produktów: identyczna struktura sekcji, spójny wygląd
2. Klikaj „Related products" — nawigacja krzyżowa działa
3. Porównaj treści ze starymi stronami (git history) — fakty przeniesione 1:1
4. yarn test — rebrand-guard zielony; yarn build && yarn lint — exit 0

Blocked by

• Szablon strony gry ×2 (School's Out!, Coin Collector) — gra nad foldem + sekcje #59 (szablon strony gry — wzorce szablonowe)

User stories addressed

• User story 19 (wspólny szablon produktu)
• User story 5 (strony produktowe pod lineupem home)