think
16px
820px

Plan — Beranda redesign v2

Spec: docs/superpowers/specs/2026-07-10-beranda-redesign-v2-design.md

  1. Deps + fonts — add gsap to @ahu/public-web (done, ^3.15.0); add
    Plus_Jakarta_Sans (--font-jakarta) in src/app/layout.tsx (additive var only —
    /tanya untouched).
  2. Landing stylesheet — new src/app/beranda/landing.css, every class lv2-
    prefixed, own token block. Imported only by src/app/beranda/page.tsx.
  3. 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 (same PUBLIC_STATS).
    - PopularQuestions.tsx — icon cards (same POPULAR_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.
  4. Page — recompose beranda/page.tsx (full-bleed sections replace the single
    1180px column), add page-level metadata.
  5. Dead CSS sweep — grep .landing-*, .hero-card, .popular-*, .public-footer
    usage outside beranda; delete now-unused beranda blocks from globals.css.
  6. Verifycorepack pnpm typecheck + unit tests + check-conventions; local
    next dev in-container; screenshot 1280px + 375px + reduced-motion; iterate.
  7. Shipbuild-and-ship.shdeploy-staging.sh; verify
    https://x056.ahu-demo.chatbot-neo.val.id/beranda + LAN health; screenshot staging.
  8. Completion notes in docs/superpowers/.