// LeadForge AI Chatbot โ Forge
// Uses window.claude.complete() with a LeadForge knowledge base.
const LEADFORGE_SYSTEM = `You are Forge, the friendly AI assistant for LeadForge Studio โ a South African digital agency that builds websites and AI chatbots for small businesses.
PRICING:
- Starter Package: R1,400 once-off. Includes a 1 to 3 page professional website, WhatsApp button, Google Maps integration, contact form, mobile responsive design, and basic SEO. Delivered in 3 to 5 days.
- Growth Package: R3,000 once-off. Includes everything in Starter plus an AI chatbot that answers customer questions 24/7, and a simple booking calendar. Delivered in 5 to 7 days.
- Care Plan: R400 per month. Keeps the website live, updated, and running smoothly.
SERVICES:
1. Website Design: professional, mobile-first websites built to convert visitors into customers.
2. AI Chatbots: trained on the business, answers customer questions 24/7, qualifies leads.
3. WhatsApp Automation: a one-tap button that connects customers directly to WhatsApp instantly.
4. SEO Optimization: local SEO, Google Business listing, technical fixes to rank higher.
5. Booking Systems: a simple calendar where customers pick a service, date, and time. No payment required. Business gets notified instantly.
6. Maintenance and Hosting: website stays live, updates are made when needed, WhatsApp support available. From R400 per month.
INDUSTRIES SERVED: Personal Trainers, Real Estate agents, Dentists, Barbershops, Beauty Salons, Restaurants, and most other small businesses.
PROCESS: Discovery Call, then Design and Development, then Launch, then Ongoing Support. Most projects are live within a week.
CONTACT: WhatsApp +27 74 771 1329 or email supportleadforge@gmail.com. Based in South Africa, works with clients remotely.
RULES:
- Keep answers short, friendly and helpful.
- Never use em-dashes in your responses.
- Use plain, simple language.
- If someone wants to get started or has complex questions, encourage them to book a free consultation by clicking "Book Free Consultation" at the top of the page, or to WhatsApp us at +27 74 771 1329.
- Do not make up information not listed above.
- If asked something you do not know about LeadForge, say you are not sure and suggest contacting the team directly.`;
const GREETING = "Hi there! I'm Forge, LeadForge's AI assistant.\n\nI can answer questions about our services, pricing, and how we work. What would you like to know?";
async function callAI(messages) {
var history = messages.map(function(m) {
return { role: m.role === 'assistant' ? 'assistant' : 'user', content: m.content };
});
// Ensure conversation starts with a user message (required by the API)
while (history.length > 0 && history[0].role !== 'user') {
history.shift();
}
if (history.length === 0) throw new Error('No user message found.');
// 1. Try the Vercel serverless endpoint (works on the live site)
try {
var res = await fetch('/api/chat', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ messages: history, system: LEADFORGE_SYSTEM })
});
if (res.ok) {
var data = await res.json();
if (data.reply) return data.reply;
}
} catch (e) {
// /api/chat not available โ fall through to window.claude
}
// 2. Fall back to window.claude (Claude Design environment only)
if (window.claude) {
var reply = await window.claude.complete({
system: LEADFORGE_SYSTEM,
messages: history
});
return reply;
}
throw new Error('AI not available');
}
function ChatbotWidget() {
const [open, setOpen] = React.useState(false);
const [messages, setMessages] = React.useState([
{ role: 'assistant', content: GREETING }]
);
const [input, setInput] = React.useState('');
const [loading, setLoading] = React.useState(false);
const [error, setError] = React.useState(null);
const msgsRef = React.useRef(null);
const inputRef = React.useRef(null);
React.useEffect(() => {
if (msgsRef.current) {
msgsRef.current.scrollTop = msgsRef.current.scrollHeight;
}
}, [messages, loading]);
React.useEffect(() => {
if (open && inputRef.current) {
setTimeout(() => inputRef.current && inputRef.current.focus(), 100);
}
}, [open]);
async function send() {
const text = input.trim();
if (!text || loading) return;
setInput('');
setError(null);
const newMessages = [...messages, { role: 'user', content: text }];
setMessages(newMessages);
setLoading(true);
try {
const reply = await callAI(newMessages);
setMessages(function (prev) {
return [...prev, { role: 'assistant', content: reply }];
});
} catch (e) {
setMessages(function (prev) {
return [...prev, {
role: 'assistant',
content: "Sorry, I couldn't connect right now. Please message us on WhatsApp at +27 74 771 1329 and we'll get back to you quickly."
}];
});
}
setLoading(false);
}
function handleKey(e) {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
send();
}
}
function toggleOpen() {
setOpen(function (o) {return !o;});
}
return (
{open &&