Vernacular WhatsApp Self-Care & Branding Showcase

1. Overview & Business Value

In regional Indian telecom and FTTH markets, subscribers frequently encounter friction when interacting with English-only digital chatbots. ConnectCare eliminates this barrier by providing automated, authentic tri-lingual self-care across English, हिन्दी (Hindi), and ગુજરાતી (Gujarati).

Simultaneously, ConnectCare provides an enterprise marketing & showcase webpage (branding.html) designed for prospective tenants, franchise partners, and subscribers. It features high-resolution authenticated screenshots of core UI operations (Complaints, Field Engineer Management, and Network Connectivity Diagnostics), an intuitive 3-step walkthrough, and interactive simulators.

2. WhatsApp Vernacular Architecture & State Machine

Subfeature 8.1: Language Prompt on First Contact (sendLanguageMenu)

When a subscriber texts the WhatsApp number for the first time, or sends a conversational greeting ("Hi", "Hello", "Kem Cho", "Namaste"), the engine intercepts the greeting and sends an interactive Meta List Message with 3 language options:

Subfeature 8.2: Explicit Language Confirmation & Database Persistence

Upon receiving the customer's selection, the state machine in api/whatsapp/conversation.php executes the following atomic sequence:

1. Dispatches an immediate acknowledgment in the selected native script (e.g. ✅ ભાષાની પુષ્ટિ થઈ: ગુજરાતી. તમારી પસંદગી સાચવવામાં આવી છે. or ✅ भाषा की पुष्टि: हिन्दी। आपकी भाषा सहेजी गई है।).
2. Persists the selected language code (en, hi, or gu) to whatsapp_conversations.language and customer_profiles.language (applied via Database Migration 024).
3. Renders the localized Main Menu (sendWhatsAppMenu) entirely in the confirmed vernacular script.

Subfeature 8.3: Dynamic Mid-Session Language Switching

Subscribers can change their language preference at any point during active conversations without losing their ticket progress or resetting their session:

• Interactive Button: Every submenu includes a 🌐 Change Language / ભાષા બદલો / भाषा बदलें option.
• Keyword Trigger: Typing keywords such as "bhasha", "language", "ભાષા", or "भाषा" immediately triggers the language selector.

3. Enterprise Product Showcase (branding.html)

Subfeature 8.4: High-Resolution Real UI Screenshots (≤ 100 KB Strict Asset Cap)

To demonstrate real system functionality rather than abstract wireframes, the showcase embeds high-resolution authenticated screenshots captured directly from production:

Subfeature 8.5: "How Customer Can Make Use of Simple UI" Guide

The showcase outlines the frictionless 3-step customer journey:

1. Step 1: 1-Click Zero-Login Access — Customers text WhatsApp or open the public tracking link. No username or password registration required.
2. Step 2: Instant Line Diagnostics — Run browser-based latency and throughput checks directly against the ISP's regional probe.
3. Step 3: 4-Stage Visual Progress Stepper — Real-time tracking from Ticket Logged → Field Technician Dispatched → Premises Arrival → Restored & Rated.

Subfeature 8.7: Mobile Viewport Confinement & Privacy-Preserving UI Mockups

The public home and showcase portal includes dedicated mobile ergonomics and privacy protections:

• Zero-Clipping Mobile Confinement: Tested and verified across viewports from 320px up to 430px. Grid columns and mock browser frames enforce min-width: 0; max-width: 100%, while URL strings gracefully truncate with ellipses inside flex containers without overflowing the viewport.
• Privacy-Preserving URL Blurring: Live authenticated screenshots feature mock browser address bars with filter: blur(5px). This ensures internal server hostnames, tenant paths, and URL query parameters remain confidential while preserving the clean visual look of a browser application window.
• Adaptive Header & Stacked Telemetry: Action buttons and diagnostic telemetry cards automatically stack vertically on small screens to eliminate horizontal scrolling.

Subfeature 8.6: Interactive Live Simulators

• Live Speedometer: Visitors can click "Run Test" to watch the animated CSS gauge calculate real-time Ping (12ms), DNS health, and Download Throughput (215.4 Mbps Gigabit Fiber Tier).
• Vernacular WhatsApp Simulator: Visitors can toggle English, ગુજરાતી, and हिन्दी pills to see realistic WhatsApp chat bubbles update in native scripts dynamically.

4. Related System Links & Manuals

• Live Public Home & Showcase WebPage (home.html) ↗
• Multi-Stream Line Diagnostics (connectivity-test.html) ↗
• Customer Self-Service & Stepper Guide →
• Manager Governance & Speedtest Probe Configuration →
• Tenant Staff Provisioning & WhatsApp OTP Setup →