This chatbot integrates with OpenRouter AI to provide technical support for CyberCat VPN configurations. It uses the deepseek/deepseek-r1-distill-llama-70b:free
model for responses.
- Real-time chat interface
- Context-aware conversations
- Error handling and retries
- Modern UI with green color scheme
- Typing indicators and loading states
- Ensure you have Node.js installed
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
The CyberCat VPN chatbot is pre-configured with:
- OpenRouter API key
- Model selection
- Default styling
To customize:
- Edit
src/components/ChatBot.astro
- Modify the styles in the
<style>
section - Update the API key if needed
// Sample API call structure
const response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
method: 'POST',
headers: {
'Authorization': `Bearer YOUR_API_KEY`,
'Content-Type': 'application/json'
},
body: JSON.stringify({
model: "deepseek/deepseek-r1-distill-llama-70b:free",
messages: [{ role: "user", content: "Your question here" }]
})
});
- Check network connections if responses fail
- Verify API key is valid
- Ensure the model is available on OpenRouter