Plan — Beranda redesign v2
Spec: docs/superpowers/specs/2026-07-10-beranda-redesign-v2-design.md
- Deps + fonts — add
gsapto@ahu/public-web(done, ^3.15.0); add
Plus_Jakarta_Sans(--font-jakarta) insrc/app/layout.tsx(additive var only —
/tanyauntouched). - Landing stylesheet — new
src/app/beranda/landing.css, every classlv2-
prefixed, own token block. Imported only bysrc/app/beranda/page.tsx. - Components (in place,
src/components/beranda/):
-PublicTopNav.tsx— dark variant + scrolled state.
-Hero.tsx— headline/composer/chips (left) +HeroDemo.tsx(new file, animated
example-conversation card).
-StatStrip.tsx— count-up band (samePUBLIC_STATS).
-PopularQuestions.tsx— icon cards (samePOPULAR_QUESTIONS).
-HowItWorks.tsx— steps + drawn connector.
-TrustNotes.tsx— new honesty band.
-StaffCTA.tsx,PublicFooter.tsx— restyle.
-useLandingGsap.ts— tiny shared helper: plugin registration + reveal util +
reduced-motion matchMedia. - Page — recompose
beranda/page.tsx(full-bleed sections replace the single
1180px column), add page-levelmetadata. - Dead CSS sweep — grep
.landing-*,.hero-card,.popular-*,.public-footer
usage outside beranda; delete now-unused beranda blocks fromglobals.css. - Verify —
corepack pnpm typecheck+ unit tests +check-conventions; local
next devin-container; screenshot 1280px + 375px + reduced-motion; iterate. - Ship —
build-and-ship.sh→deploy-staging.sh; verify
https://x056.ahu-demo.chatbot-neo.val.id/beranda+ LAN health; screenshot staging. - Completion notes in
docs/superpowers/.