function MainComponent() { const [userInput, setUserInput] = React.useState(''); const [aiResponse, setAiResponse] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const handleInputChange = (e)=>{ setUserInput(e.target.value); }; const handleSubmit = async ()=>{ if (!userInput.trim()) return; setIsLoading(true); try { const response = await fetch('/api/ai-assistant', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prompt: userInput }) }); if (!response.ok) { throw new Error('Failed to get AI response'); } const data = await response.json(); setAiResponse(data.response); } catch (error) { console.error('Error:', error); setAiResponse('Sorry, I encountered an error. Please try again.'); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-600 to-purple-700 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-2xl p-8 max-w-3xl w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-6 text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "AI Assistant: Your Universal Solution"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-center mb-8 text-gray-600 font-crimson-text", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Fulfilling virtually any human desire or task with advanced AI capabilities."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mb-8", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-3xl text-indigo-600 mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Problem Solving"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Tackle complex challenges with our advanced algorithms.")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paint-brush text-3xl text-purple-600 mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Creative Tasks"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Unleash creativity with AI-powered inspiration and assistance.")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-3xl text-blue-600 mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Automation"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Streamline your workflow with intelligent automation solutions.")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-cog text-3xl text-green-600 mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Personalization"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Tailored experiences based on your preferences and needs."))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-gray-800", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "How can I assist you today?"), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "user_input", placeholder: "Enter your request...", className: "flex-grow p-3 rounded-l-lg border-2 border-gray-300 focus:outline-none focus:border-indigo-500", value: userInput, onChange: handleInputChange, __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-indigo-600 text-white px-6 py-3 rounded-r-lg hover:bg-indigo-700 transition duration-300 disabled:opacity-50", onClick: handleSubmit, disabled: isLoading, __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }), "Send")))), aiResponse && /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-4 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2 text-gray-800", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "AI Response:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, aiResponse)), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Powered by advanced Natural Language Processing and Machine Learning"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microchip text-2xl mx-2 text-indigo-600", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-language text-2xl mx-2 text-purple-600", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cogs text-2xl mx-2 text-blue-600", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }))))); }