function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(null); const [activePage, setActivePage] = React.useState('home'); const handleClick = async ()=>{ setLoading(true); setResponse(null); const messages = [ { role: 'user', content: 'Tell me about Denver AI Club' } ]; const system_prompt = 'Explain this content'; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages, system_prompt }), headers: { 'Content-Type': 'application/json' } }); const data = await res.json(); setResponse(data.choices[0].message.content); } catch (error) { console.error(error); } finally{ setLoading(false); } }; const renderContent = ()=>{ if (activePage === 'home') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto tracking-wide mb-4 relative z-10", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Denver AI Club"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto opacity-75 mb-8 w-[300px] text-center relative z-10", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Innovating the future with Artificial Intelligence"), /*#__PURE__*/ React.createElement("button", { onClick: handleClick, className: "border border-[#f5f5f5] px-6 py-2 hover:bg-[#f5f5f5] hover:text-[#010101] transition-colors duration-300 font-roboto relative z-10", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, loading ? 'Loading...' : 'Join Us'), response && /*#__PURE__*/ React.createElement("p", { className: "mt-8 text-lg font-roboto text-center w-[300px] relative z-10", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, response)); } else if (activePage === 'about') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto tracking-wide mb-4 relative z-10", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto opacity-75 mb-8 w-[300px] text-center relative z-10", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "We are a group of AI enthusiasts dedicated to advancing the field and sharing knowledge.")); } else if (activePage === 'resources') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto tracking-wide mb-4 relative z-10", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto opacity-75 mb-8 w-[300px] text-center relative z-10", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Explore our extensive collection of AI-related resources.")); } else if (activePage === 'contact') { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto tracking-wide mb-4 relative z-10", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto opacity-75 mb-8 w-[300px] text-center relative z-10", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Get in touch with us for more information.")); } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#010101] min-h-screen text-[#f5f5f5] flex flex-col items-center justify-center relative", __source: { fileName: "", lineNumber: 81, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full opacity-25 bg-gradient-to-r from-transparent to-[#4e3a8c]", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 w-full flex justify-around py-4 z-10", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActivePage('home'), className: `font-roboto ${activePage === 'home' ? 'underline' : ''}`, __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActivePage('about'), className: `font-roboto ${activePage === 'about' ? 'underline' : ''}`, __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActivePage('resources'), className: `font-roboto ${activePage === 'resources' ? 'underline' : ''}`, __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActivePage('contact'), className: `font-roboto ${activePage === 'contact' ? 'underline' : ''}`, __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "Contact")), renderContent()); }