function MainComponent() { const [responseMessage, setResponseMessage] = React.useState(''); const [loading, setLoading] = React.useState(false); React.useEffect(()=>{ const fetchData = async ()=>{ setLoading(true); try { const result = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: 'Tell me about National Institute of Fire and Safety in Gorakhpur.' } ] }) }); const data = await result.json(); setResponseMessage(data.choices[0].message.content); } catch (error) { console.error('Error fetching data:', error); } finally{ setLoading(false); } }; fetchData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 text-white p-6 font-crimson-text", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path-to-logo.png", alt: "National Institute of Fire and Safety logo", className: "mx-auto w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, "National Institute of Fire and Safety"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl my-2", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "Gorakhpur, Shaktinagar Colony"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "Director: Er Hiralal Kushwaha"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, "We provide the best environment for our students, offering experienced professors and affordable fees for every middle-class student."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path-to-fire-safety-1.jpg", alt: "Fire and safety training 1", className: "w-[300px] h-[200px] mx-2", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path-to-fire-safety-2.jpg", alt: "Fire and safety training 2", className: "w-[300px] h-[200px] mx-2", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path-to-fire-safety-3.jpg", alt: "Fire and safety training 3", className: "w-[300px] h-[200px] mx-2", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this })), loading && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, "Loading..."), !loading && responseMessage && /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 51, columnNumber: 39 }, __self: this }, responseMessage)); }