Home: sekcje treści (lineup umux → ExSize → ADM-CLI, features, social proof, FAQ, CTA)

[MrCrystal2]

Parent PRD

#53

Type

AFK

What to build

Przebudowa sekcji pod hero (w nowych tokenach, z animacją reveal z Motion kit):

1. Products showcase: lineup umux → ExSize → ADM-CLI z krótkimi, wartościowymi opisami; gry znikają z home (przenoszone wyłącznie na /products).
2. Features („What we do") w nowej oprawie — treść z content.json.
3. Social proof: struktura „cytat + autor + źródło" — na razie placeholdery wyraźnie oznaczone (prawdziwe opinie i assety wchodzą w finale).
4. FAQ accordion: rozwijane pytania wg kategorii, napędzane tą samą treścią co strona /faq (jedno źródło).
5. Końcowy CTA (GoodBuy) w nowej oprawie.

Rozszerz kształt content.json + typy TS (nowe pola: autor/źródło opinii, opisy produktów do kart itd.) — jedno źródło prawdy.

Kontekst: PRD #53 → Implementation Decisions (Lineup home / Komponenty: sekcje home); plan plans/landing-upgrade.md Faza 5.

Assumptions

• Hero gotowe (Home: hero + sygnaturowe momenty (kryształ, kaskada, 2 CTA) #57); pipeline treści build-time działa (Treść build-time + BrowserRouter + prerender (HTML per trasa) #55); tokeny (Design tokens + layout shell (dark default, glass header, footer, bez StickyBar) #56).
• Nazwa „umux" pisana małą literą w UI.

Out of scope for this issue

• Do NOT dodawaj JSON-LD/FAQPage schema (issue SEO kit).
• Do NOT wstawiaj prawdziwych opinii/screenshotów (finałowe issue) — placeholdery z oznaczeniem.
• Do NOT zmieniaj strony /products (osobny zakres).

Acceptance criteria

• Karty produktów w kolejności umux, ExSize, ADM-CLI; brak gier na home — [observable: test ręczny + DOM]
• FAQ rozwija/zwija; kategorie zgodne z treścią; ta sama treść co /faq — [observable: test ręczny]
• Social proof renderuje „cytat + autor + źródło" (placeholder z oznaczeniem) — [observable: DOM]
• Zmiana copy w content.json bez edycji komponentów zmienia stronę po buildzie — [observable: scenariusz]
• Build/test/lint zielone — [command: yarn build && yarn test && yarn lint]

How to verify

1. yarn dev — home: kolejność kart umux → ExSize → ADM-CLI; żadnych kart gier
2. Rozwiń/zwiń FAQ; porównaj kategorie ze stroną /faq — identyczne źródło
3. Sprawdź sekcję opinii: każdy cytat ma autora i źródło (placeholder)
4. Zmień dowolne copy w content.json → yarn build → zmiana widoczna; komponenty nietknięte
5. yarn build && yarn test && yarn lint — exit 0

Blocked by

• Home: hero + sygnaturowe momenty (kryształ, kaskada, 2 CTA) #57 (hero + sygnaturowe momenty)

User stories addressed

• User story 5 (lineup umux → ExSize → ADM-CLI)
• User story 7 (część: gry tylko na Products)
• User story 10 (struktura pod prawdziwe opinie)
• User story 11 (FAQ accordion)