function MainComponent() { const [messages, setMessages] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const handleSendMessage = async (messageContent)=>{ setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: messageContent } ], system_prompt: 'We provide modern solutions for digital marketing including SEO, social media, and content creation. How can we assist you today?', max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setMessages([ ...messages, { role: "assistant", content: data.result } ]); } } catch (error) { console.error('Failed to send message:', error); } finally{ setIsLoading(false); } }; React.useEffect(()=>{ handleSendMessage('Hello'); }, []); const loadingAnimation = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, ` @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } `), /*#__PURE__*/ React.createElement("div", { className: "spinner-border", style: { width: "3rem", height: "3rem", animation: "spin 1s linear infinite" }, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#010101] text-white font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 bg-[#FFD700]", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-black", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Digital", /*#__PURE__*/ React.createElement("span", { className: "text-[#010101]", __source: { fileName: "", lineNumber: 51, columnNumber: 20 }, __self: this }, "SEO")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-10", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-semibold mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Welcome to Digital", /*#__PURE__*/ React.createElement("span", { className: "text-[#FFD700]", __source: { fileName: "", lineNumber: 57, columnNumber: 73 }, __self: this }, "SEO")), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-light", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Your partner in climbing the digital ranks."), isLoading && loadingAnimation)), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-5 bg-[#FFD700]", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center text-black", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "© 2023 Digital", /*#__PURE__*/ React.createElement("span", { className: "text-[#010101]", __source: { fileName: "", lineNumber: 64, columnNumber: 30 }, __self: this }, "SEO"), " Marketing Solutions"))); }

Welcome to DigitalSEO