function MainComponent() { const [language, setLanguage] = useState("de"); const [messages, setMessages] = useState([]); const [userInput, setUserInput] = useState(""); const [streamingMessage, setStreamingMessage] = useState(""); const [loading, setLoading] = useState(false); const content = { de: { nav: [ { title: "Startseite", path: "/" }, { title: "Dienstleistungen", path: "/services" }, { title: "Firmengründung", path: "/company-formation" }, { title: "Firmenverkauf", path: "/company-sale" }, { title: "Buchhaltung", path: "/accounting" }, { title: "Über uns", path: "/about" }, { title: "Kontakt", path: "/contact" } ], hero: { title: "Troy - Ihr KI-Assistent", subtitle: "Intelligente Beratung rund um die Uhr" }, features: { title: "Was Troy für Sie tun kann", items: [ { title: "Sofortige Antworten", desc: "Erhalten Sie umgehend Antworten auf Ihre geschäftlichen Fragen", icon: "bolt" }, { title: "Mehrsprachige Unterstützung", desc: "Kommunizieren Sie in Deutsch oder Englisch", icon: "language" }, { title: "24/7 Verfügbarkeit", desc: "Ihr virtueller Berater ist immer für Sie da", icon: "clock" } ] }, suggestions: { title: "Beispielfragen", items: [ "Wie gründe ich eine GmbH in der Schweiz?", "Was sind die Vorteile einer Firmengründung in Zug?", "Welche Unterlagen benötige ich für die Buchhaltung?", "Wie läuft ein Firmenverkauf ab?" ] }, chat: { placeholder: "Ihre Frage hier eingeben...", button: "Senden", welcome: "Hallo! Ich bin Troy, Ihr KI-Assistent. Wie kann ich Ihnen helfen?" } }, en: { nav: [ { title: "Home", path: "/" }, { title: "Services", path: "/services" }, { title: "Company Formation", path: "/company-formation" }, { title: "Company Sale", path: "/company-sale" }, { title: "Accounting", path: "/accounting" }, { title: "About", path: "/about" }, { title: "Contact", path: "/contact" } ], hero: { title: "Troy - Your AI Assistant", subtitle: "Intelligent Consulting Around the Clock" }, features: { title: "What Troy Can Do for You", items: [ { title: "Instant Answers", desc: "Get immediate responses to your business questions", icon: "bolt" }, { title: "Multilingual Support", desc: "Communicate in English or German", icon: "language" }, { title: "24/7 Availability", desc: "Your virtual consultant is always available", icon: "clock" } ] }, suggestions: { title: "Example Questions", items: [ "How do I establish a GmbH in Switzerland?", "What are the advantages of founding a company in Zug?", "What documents do I need for accounting?", "How does a company sale process work?" ] }, chat: { placeholder: "Enter your question here...", button: "Send", welcome: "Hello! I'm Troy, your AI assistant. How can I help you?" } } }; const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); setLoading(false); } }); const handleSendMessage = async ()=>{ if (!userInput.trim()) return; const newMessage = { role: "user", content: userInput }; setMessages((prev)=>[ ...prev, newMessage ]); setUserInput(""); setLoading(true); const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, newMessage ], stream: true }) }); handleStreamResponse(response); }; const handleSuggestionClick = (suggestion)=>{ setUserInput(suggestion); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white relative", __source: { fileName: "", lineNumber: 144, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#e31e24] text-xl font-semibold", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, "Thalheim Treuhand+")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 153, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Suchen...", className: "px-4 py-2 border rounded-md", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }), content[language].nav.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.title, href: item.path, className: "text-gray-700", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, item.title)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e4c9a] text-white py-16", __source: { fileName: "", lineNumber: 169, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-24 h-24 bg-white rounded-full flex items-center justify-center mx-auto mb-6", __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-[#1e4c9a] text-4xl", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-light mb-4", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, content[language].hero.title), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-4", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }, content[language].hero.subtitle))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16", __source: { fileName: "", lineNumber: 183, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-3xl text-[#1a3d7c] mb-8", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, content[language].features.title), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }, content[language].features.items.map((feature)=>/*#__PURE__*/ React.createElement("div", { key: feature.title, className: "flex items-start", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#1a3d7c] mr-4", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${feature.icon} text-2xl`, __source: { fileName: "", lineNumber: 193, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl text-[#1a3d7c] mb-2", __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, feature.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 199, columnNumber: 21 }, __self: this }, feature.desc))))), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-3xl text-[#1a3d7c] mb-4", __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }, content[language].suggestions.title), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, content[language].suggestions.items.map((suggestion, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleSuggestionClick(suggestion), className: "block w-full text-left p-3 rounded bg-[#f8f9fa] hover:bg-gray-200 transition-colors", __source: { fileName: "", lineNumber: 212, columnNumber: 21 }, __self: this }, suggestion))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 225, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[600px] flex flex-col", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto mb-4 space-y-4", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 rounded bg-[#1a3d7c] text-white", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, content[language].chat.welcome), messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `p-3 rounded ${msg.role === "user" ? "bg-gray-100" : "bg-[#1a3d7c] text-white"}`, __source: { fileName: "", lineNumber: 232, columnNumber: 19 }, __self: this }, msg.content)), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "p-3 rounded bg-[#1a3d7c] text-white", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }, streamingMessage)), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 249, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userInput, onChange: (e)=>setUserInput(e.target.value), placeholder: content[language].chat.placeholder, className: "flex-1 p-3 border rounded", onKeyPress: (e)=>e.key === "Enter" && handleSendMessage(), __source: { fileName: "", lineNumber: 250, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendMessage, disabled: loading, className: "bg-[#1a3d7c] text-white px-6 py-3 rounded hover:bg-[#15316c] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 264, columnNumber: 21 }, __self: this }) : content[language].chat.button)))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-12", __source: { fileName: "", lineNumber: 275, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 276, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 277, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 278, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-medium mb-2", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, "Thalheim Treuhand"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 280, columnNumber: 15 }, __self: this }, "Ihr vertrauenswürdiger Partner für Treuhand und Beratung")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }, "Kontakt"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, "Chamerstrasse 176", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }), "6300 Zug", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 290, columnNumber: 17 }, __self: this }), "Schweiz")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 294, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 295, columnNumber: 15 }, __self: this }, "Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, content[language].nav.map((item)=>/*#__PURE__*/ React.createElement("li", { key: item.title, __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.path, className: "text-gray-400 hover:text-white text-sm transition-colors", __source: { fileName: "", lineNumber: 299, columnNumber: 21 }, __self: this }, item.title))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, "Öffnungszeiten"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, "Montag - Freitag", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 313, columnNumber: 17 }, __self: this }), "08:00 - 17:00 Uhr"))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-800 mt-12 pt-8 text-center text-gray-400 text-sm", __source: { fileName: "", lineNumber: 318, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Thalheim Treuhand GmbH. Alle Rechte vorbehalten.")))); }