Complete Website Build

GHAR SE — PHASE 1 Complete Website Build Prompt gharseapp.com | Version 7.0 | June 2026 Give this entire document to OpenCode / DeepSeek / any AI developer. Zero additional instructions needed. Build exactly as written. 1. PROJECT IDENTITY App Name: Ghar Se (Urdu: nnn nn) Tagline: Ghar Se Ghar Tak | nnn nn nnn nn Domain: gharseapp.com (Cloudflare Pages — static SPA) API: api.gharseapp.com (VPS, Node.js, Express, PM2, port 3000) Admin: admin.gharseapp.com (React SPA, Vite) Partner: partner.gharseapp.com (React SPA, Vite) Shop: shop.gharseapp.com (public marketplace) Country: Pakistan. Language: English + Urdu (bilingual). Currency: PKR. What it is: Pakistan Super App — Daraz + Foodpanda + Uber + Bykea + InDrive all in one platform. Legal status: Technology platform only. Ghar Se is NOT a seller, restaurant, transport company, or product owner. Partners/vendors are fully responsible for their services. 2. DESIGN SYSTEM (MANDATORY — NO CHANGES) COLOR PALETTE: Primary Orange: #FF6B35 — buttons, CTAs, highlights, active states Background Dark: #0D0D0D — main page background Surface Dark: #1A1A1A — cards, panels, sections Surface Mid: #242424 — input fields, hover states Text Primary: #FFFFFF — headings, important text Text Secondary: #AAAAAA — descriptions, subtitles Text Muted: #666666 — labels, timestamps Success: #22C55E | Warning: #F59E0B | Error: #EF4444 Orange Gradient: linear-gradient(135deg, #FF6B35 0%, #FF4500 100%) TYPOGRAPHY: Import from Google Fonts: 'Plus Jakarta Sans' (main) + 'Noto Nastaliq Urdu' (Urdu text) Headings: Plus Jakarta Sans Bold 700 Body: Plus Jakarta Sans Regular 400 Urdu text: Noto Nastaliq Urdu, direction: rtl Font sizes: h1=48px, h2=36px, h3=28px, h4=20px, body=16px, small=14px, xs=12px COMPONENT RULES: Border radius: buttons=12px, cards=16px, inputs=12px, modals=20px Shadows: cards use box-shadow: 0 4px 24px rgba(255,107,53,0.08) Transitions: all 0.3s ease on hover/focus states Primary button: bg #FF6B35, text white, hover bg #FF4500, scal