9:41

About

Fresh Food Market was born from a simple idea: everyone deserves access to fresh, quality groceries delivered straight to their door. We partner with local farms, trusted suppliers, and community vendors to bring you the freshest produce, dairy, meats, and pantry staples — all at prices that respect your budget.

Our mission is to make grocery shopping effortless. Whether you are a busy professional, a parent juggling a household, or someone who simply values convenience, Fresh Food Market is designed for you. From our dedicated pickers who hand-select every item to our drivers who deliver with care, every step of your order is handled with the quality and attention you deserve.

Our Promise

🕔
Fast Delivery
✅
Quality Guaranteed
💚
Locally Sourced
Version 1.0.0

Screen Annotations — CON-109 About

Screen ID: CON-109
Flow: Profile → About
Previous: CON-108 Terms & Privacy
Next: CON-110 Delete Account
Logo Section: Centered brand logo (dark variant) using a rounded square with "FFM" initials in the accent colour on a primary-coloured background. Below it, the brand name "Fresh Food Market" and italic tagline. In production, replace with the actual logo asset.
About Text: Two paragraphs describing Fresh Food Market's mission and values. Copy focuses on local sourcing, quality, affordability, and convenience. Tone is warm and community-focused for the South African market.
Our Promise: Three promise items in a horizontal grid — Fast Delivery (clock icon), Quality Guaranteed (checkmark icon), Locally Sourced (green heart icon). Each has a white circular icon container with subtle shadow and a bold label below.
App Version: "Version 1.0.0" in small, disabled-coloured text. Should be dynamically populated from the app's build configuration in production.
Social Links: Three circular social media buttons — Facebook, Instagram, Twitter/X. Each uses the platform's official SVG icon. Hover state transitions to primary brand colour background with white icon.
Bottom Navigation: 4 tabs — Home, Discover, My Shop, Profile (active). Active tab set via data-active-nav="profile" on body.