function MainComponent() { const [loading, setLoading] = React.useState(false); const [imageUrl, setImageUrl] = React.useState(null); const handleButtonClick = async ()=>{ const input = document.getElementById("nailDesign").value; const payload = { diseno: input }; setLoading(true); try { const response = await fetch("https://hook.us1.make.com/3ls4mwm8wqaw6ktekf9raj7migmpqc47", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); const result = await response.json(); setImageUrl(result.url); } catch (error) { alert("Hubo un error al enviar el diseño."); } finally{ setLoading(false); const incrementPayload = { incrementar_ejecuciones: "incrementa ejecuciones" }; try { await fetch("https://hook.us1.make.com/lm690wavac5aq2meu40w275die5gsnsp", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(incrementPayload) }); } catch (error) { alert("Error al incrementar ejecuciones."); } } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#ffeef2] min-h-screen py-10", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-pacifico text-3xl text-pink-600 flex items-center mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paint-brush mr-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }), "Diseña Tus Próximas Uñas"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-lg text-pink-800 mb-6", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, "¡Exprésate con estilo y creatividad! Personaliza el diseño de tus uñas y luce como nunca."), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "NUEVO:"), " Audiolibro, La Revolución de la Belleza con Inteligencia Artificial", /*#__PURE__*/ React.createElement("a", { href: "/ia-en-belleza", target: "_self", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "ml-4 bg-[#8a2be2] hover:bg-blue-600 text-white py-1 px-3 rounded shadow-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 49 }, __self: this }, "Audiolibro"))), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e56cfad3-52e0-4765-bfef-cfd40c491070/-/format/auto/", alt: "Diseño de uñas con mariposas", className: "w-[300px] h-[300px] rounded-lg mb-6", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg text-center w-[90%] max-w-[400px]", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", htmlFor: "nailDesign", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "¿Qué diseño deseas para tus uñas?"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nailDesign", id: "nailDesign", placeholder: "Ejemplo: unas palmeras, unas mariposas, unas rosas hermosas", className: "w-full p-2 border border-gray-300 rounded mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-pink-500 hover:bg-pink-600 text-white py-2 px-4 rounded", onClick: handleButtonClick, __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paint-brush mr-2", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }), "Decora Tus Uñas"), loading && /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-pink-500 my-4", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }), imageUrl && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Resultado de diseño", className: "w-[300px] h-[300px] rounded-lg mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: imageUrl, download: true, className: "text-pink-500", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }), " Descargar")), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, "Cada diseño es único, aún usando la misma descripción del diseño", " ", /*#__PURE__*/ React.createElement("span", { role: "img", "aria-label": "smile", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "😊")), /*#__PURE__*/ React.createElement("a", { href: "/galeria-unas", target: "_self", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded mt-4", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, "Comparte un foto de tus uñas"))), /*#__PURE__*/ React.createElement("footer", { className: "mt-6 text-gray-600", __source: { fileName: "", lineNumber: 118, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/ai-for-good", className: "mr-4", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, "Volver a Ai for good"), /*#__PURE__*/ React.createElement("a", { href: "https://iapersonalizada.com", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "Por RLTec"))); }