UI Overhaul + Maps + Rides + Food + Shop

GHAR SE — PHASE 3 COMPLETE BUILD PROMPT gharseapp.com UI Overhaul | Maps System | Rides | Food | Shop | Fleet | Cleanup | v7.0 | June 2026 Give this entire document to OpenCode / DeepSeek. Zero additional instructions needed. Build exactly as written. PHASE 3 CONTEXT Phase 1 = Public website built. Phase 2 = Partner portal + Admin panel + Gamification built. Phase 3 = Complete UI overhaul of gharseapp.com + add missing service pages + fix all known issues + Leaflet maps system + rides flow + food flow + shop.gharseapp.com marketplace + cleanup. Same backend API (api.gharseapp.com). Same design system. NO backend changes unless endpoint missing. CRITICAL RULES (Never Break): (cid:127) NO Google Maps API anywhere — use Leaflet.js + OpenStreetMap + OSRM + Geoapify only (cid:127) NO SMS — all OTPs via email (Brevo/SMTP already configured in backend) (cid:127) NO payment gateway — manual QR/proof upload only (cid:127) Background MUST be #0D0D0D dark — NOT blue, NOT navy, NOT white (cid:127) Primary color #FF6B35 orange — NOT pink, NOT red, NOT green (cid:127) All images: CSS gradient placeholders — never break layout for missing images (cid:127) Commit to GitHub after EACH task — not at the end (cid:127) Test every page at 375px mobile width after building TASK 1 — COMPLETE HOMEPAGE REDESIGN (Daraz + Foodpanda + Uber mix) The current homepage needs a full redesign. Build exactly as described: 1A. HEADER (sticky, all pages): (cid:127) Left: Ghar Se logo — orange house/flame SVG icon + 'Ghar Se' text bold white. Below logo text: 'nnn nn nnn nn' in Noto Nastaliq Urdu font, font-size 11px, orange color (cid:127) Center nav links: Home | Shop | Food | Rides | Delivery | Loader | Partners | Download (cid:127) Right: Location pill (pin icon + city name, clickable) | Search icon | Cart icon (count badge) | Login button | Language toggle EN/nnnn (cid:127) Mobile: hamburger menu + bottom nav bar (cid:127) Sticky on scroll. Background #0D0D0D. Border-bottom 1px solid #2A2A2A (cid:1