function MainComponent() { const [imageUrls, setImageUrls] = React.useState([]); React.useEffect(()=>{ const fetchImages = async ()=>{ try { const response = await fetch("https://hook.us1.make.com/si0fsxb1i2ei27mky4444a8jbr4aww8r", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ images: "send me the images URLs" }) }); const data = await response.json(); const urls = data.url_img.split(",").filter((url)=>url.trim().endsWith(".png") || url.trim().endsWith(".jpg")); setImageUrls(urls); } catch (error) { console.error("Error fetching images:", error); } }; fetchImages(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5e8e8] p-6 font-sans", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#e91e63]", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Arte Uñas"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#a31545]", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "¡Galería de hermosos diseños de nuestras amigas que usan la app!"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/arte-unas", target: "_self", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#e91e63] text-white px-4 py-2 rounded hover:bg-[#d81b60]", __source: { fileName: "", lineNumber: 41, columnNumber: 47 }, __self: this }, "Diseña tus uñas")), /*#__PURE__*/ React.createElement("a", { href: "https://forms.fillout.com/t/oTZVrWKEZVus", target: "_blank", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#e91e63] text-white px-4 py-2 rounded hover:bg-[#d81b60]", __source: { fileName: "", lineNumber: 44, columnNumber: 78 }, __self: this }, "Sube tu foto")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, imageUrls.map((url, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: url.trim(), alt: `Arte Uñas image ${index + 1}`, className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }))))); }