function MainComponent() { const [messages, setMessages] = React.useState([]); const [systemPrompt, setSystemPrompt] = React.useState(""); const [loading, setLoading] = React.useState(false); const [reply, setReply] = React.useState(""); const sendMessage = ()=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system_prompt: systemPrompt }) }).then((response)=>response.json()).then((data)=>{ setReply(data.choices[0].message.content); }).catch((error)=>{ console.error('Error:', error); }).finally(()=>{ setLoading(false); }); }; React.useEffect(()=>{ sendMessage(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen overflow-hidden font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-full h-full", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("video", { autoPlay: true, loop: true, muted: true, className: "absolute w-full h-full object-cover", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "path/to/background-video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex justify-center items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/image1.jpg", alt: "Primary visual giving a 3D immersive feel", className: "w-[500px] h-[300px] object-cover", style: { transform: 'translateY(-50px) scale(1.1)' }, __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: "path/to/image2.jpg", alt: "Overlay visual enhancing the 3D immersive experience", className: "w-[500px] h-[300px] object-cover", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 w-full bg-[#00000080] p-4 text-white", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-24 w-full text-center text-white text-5xl", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, "VR Tourism of Point Cloud Data"), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full bg-[#000000] text-white p-4 text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, "Footer Content"), /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 flex items-center justify-center ${loading ? 'block' : 'hidden'}`, __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-lg", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Loading..."))); }