New Contact Form Submission

Name: ${contactForm.name}

Email: ${contactForm.email}

Message:

${contactForm.message}

` }) }); if (!response.ok) { throw new Error("Failed to send email"); } setEmailStatus("success"); setContactForm({ name: "", email: "", message: "" }); } catch (err) { console.error("Error sending email:", err); setEmailStatus("error"); } finally { setSendingEmail(false); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-[#F0F8FF] p-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-2xl mx-auto" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-center text-[#2B7CE9]" }, "LunaticLeviTheSecond Generator"), /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-8 border-2 border-[#2B7CE9]" }, /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("label", { className: "block text-[#2B7CE9] mb-2 font-semibold" }, "Customize your prompt:"), /* @__PURE__ */ React.createElement( "textarea", { value: prompt, onChange: (e) => setPrompt(e.target.value), className: "w-full p-2 border-2 border-[#2B7CE9] rounded-lg h-24 focus:outline-none focus:ring-2 focus:ring-[#2B7CE9]", placeholder: "Describe your LunaticLeviTheSecond image..." } )), /* @__PURE__ */ React.createElement( "button", { onClick: generateImage, disabled: loading, className: "w-full bg-[#2B7CE9] text-white py-3 rounded-lg hover:bg-[#1E5BB0] disabled:bg-[#93B8F0]" }, loading ? "Generating..." : "Generate Image" ), error && /* @__PURE__ */ React.createElement("div", { className: "mt-4 text-red-600 text-center" }, error)), generatedImage && /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 border-2 border-[#2B7CE9]" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold mb-4 text-center text-[#2B7CE9]" }, "Generated Image"), /* @__PURE__ */ React.createElement( "img", { src: generatedImage, alt: "Generated LunaticLeviTheSecond", className: "w-full rounded-lg" } )), /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mt-8 border-2 border-[#2B7CE9]" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold mb-6 text-center text-[#2B7CE9]" }, "Contact Us"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleContactSubmit, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-[#2B7CE9] mb-2 font-semibold" }, "Name:"), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "name", value: contactForm.name, onChange: (e) => setContactForm((prev) => ({ ...prev, name: e.target.value })), className: "w-full p-2 border-2 border-[#2B7CE9] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#2B7CE9]", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-[#2B7CE9] mb-2 font-semibold" }, "Email:"), /* @__PURE__ */ React.createElement( "input", { type: "email", name: "email", value: contactForm.email, onChange: (e) => setContactForm((prev) => ({ ...prev, email: e.target.value })), className: "w-full p-2 border-2 border-[#2B7CE9] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#2B7CE9]", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-[#2B7CE9] mb-2 font-semibold" }, "Message:"), /* @__PURE__ */ React.createElement( "textarea", { name: "message", value: contactForm.message, onChange: (e) => setContactForm((prev) => ({ ...prev, message: e.target.value })), className: "w-full p-2 border-2 border-[#2B7CE9] rounded-lg h-32 focus:outline-none focus:ring-2 focus:ring-[#2B7CE9]", required: true } )), /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: sendingEmail, className: "w-full bg-[#2B7CE9] text-white py-3 rounded-lg hover:bg-[#1E5BB0] disabled:bg-[#93B8F0]" }, sendingEmail ? "Sending..." : "Send Message" ), emailStatus === "success" && /* @__PURE__ */ React.createElement("div", { className: "text-green-600 text-center mt-4 bg-green-50 p-2 rounded-lg" }, "Message sent successfully!"), emailStatus === "error" && /* @__PURE__ */ React.createElement("div", { className: "text-red-600 text-center mt-4 bg-red-50 p-2 rounded-lg" }, "Failed to send message. Please try again.")))), /* @__PURE__ */ React.createElement( "div", { className: `fixed bottom-4 right-4 z-50 ${isChatOpen ? "w-80" : "w-auto"}` }, !isChatOpen && /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsChatOpen(true), className: "bg-[#2B7CE9] text-white p-4 rounded-full shadow-lg hover:bg-[#1E5BB0] flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-comments" }), /* @__PURE__ */ React.createElement("span", { className: "ml-2" }, "Need help?") ), isChatOpen && /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg border-2 border-[#2B7CE9]" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 bg-[#2B7CE9] text-white rounded-t-lg flex justify-between items-center" }, /* @__PURE__ */ React.createElement("h3", { className: "font-bold" }, "Image Generation Assistant"), /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsChatOpen(false), className: "text-white hover:text-gray-200" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-times" }) )), /* @__PURE__ */ React.createElement("div", { className: "h-96 p-4 overflow-y-auto" }, messages.map((msg, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: `mb-4 ${msg.role === "user" ? "text-right" : "text-left"}` }, /* @__PURE__ */ React.createElement( "div", { className: `inline-block p-2 rounded-lg ${msg.role === "user" ? "bg-[#2B7CE9] text-white" : "bg-[#F0F8FF] text-[#2B7CE9]"}` }, msg.content ) )), streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "text-left" }, /* @__PURE__ */ React.createElement("div", { className: "inline-block p-2 rounded-lg bg-[#F0F8FF] text-[#2B7CE9]" }, streamingMessage)), chatLoading && !streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "text-center text-[#2B7CE9]" }, "Thinking...")), /* @__PURE__ */ React.createElement("div", { className: "p-4 border-t border-[#2B7CE9]" }, /* @__PURE__ */ React.createElement( "form", { onSubmit: (e) => { e.preventDefault(); if (userInput.trim()) { sendMessage(userInput); setUserInput(""); } }, className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "chatInput", value: userInput, onChange: (e) => setUserInput(e.target.value), placeholder: "Ask for prompt suggestions...", className: "flex-1 p-2 border-2 border-[#2B7CE9] rounded focus:outline-none focus:ring-2 focus:ring-[#2B7CE9]" } ), /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: chatLoading || !userInput.trim(), className: "bg-[#2B7CE9] text-white px-4 py-2 rounded hover:bg-[#1E5BB0] disabled:bg-[#93B8F0]" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane" }) ) ))) )); } var page_default = MainComponent; return __toCommonJS(page_exports); })();