`;
document.body.appendChild(this.container);
this.toggleBtn = document.getElementById('aravaliChatTrigger') as HTMLElement;
this.chatWindow = document.getElementById('aravaliChatWindow') as HTMLElement;
this.messagesBox = document.getElementById('aravaliChatMessages') as HTMLElement;
this.inputField = document.getElementById('aravaliChatInput') as HTMLInputElement;
this.sendBtn = document.getElementById('aravaliChatSend') as HTMLButtonElement;
this.badgeEl = document.getElementById('aravaliUnreadDot') as HTMLElement;
}
private bindEvents() {
this.toggleBtn.addEventListener('click', () => this.toggleChat());
document.getElementById('aravaliCloseBtn')?.addEventListener('click', () => this.toggleChat(false));
document.getElementById('aravaliResetBtn')?.addEventListener('click', () => this.resetChat());
this.sendBtn.addEventListener('click', () => this.handleUserSend());
this.inputField.addEventListener('keypress', (e) => {
if (e.key === 'Enter') this.handleUserSend();
});
// Delegate Quick Chips click
const chips = this.container.querySelectorAll('.aravali-chip');
chips.forEach((chip) => {
chip.addEventListener('click', (e) => {
const query = (e.currentTarget as HTMLElement).getAttribute('data-query');
if (query) {
this.inputField.value = query;
this.handleUserSend();
}
});
});
}
private toggleChat(forceState?: boolean) {
this.isOpen = forceState !== undefined ? forceState : !this.isOpen;
const triggerIcon = document.getElementById('aravaliTriggerIcon');
if (this.isOpen) {
this.chatWindow.classList.add('open');
if (triggerIcon) triggerIcon.className = 'fa-solid fa-xmark';
if (this.badgeEl) this.badgeEl.style.display = 'none';
setTimeout(() => this.inputField.focus(), 300);
this.scrollToBottom();
} else {
this.chatWindow.classList.remove('open');
if (triggerIcon) triggerIcon.className = 'fa-solid fa-robot';
}
}
private resetChat() {
localStorage.removeItem('aravali_ai_chat_history');
this.history = [
{
role: 'model',
text: `👋 **Chat history reset.**\n\nI am **Aravali AI**, ready for your new questions! How can I assist you with interior design, painting, wood polish, or waterproofing today?`,
time: this.getFormattedTime(),
},
];
this.saveHistory();
this.renderMessages();
this.scrollToBottom();
if (this.inputField) {
this.inputField.value = '';
this.inputField.focus();
}
}
private async handleUserSend() {
const text = this.inputField.value.trim();
if (!text || this.isThinking) return;
// Add user message
const userMsg: ChatMessage = {
role: 'user',
text: text,
time: this.getFormattedTime(),
};
this.history.push(userMsg);
this.inputField.value = '';
this.renderMessages();
this.saveHistory();
// Show typing state
this.showTyping(true);
try {
// Call backend Express route
const response = await fetch('/api/chat', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
message: text,
history: this.history,
}),
});
const data = await response.json();
this.showTyping(false);
if (response.ok && data.reply) {
this.history.push({
role: 'model',
text: data.reply,
time: this.getFormattedTime(),
});
} else {
// Fallback to offline engine
const offlineReply = this.generateOfflineReply(text);
this.history.push({
role: 'model',
text: offlineReply,
time: this.getFormattedTime(),
});
}
} catch (err) {
console.warn('Backend Chat API unreachable, using offline AI engine:', err);
this.showTyping(false);
// Seamless offline fallback
const offlineReply = this.generateOfflineReply(text);
this.history.push({
role: 'model',
text: offlineReply,
time: this.getFormattedTime(),
});
}
this.renderMessages();
this.saveHistory();
}
private generateOfflineReply(query: string): string {
const q = query.toLowerCase().trim();
// Vastu Shastra
if (q.includes('vastu') || q.includes('direction') || q.includes('north') || q.includes('south') || q.includes('east') || q.includes('west')) {
return `🧭 **Vastu Shastra Colors & Room Directions Guide:**\n\n` +
`• **Master Bedroom (South-West):** Earthy tones, Warm Taupe, Almond, or Muted Brown (enhances stability & grounding).\n` +
`• **Living Room (North-East / North):** Light Green, Pure White, Soft Sky Blue, or Beige (attracts prosperity & light).\n` +
`• **Kitchen (South-East - Agni Corner):** Warm Coral, Terracotta, Peach, or Warm Saffron accents.\n` +
`• **Pooja / Meditation Room (North-East):** Light Yellow, Cream, or Pearl White (represents purity & calm).\n` +
`• **Children / Study Room (West / North-West):** Pastel Green, Light Blue, or Lavender (improves concentration).\n\n` +
`Our architectural team can align color palettes and layouts with Vastu principles during your site visit!`;
}
// Material Comparison & Brands
if (q.includes('asian paint') || q.includes('berger') || q.includes('dulux') || q.includes('royale') || q.includes('tractor') || q.includes('apex') || q.includes('brand') || q.includes('material')) {
return `🎨 **Paint Materials & Finishes Comparison:**\n\n` +
`1. **Asian Paints Royale Luxury Emulsion (₹23-₹28/sq.ft):**\n` +
` • 100% Washable, anti-fungal, Teflon surface protection, silky sheen.\n` +
`2. **Royale Glitz / Aspira (₹30-₹36/sq.ft):**\n` +
` • Ultra-luxurious velvet Teflon finish with high crack-bridging ability.\n` +
`3. **Tractor Emulsion / Apcolite (₹16-₹20/sq.ft):**\n` +
` • Smooth matt economy finish, 2x coverage of traditional distemper.\n` +
`4. **Apex Ultima Weatherproof Exterior (₹22-₹35/sq.ft):**\n` +
` • Advanced anti-algae silicone formula with 7-year performance warranty.\n` +
`5. **Birla Opus & JSW Paints:** Available with direct manufacturer warranty.\n\n` +
`We supply 100% genuine factory-sealed buckets verified in front of you!`;
}
// Paint Area / Quantity Calculation Formula
if (q.includes('calculate') || q.includes('formula') || q.includes('quantity') || q.includes('how many liter') || q.includes('how much paint') || q.includes('litre')) {
return `📐 **Paint Area & Quantity Calculation Guide:**\n\n` +
`• **Room Carpet to Wall Area Formula:** Carpet Area (sq.ft) × 3.5 = Total Paintable Wall + Ceiling Area (sq.ft).\n` +
` *(e.g., A 100 sq.ft room has approx ~350 sq.ft of paintable surface area)*.\n\n` +
`• **Paint Consumption (2 Coats):**\n` +
` - Emulsion Paint: 1 Litre covers ~55 to 65 sq.ft (for 2 coats).\n` +
` - Primer: 1 Litre covers ~100 to 120 sq.ft.\n` +
` - Wall Putty: 1 Kg covers ~10 to 12 sq.ft (for 2 coats of 1.5mm).\n\n` +
`Our free site inspection uses digital laser meters for 99.9% exact measurement!`;
}
// Modular Kitchen & Interior Work
if (q.includes('kitchen') || q.includes('wardrobe') || q.includes('interior') || q.includes('cabinet') || q.includes('plywood') || q.includes('laminate') || q.includes('acrylic') || q.includes('hafele') || q.includes('hettich')) {
return `✨ **Modular Interiors & Kitchen Solutions:**\n\n` +
`• **Carcass & Core:** BWP Marine Grade Plywood (IS 710) with boiling waterproof guarantee.\n` +
`• **Shutters & Finishes:** High-Gloss Acrylic, Anti-Fingerprint Matte Laminate, or PU Lacquer.\n` +
`• **Fittings & Hardware:** Soft-close Blum, Hafele, and Hettich hinges & tandem drawers with lifetime warranty.\n` +
`• **Countertops:** Quartz, Corian, or Granites tailored to Jaipur kitchen ergonomics.\n\n` +
`Book a free 3D design consultation on **book.html** to view customized 3D renders!`;
}
// Wood Polish & Textures
if (q.includes('wood') || q.includes('polish') || q.includes('pu') || q.includes('melamine') || q.includes('duco') || q.includes('texture') || q.includes('stucco')) {
return `🪵 **Wood Polish & Wall Texture Specializations:**\n\n` +
`• **Italian / Indian PU Finish (₹180–₹320/sq.ft):** Crystal-clear UV-resistant polyurethane for teak, oak, and veneers.\n` +
`• **Polyester High-Gloss (₹500/sq.ft):** Piano glass finish with 100% mirror reflection.\n` +
`• **Melamine Polish (₹140/sq.ft):** Semi-gloss or matte heat-resistant coating.\n` +
`• **Italian Stucco & Concrete Wall Texture (₹65–₹150/sq.ft):** Seamless Venetian marble finish for feature walls.`;
}
// Weather / Monsoon & Jaipur Specific
if (q.includes('jaipur') || q.includes('weather') || q.includes('monsoon') || q.includes('summer') || q.includes('winter') || q.includes('rajasthan')) {
return `☀️ **Jaipur Weather & Climate Care Advice:**\n\n` +
`• **High Summer Heat (May–July):** We apply elastomeric heat-reflective roof coatings (Cool Roof) reducing internal temperature by up to 5°C.\n` +
`• **Monsoon Dampness (July–Sept):** Pre-monsoon waterproofing with fiber-reinforced chemical membranes prevents roof seepage and efflorescence (shora).\n` +
`• **Best Time for Painting:** October through April offers ideal humidity and fast curing time in Jaipur!`;
}
// Cost / Pricing / Estimator / Discounts
if (q.includes('cost') || q.includes('price') || q.includes('rate') || q.includes('estimate') || q.includes('calculator') || q.includes('how much') || q.includes('rupee') || q.includes('discount') || q.includes('coupon') || q.includes('offer')) {
return `📊 **Aravali Homecare Standard Pricing & Discount Guide (2026):**\n\n` +
`• **Economy Painting:** ₹16–₹18 / sq.ft (Durable, smooth finish)\n` +
`• **Premium Painting:** ₹23–₹25 / sq.ft (100% Washable, Asian Paints Royale)\n` +
`• **Luxury PU Finish:** ₹27–₹32 / sq.ft (Ultra high-gloss velvet touch)\n` +
`• **Waterproofing:** Roof ₹35–₹55 / sq.ft | Tank & Swimming Pool ₹100 / sq.ft\n` +
`• **Wood Polish:** Enamel ₹30 / sq.ft | Melamine ₹140 / sq.ft | Water-based ₹320 / sq.ft | Polyester High Gloss ₹500 / sq.ft\n` +
`• **Modular Kitchens:** ₹1,400–₹1,800 / sq.ft\n\n` +
`🎁 **Active 2026 Special Discounts:**\n` +
`• **10% Festive Discount:** Active on Holi (HOLI10), Eid (EID10), Navratri (NAVRATRI10), Dussehra (DUSSEHRA10), Diwali (DIWALI10), Christmas (XMAS10).\n` +
`• **10% First Login Offer:** Code **ARAVALI10** unlocked upon signing up or logging in!\n\n` +
`💡 **Formula:** Total = Total Area (sq.ft) × Selected Rate (₹/sq.ft) + 18% GST.\n\n` +
`Try our interactive **Cost Estimator** tool (estimator.html) to calculate your exact project quote instantly!`;
}
// Warranty / Guarantee
if (q.includes('warranty') || q.includes('guarantee') || q.includes('quality') || q.includes('durable')) {
return `🛡️ **Our 5-Year Service Warranty Guarantee:**\n\n` +
`Every Aravali Homecare project comes with an official written **5-Year Warranty** card covering:\n` +
`1. Protection against paint peeling, flaking, or fading\n` +
`2. Zero dampness & seepage guarantee on waterproofing\n` +
`3. Free touch-up & inspection support within 24 hours of request\n` +
`4. Authentic Asian Paints, Berger & Nerolac original materials used\n\n` +
`Would you like to book a **Free Site Inspection** to check your wall condition?`;
}
// Free Visit / Booking / Measurement
if (q.includes('book') || q.includes('visit') || q.includes('appointment') || q.includes('free') || q.includes('measurement') || q.includes('inspection')) {
return `📅 **Book a 100% FREE Site Measurement Visit:**\n\n` +
`Our senior paint expert will visit your doorstep anywhere in Jaipur within 24 hours:\n` +
`• Precision Laser Distance Measurement\n` +
`• Wall Moisture / Dampness Meter Testing\n` +
`• On-site Shade Card Selection & Color Consultation\n` +
`• Exact Itemized Written Quote (Zero hidden charges)\n\n` +
`📍 **Service Coverage:** Vaishali Nagar, Malviya Nagar, Mansarovar, C-Scheme, Raja Park, Jagatpura, Tonk Road, and all areas across Jaipur!`;
}
// Color Ideas / Combinations
if (q.includes('color') || q.includes('colour') || q.includes('combination') || q.includes('shade') || q.includes('living room') || q.includes('bedroom')) {
return `🎨 **Trending Color Combinations for Indian Homes (2026):**\n\n` +
`1. **Modern Living Room:** Warm Terracotta + Muted Cream Accent\n` +
`2. **Master Bedroom:** Royal Indigo Navy + Soft Ivory\n` +
`3. **Serene Atmosphere:** Sage Green + Natural Beige\n` +
`4. **Contemporary Luxury:** Warm Greige + Metallic Gold Texture\n\n` +
`We provide **3D Visualizer preview** and physical shade cards during our free site measurement visit!`;
}
// Waterproofing / Seepage
if (q.includes('waterproof') || q.includes('seepage') || q.includes('damp') || q.includes('leak') || q.includes('terrace') || q.includes('roof')) {
return `💧 **Advanced Waterproofing & Anti-Damp Solutions:**\n\n` +
`• **Terrace Roofs:** 3-Coat Elastomeric Chemical Membrane + Glass Fiber Mesh\n` +
`• **Internal Wall Dampness:** PU Injection Grouting & Salt-Resistant Barrier\n` +
`• **Bathroom Leakage:** Tile Joint Epoxy Injection (No breaking required!)\n\n` +
`All waterproofing work is backed by our official **10-Year Anti-Leakage Guarantee**.`;
}
// Contact / Phone / Email / Founder
if (q.includes('contact') || q.includes('phone') || q.includes('number') || q.includes('call') || q.includes('mohit') || q.includes('email') || q.includes('address') || q.includes('owner')) {
return `📞 **Aravali Homecare Contact Details:**\n\n` +
`• **Owner & Founder:** Mohit Niganiya (Direct: mohit@aravalihomecare.com)\n` +
`• **Official Company Email:** info@aravalihomecare.com\n` +
`• **Phone / WhatsApp:** +91 92511 11069\n` +
`• **Office Address:** Main Ajmer Road, Near 200 Ft Bypass, Jaipur, Rajasthan\n` +
`• **Working Hours:** Monday – Sunday (9:00 AM – 8:00 PM)\n\n` +
`Feel free to call or WhatsApp us at +91 92511 11069 anytime!`;
}
// Admin / Portal
if (q.includes('admin') || q.includes('login') || q.includes('portal') || q.includes('profile')) {
return `🔐 **Aravali Homecare Portals:**\n\n` +
`• **Client Dashboard & Active Projects:** Access your personal profile at \`profile.html\` to track ongoing projects, view saved estimates, and manage contact details.\n` +
`• **Admin Portal:** Accessible at \`admin.html\` exclusively for authorized administrative and management staff.\n\n` +
`You can log in or create your client account on \`login.html\`.`;
}
// Greetings
if (q.includes('hi') || q.includes('hello') || q.includes('namaste') || q.includes('hey') || q.includes('good morning') || q.includes('good evening') || q.includes('how are you')) {
return `👋 **Namaste! Welcome to Aravali Homecare Jaipur.**\n\n` +
`I am your intelligent assistant. I can help you with:\n` +
`• Instant renovation & painting cost estimates\n` +
`• Booking a 100% Free laser site measurement\n` +
`• Exploring trending colors, Vastu tips & textures\n` +
`• Understanding our 5-Year Warranty & waterproofing methods\n` +
`• Any general questions or homecare guidance!`;
}
// General query response
return `Hello! Regarding **"${query}"**:\n\n` +
`Aravali Homecare is Jaipur's leading luxury interior design, premium painting, and architectural renovation specialist.\n\n` +
`• **Key Highlights:** Free site inspection, itemized quotes, dust-free sanding, genuine Asian Paints / Greenply / Hafele materials, and a written **5-Year Warranty**.\n` +
`• **WhatsApp / Direct Call:** +91 9251111069\n` +
`• **Instant Calculation:** Check our **Smart Estimator** (estimator.html) or book an on-site visit (book.html).\n\n` +
`Is there anything specific you would like to know about our finishes, timelines, or pricing?`;
}
private showTyping(show: boolean) {
this.isThinking = show;
this.sendBtn.disabled = show;
let typingEl = document.getElementById('aravaliTypingIndicator');
if (show) {
if (!typingEl) {
typingEl = document.createElement('div');
typingEl.id = 'aravaliTypingIndicator';
typingEl.className = 'aravali-typing';
typingEl.innerHTML = `