9:41

Legal

Screen Annotations — CON-108 Terms & Privacy

Screen ID: CON-108
Flow: Profile → Legal (Terms & Privacy)
Previous: CON-107 Contact Us
Next: CON-109 About
Header: White header with back arrow and centered "Legal" title. Clean inner-page pattern consistent with other profile subpages.
Tabs: Two-tab navigation — "Terms of Service" (active by default) and "Privacy Policy". Active tab has a primary-coloured bottom border indicator. Tabs are sticky at the top of the scrollable content area.
Last Updated: Each tab shows a "Last updated: 15 Jan 2026" badge at the top to indicate when the content was last revised.
Terms Content: Six numbered sections covering Introduction, Definitions, Account Terms, Orders & Payment, Delivery, and Refunds. Content uses SA-specific references (ZAR, POPIA). Long-form text is styled with relaxed line-height for readability.
Privacy Content: Four numbered sections covering Information We Collect, How We Use Your Information, Data Sharing, and Your Rights. References POPIA (Protection of Personal Information Act) for South African legal compliance.
Tab Switching: JavaScript function switchTab() toggles the active tab class and shows/hides the corresponding content panel. In production, this content would be loaded from a CMS.
Bottom Navigation: 4 tabs — Home, Discover, My Shop, Profile (active). Active tab set via data-active-nav="profile" on body.