Components · Jaringan block

Footer

A tone-ink band. On top, the footer's navigation drawn as a single red route; below, the white PPI mark and cabinet mark, contact, social links with visible labels and WeChat; at the bottom, copyright, language and theme.

Footer

The WeChat button opens a QR dialog for families and partners in China. The QR here is a placeholder.

Preview

Show code

<SiteFooter
  sitemap={links}
  brand={<><PpiMark className="h-16" /><CabinetMark /></>}
  about="Perhimpunan Pelajar Indonesia di Tiongkok Cabang Shenzhen · Founded 2018"
  contact={<Link href="mailto:ppitshenzhen@gmail.com">ppitshenzhen@gmail.com</Link>}
  socials={socials}
  wechat={<WeChatDialog qrSrc="/wechat-qr.png" />}
  transfers={transferApps("shop")}
  help={<p>A problem with an order? Contact Danus on the PPITSZ socials and give your order code.</p>}
  bottom={<>© 2026 PPIT Shenzhen <ThemeControl /></>}
/>

Rules

The route links are a <nav aria-label="Peta situs"> list; the drawing is aria-hidden.
Social links keep visible labels and an exit letter (A, B, C); external links follow the Link rules.
The last row is the station board's: Transfer (the other apps, the header's list again) and Help (where to go when something's wrong, in one or two sentences).
Set line to the app's line, as in the header.
The theme control is one button that steps System → Light → Dark, showing the current choice. In tight slots, such as the header's account slot, pass iconOnly.