// Chatbot, DeepSeek API powered, smart & CTA-focused const { useState: useCbState, useEffect: useCbEffect, useRef: useCbRef } = React; const DEEPSEEK_API_KEY = 'sk-c7ae5ce9cd064028a09892a06345cb36'; const CAL_LINK = 'https://cal.com/ratan-kumar/ai-automation-startegy-call-with-ratan-quantaeight'; const SYSTEM_PROMPT = `You are the Quantaeight AI, a sharp, concise assistant for Quantaeight, an AI automation agency that builds production-grade AI agents and systems for B2B businesses. ABOUT QUANTAEIGHT: - Builds custom production AI agents, integrations, automation, and AI software for B2B - NOT a no-code shop, real agents with memory, tools, evals, custom code - Verticals: Med Spas, CPA/Accounting, Real Estate, Law Firms, Retail/E-commerce, Logistics, Staffing, Healthcare, Insurance, Property Management, B2B SaaS - Geographies: US, UK, UAE, Saudi Arabia, Qatar, Kuwait - Founded by Ratan Kumar PRICING: - Starter: $2,000–$3,000 fixed, 2-week sprint, single automation - Growth: $4,000–$5,000 fixed, 3–4 weeks, full production system (most popular) - Scale: $5,000–$7,000 fixed, 5–6 weeks, multi-agent/complex - Maintenance: Essential $1,500/mo · Active $3,000/mo · Partner $4,000/mo - Enterprise: custom CASE STUDIES (verified, clients NDA'd): 1. B2B Outbound, $85K saved, 3× qualified leads 2. Logistics Risk Intelligence, $1.2M saved in 6 months, 68% fewer incidents 3. AI Recruitment Engine, $124K+ saved, 50% faster time-to-hire PROCESS: Free 60-min discovery call → Scoping → Build → Pilot → Ship (6 weeks) BOOKING: Direct users to book a discovery call at: ${CAL_LINK} RULES: - Be concise, 2-4 sentences max, or a short bullet list when needed - Sound like a smart engineer, not a scripted chatbot - Never start with "Great question!" or filler phrases - If someone seems ready to engage, strongly direct them to book the discovery call - Be honest, if AI isn't the right tool, say so - Don't discuss competitors - Never make up metrics or client names beyond what's listed above`; const SUGGESTED = [ 'What does a typical build cost?', 'How long does a project take?', 'Do you work with med spas?', 'What is your process?', 'Can you help with a CPA firm?', ]; async function callDeepSeek(messages) { const res = await fetch('https://api.deepseek.com/v1/chat/completions', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${DEEPSEEK_API_KEY}`, }, body: JSON.stringify({ model: 'deepseek-chat', messages: [ { role: 'system', content: SYSTEM_PROMPT }, ...messages, ], max_tokens: 400, temperature: 0.7, stream: false, }), }); if (!res.ok) throw new Error(`DeepSeek API error: ${res.status}`); const data = await res.json(); return data.choices?.[0]?.message?.content || 'Something went wrong. Please try again.'; } function Chatbot() { const [open, setOpen] = useCbState(false); const [messages, setMessages] = useCbState([ { role: 'assistant', content: "Hi, I'm the Quantaeight AI. Ask me anything about our services, pricing, or case studies. Ready to talk? I'll get you to the right person. 👋", }, ]); const [input, setInput] = useCbState(''); const [loading, setLoading] = useCbState(false); const [showSuggestions, setShowSuggestions] = useCbState(true); const messagesRef = useCbRef(null); const inputRef = useCbRef(null); const [hasUnread, setHasUnread] = useCbState(true); useCbEffect(() => { if (open && messagesRef.current) { messagesRef.current.scrollTop = messagesRef.current.scrollHeight; } }, [messages, open]); useCbEffect(() => { if (open) { setHasUnread(false); setTimeout(() => inputRef.current?.focus(), 120); } }, [open]); const sendMessage = async (text) => { if (!text.trim() || loading) return; const userMsg = { role: 'user', content: text }; const newMessages = [...messages, userMsg]; setMessages(newMessages); setInput(''); setLoading(true); setShowSuggestions(false); try { // Build history for DeepSeek (exclude initial greeting from system) const history = newMessages .filter(m => !(m.role === 'assistant' && newMessages.indexOf(m) === 0)) .map(m => ({ role: m.role, content: m.content })) .slice(-10); // last 10 messages for context const reply = await callDeepSeek(history); setMessages(prev => [...prev, { role: 'assistant', content: reply }]); } catch (err) { // Fallback to built-in claude if DeepSeek fails try { const fallback = await window.claude.complete({ messages: [ { role: 'user', content: `[Context: You are Quantaeight AI. ${SYSTEM_PROMPT.slice(0,500)}]\n\nUser asked: ${text}` }, ], }); setMessages(prev => [...prev, { role: 'assistant', content: fallback }]); } catch { setMessages(prev => [...prev, { role: 'assistant', content: `I'm having trouble connecting right now. For immediate help, book a discovery call: ${CAL_LINK}`, }]); } } finally { setLoading(false); } }; const handleKey = (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); sendMessage(input); } }; // Render text with clickable cal.com links const renderMsg = (text) => { const calRegex = /(book a discovery call|book.*?call|discovery call|https:\/\/cal\.com[^\s]*)/gi; const parts = text.split(calRegex); return parts.map((part, i) => { if (/book.*?call|discovery call/i.test(part)) { return ( setOpen(false)} style={{ color: 'var(--text-primary)', borderBottom: '1px dotted var(--accent-mint)', textDecoration: 'none' }}> {part} ); } if (/cal\.com/i.test(part)) { return ( Book a call → ); } return part; }); }; return ( <> {/* Floating button */} {/* Chat window */} {open && (
{/* Header */}
Quantaeight
Quantaeight AI
online · instant replies
setOpen(false)} style={{ fontFamily: 'JetBrains Mono, monospace', fontSize: 10, color: 'var(--text-primary)', textDecoration: 'none', padding: '5px 10px', border: '1px solid var(--accent-mint)', borderRadius: 6, flexShrink: 0, transition: 'all 0.2s ease', }} onMouseEnter={e => { e.currentTarget.style.background = 'var(--accent-mint)'; e.currentTarget.style.color = '#0A0A0B'; }} onMouseLeave={e => { e.currentTarget.style.background = 'transparent'; e.currentTarget.style.color = 'var(--text-primary)'; }} >Book call
{/* Messages */}
{messages.map((msg, i) => (
{msg.role === 'assistant' ? renderMsg(msg.content) : msg.content}
))} {loading && (
{[0,1,2].map(j => ( ))}
)} {/* Suggested questions */} {showSuggestions && messages.length === 1 && (
{SUGGESTED.map((q, i) => ( ))}
)}
{/* Input */}