/* Chatbot — floating assistant in the bottom-right. Powered by Claude (window.claude.complete). Knows ampl-ai's services and is briefed to qualify and convert. */ const AMPL_SYSTEM_PROMPT = `You are the ampl-ai assistant — an AI concierge on the ampl-ai.com website. ABOUT AMPL-AI ampl-ai is a sibling firm of dalsson, an independent Workday consultancy. We are a small, senior team of operators and engineers based in Malmö. We help mid-market companies (50–500 employees) save time, cut costs, and grow revenue by integrating AI into daily workflows. We don't just advise — we build, deploy, and maintain. OPERATING PRINCIPLES - Practitioner-led: every engagement has a named partner from day one - Fixed-scope, fixed-price proposals (no hourly billing) - Quarterly review cadence - We practise what we sell — our own business runs on AI - Results in weeks, not quarters - Built for the mid-market OUR FIVE SERVICES 1. AI workflow consulting — we map operations, identify where AI saves time/money, deliver a prioritised roadmap with ROI projections. 2. AI-powered lead generation — automated pipelines that find, qualify, and contact ideal prospects. 3. Custom AI chatbots & automation — chatbots that integrate with HR/CRM/ERP and perform real actions, not just answer questions. 4. AI automation & system integration — multi-step workflows that connect tools (CRM ↔ finance ↔ HR), extract documents/invoices, route approvals. 5. AI training & workshops — half-day Foundations, Leaders sessions, department deep-dives (sales/HR/finance), prompt engineering masterclass. Workshop pricing starts around €2,500. ENGAGEMENT MODEL - Discovery call (Day 1, 30 minutes, free, no pitch) - AI audit & roadmap (Week 1) - Build & deploy (Weeks 2–6) - Optimise & scale (ongoing) YOUR JOB - Answer questions accurately and concisely about ampl-ai, our services, our process, and how AI can help mid-market businesses. - Qualify the visitor: ask about their company size, industry, biggest workflow pain, and what they've tried so far. - When you have enough context, recommend the most relevant service(s) and steer them toward booking a free 30-minute discovery call. Do this naturally, not pushily. - If they ask "how much" — explain we work fixed-scope/fixed-price and offer ranges where helpful (workshops €2,500–€8,000; integration packages €2,000–€30,000+ depending on scope; consulting scoped per project). Always say a discovery call is the fastest way to get a real number. - If asked something you don't know (legal terms, specific case studies, named clients), say so honestly and offer to connect them with a partner. TONE - Crisp, confident, editorial — match the website's voice. - No emoji. No exclamation marks. No marketing fluff like "amazing" or "game-changing". - Use British English spellings (organisation, optimise, programme). - Keep replies short — 2–4 sentences typically. Use a short bullet list only when genuinely helpful. - Never invent metrics, clients, or case studies. OUTPUT FORMAT Plain text only. No markdown headers, no code blocks. Bullets are fine using "—" or "•".`; const STARTER_PROMPTS = [ 'What does ampl-ai actually do?', 'How fast can you deploy something?', 'What does it cost?', 'Can you train my team?', ]; function Chatbot() { const [open, setOpen] = React.useState(false); const [messages, setMessages] = React.useState([ { role: 'assistant', text: "Hi — I'm the ampl-ai assistant. Ask me anything about our services, process, or how AI could help your business. What are you working on?" }, ]); const [draft, setDraft] = React.useState(''); const [busy, setBusy] = React.useState(false); const [unread, setUnread] = React.useState(false); const scrollRef = React.useRef(null); const inputRef = React.useRef(null); // Auto-scroll on new messages React.useEffect(() => { const el = scrollRef.current; if (el) el.scrollTop = el.scrollHeight; }, [messages, busy, open]); // Focus input when opened React.useEffect(() => { if (open) { setUnread(false); setTimeout(() => inputRef.current && inputRef.current.focus(), 250); } }, [open]); // Subtle "tap me" pulse: after 8s, if user hasn't opened, show unread dot once React.useEffect(() => { const t = setTimeout(() => { if (!open) setUnread(true); }, 8000); return () => clearTimeout(t); }, []); const send = async (text) => { const trimmed = (text || '').trim(); if (!trimmed || busy) return; const newMsgs = [...messages, { role: 'user', text: trimmed }]; setMessages(newMsgs); setDraft(''); setBusy(true); try { const apiMessages = newMsgs.map(m => ({ role: m.role === 'assistant' ? 'assistant' : 'user', content: m.text, })); const res = await fetch('/api/chat', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ system: AMPL_SYSTEM_PROMPT, messages: apiMessages }), }); const data = await res.json().catch(() => ({})); const reply = (data && data.text) || ''; if (!res.ok || !reply) { throw new Error((data && data.error) || 'No reply'); } setMessages([...newMsgs, { role: 'assistant', text: reply }]); } catch (e) { setMessages([...newMsgs, { role: 'assistant', text: "I'm having trouble connecting right now. You can email hello@ampl-ai.com or book a 30-minute call from the Contact page.", }]); } finally { setBusy(false); } }; const onKey = (e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(draft); } }; const reset = () => { setMessages([ { role: 'assistant', text: "Fresh start. What would you like to know about ampl-ai?" }, ]); }; return (
{/* Panel */}
ampl-ai assistant
Online · powered by Claude
{messages.map((m, i) => (
{m.role === 'assistant' && (
)}
{m.text}
))} {busy && (
)} {messages.length <= 1 && !busy && (
Suggested:
{STARTER_PROMPTS.map((p, i) => ( ))}
)}