import { useState } from "react";
import { motion } from "framer-motion";
export default function SalesChatbot() {
const [messages, setMessages] = useState([
{ text: "Willkommen bei 5 Big Elephants! Wie kann ich Ihnen helfen?", sender: "bot" }
]);
const [input, setInput] = useState("");
const [isOpen, setIsOpen] = useState(false);
const handleSend = () => {
if (!input.trim()) return;
const newMessages = [...messages, { text: input, sender: "user" }];
setMessages(newMessages);
setInput("");
setTimeout(() => {
const botResponse = getBotResponse(input);
setMessages([...newMessages, { text: botResponse, sender: "bot" }]);
}, 1000);
};
const getBotResponse = (message) => {
if (message.toLowerCase().includes("portfolio")) {
return "Hier ist unser Portfolio: [Link] Möchten Sie eine Beratung?";
} else if (message.toLowerCase().includes("kontakt")) {
return "Sie können unser Vertriebsteam hier erreichen: [E-Mail/Telefon]";
}
return "Ich bin mir nicht sicher, aber ich kann Sie mit einem Experten verbinden!";
};
return (
<>
{isOpen && (
)}
);
}