Screen Annotations — CON-107 Contact Us
Screen ID: CON-107
Flow: Profile → Contact Us
Previous: CON-106 FAQ
Next: CON-108 Terms & Privacy
Contact Cards: Three large tappable cards for Phone, Email, and WhatsApp. Each shows the contact method icon, value, availability note, and an action button. WhatsApp button uses the brand green (#25D366) to differentiate it as the fastest channel.
Operating Hours: Simple info card showing Monday-Sunday, 7:00 AM - 9:00 PM. An "Open Now" badge with a green dot indicator shows the current availability status. This should be dynamically determined in production.
Contact Form: Four fields — Name (text), Email (email), Subject (dropdown with 7 options), Message (textarea). Full-width "Send" button submits the form. In production, this sends a message to the support team via API and shows a success confirmation.
Phone: Tapping "Call Now" should invoke the device's native dialer with tel:0800123456. South African toll-free number format.
WhatsApp: Tapping "Chat Now" should open WhatsApp deep link: https://wa.me/27601234567 with an optional pre-filled message template.
Bottom Navigation: 4 tabs — Home, Discover, My Shop, Profile (active). Active tab set via data-active-nav="profile" on body.