function MainComponent() { const [translation, setTranslation] = React.useState(""); const [loading, setLoading] = React.useState(false); React.useEffect(()=>{ const fetchTranslation = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/google-translate/language/translate/v2', { method: 'POST', body: new URLSearchParams({ q: 'Explore our wide range of health products designed to promote your well-being. Discover cutting-edge solutions that cater to your health needs.', target: 'en' }) }); const data = await response.json(); setTranslation(data.data.translations[0].translatedText); } catch (error) { console.error("Error translating text:", error); setTranslation("Failed to load translation."); } finally{ setLoading(false); } }; fetchTranslation(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#e6fff2] min-h-screen", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-3", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#004d00] text-2xl", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "MediHealth"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "text-[#004d00] font-roboto hover:underline", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-[#004d00] font-roboto hover:underline", __source: { fileName: "", lineNumber: 37, columnNumber: 19 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#products", className: "text-[#004d00] font-roboto hover:underline", __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }, "Products")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-[#004d00] font-roboto hover:underline", __source: { fileName: "", lineNumber: 39, columnNumber: 19 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "home", className: "text-center py-10", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-4xl text-[#004d00] mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Welcome to MediHealth"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#004d00]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Providing quality health solutions for a brighter future.")), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-10", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-3xl text-[#004d00] mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#004d00]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "MediHealth is your partner in health and wellness, dedicated to improving life through innovative medical solutions.")), /*#__PURE__*/ React.createElement("section", { id: "products", className: "py-10", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-3xl text-[#004d00] mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Our Products"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#004d00] mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, loading ? "Loading translation..." : translation), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center items-center gap-4", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] p-4 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/your/image.jpg", alt: "Product 1", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-roboto text-[#004d00] text-lg", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, "Product 1"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#004d00]", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, "A brief description of Product 1."))), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] p-4 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/your/image.jpg", alt: "Product 2", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-roboto text-[#004d00] text-lg", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, "Product 2"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#004d00]", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "A brief description of Product 2."))))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-10", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-3xl text-[#004d00] mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", rows: "4", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#004d00] text-white font-roboto p-2 rounded hover:bg-[#003300] transition-colors", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, "Send Message"))))))); }