function MainComponent() { const [imageURL, setImageURL] = React.useState(''); React.useEffect(()=>{ fetch('/integrations/stable-diffusion/?prompt=muayfit+fight+night+fighters', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ if (data && data.data && data.data.length > 0) { setImageURL(data.data[0]); } }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] text-[#FFFFFF] font-roboto flex flex-col items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FF0000] text-4xl md:text-6xl lg:text-8xl font-bold mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, "Join as a Fighter for MuayFit Fight Night"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl lg:text-4xl mb-8", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Sign up now to compete in the ultimate Muay Thai battle."), imageURL && /*#__PURE__*/ React.createElement("img", { src: imageURL, alt: "MuayFit Fight Night Fighters Generated Image", className: "w-[300px] md:w-[400px] lg:w-[500px] mb-8 rounded", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center justify-center gap-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fighterName", placeholder: "Fighter Name", className: "p-2 w-[300px] md:w-[400px] rounded text-black", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "weightClass", placeholder: "Weight Class", className: "p-2 w-[300px] md:w-[400px] rounded text-black", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "p-2 w-[300px] md:w-[400px] rounded text-black", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "contact", placeholder: "Contact Number", className: "p-2 w-[300px] md:w-[400px] rounded text-black", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "experienceLevel", className: "p-2 w-[300px] md:w-[400px] rounded text-black", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "Select Experience Level"), /*#__PURE__*/ React.createElement("option", { value: "Beginner", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Beginner"), /*#__PURE__*/ React.createElement("option", { value: "Intermediate", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Intermediate"), /*#__PURE__*/ React.createElement("option", { value: "Professional", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Professional")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#FF0000] text-white font-bold py-2 px-6 rounded hover:bg-[#D00000] transition duration-300", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Sign Up Now"))); }