function MainComponent() { const [searchResult, setSearchResult] = React.useState(''); const searchDreamDestination = ()=>{ fetch('/integrations/google-gemini/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: 'Search your dream destination.' } ] }) }).then((response)=>response.json()).then((data)=>{ const messageContent = data.choices[0].message.content; setSearchResult(messageContent); }); }; React.useEffect(()=>{ searchDreamDestination(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen flex flex-col", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full h-[70px] bg-[#00499D] flex items-center justify-center", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative-path-to/logo.png", alt: "Travel With Us logo", className: "w-[50px] h-[50px] mr-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-white text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Travel With Us")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col lg:flex-row", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "w-full lg:w-1/2 h-[300px] lg:h-full bg-[#DEF2F1] flex items-center justify-center", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative-path-to/image.jpg", alt: "Sunset beach with palm trees", className: "w-[600px] h-[400px] object-cover rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "w-full lg:w-1/2 h-full bg-white p-8 flex flex-col space-y-6", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#00499D] text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Exclusive Offers"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fi fi-rr-plane-departure text-[#00499D] text-2xl", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "ml-4 text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Get 50% off on your first booking")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fi fi-rr-search text-[#00499D] text-2xl", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "ml-4 text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Free breakfast and Wi-Fi in selected hotels")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fi fi-rr-bus text-[#00499D] text-2xl", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "ml-4 text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Complimentary city tours with every booking")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#00499D] mt-6 pt-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#00499D] font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, searchResult)), /*#__PURE__*/ React.createElement("input", { type: "text", name: "destination", placeholder: "Search for your dream destination", className: "w-full p-2 border border-[#00499D] rounded-md font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "w-full h-[50px] bg-[#00499D] flex items-center justify-center", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "© 2023 Travel With Us"))); }