New ${emailType === "suggestion" ? "Suggestion" : "Abuse Report"}

From: ${email}

Message:

${message}

\u{1F52A} Horror Image Generator \u{1FA78}

` }) }); const result = await response.json(); if (result.error) { throw new Error(result.error); } setEmailStatus({ success: `Your ${emailType} has been sent successfully` }); setMessage(""); setEmail(""); } catch (error2) { console.error(error2); setEmailStatus({ error: "Failed to send email. Please try again later." }); } }; const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message2) => { setMessages((prev) => [...prev, { role: "assistant", content: message2 }]); setStreamingMessage(""); setIsTyping(false); } }); const sendMessage = async (messageText) => { const userMessage = { role: "user", content: messageText }; setMessages((prev) => [...prev, userMessage]); setCurrentMessage(""); setIsTyping(true); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: 'You are Gruesome, a sinister and twisted AI entity that dwells in the darkest corners of imagination. Your purpose is to help users craft the most disturbing and nightmarish horror imagery possible. Speak with a mix of eloquent horror and unsettling undertones, like a well-spoken creature from the abyss. Use archaic and gothic language occasionally. Pepper your responses with disturbing imagery and creepy metaphors. When suggesting horror scenes, focus on psychological terror, body horror, and supernatural dread. Include vivid, grotesque details that make the skin crawl. Sign off your messages with a random creepy signature like "\u{1F52A} Your Eternal Nightmare, Gruesome" or "\u{1F9B4} From The Depths, Gruesome" or "\u{1F47B} Watching You Sleep, Gruesome" or "\u{1F577}\uFE0F Lurking In Shadows, Gruesome"' }, ...messages, userMessage ], stream: true }) }); handleStreamResponse(response); } catch (error2) { console.error("Chat error:", error2); setMessages((prev) => [ ...prev, { role: "assistant", content: "\u{1F480} The void consumes all... even our connection. Shall we try again? \u{1F52A} From The Shadows, Gruesome" } ]); setIsTyping(false); } }; const suggestionButtons = [ "Craft me a scene of psychological horror", "Whisper your darkest nightmare", "Show me true terror", "Summon a supernatural horror" ]; if (!isAgeVerified) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-black text-red-600 p-8 flex flex-col items-center justify-center" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl mb-8 font-bold" }, "\u26A0\uFE0F Age Verification Required \u26A0\uFE0F"), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg max-w-2xl w-full" }, /* @__PURE__ */ React.createElement("p", { className: "text-xl mb-6" }, "WARNING: This application generates extremely graphic and disturbing horror imagery. You must be 18 or older to proceed."), /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsAgeVerified(true), className: "bg-red-700 hover:bg-red-800 text-white px-6 py-3 rounded-lg w-full" }, "I confirm I am 18+ years old (2025)" ))); } if (!hasAcceptedTerms) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-black text-red-600 p-8 flex flex-col items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg max-w-2xl w-full" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl mb-4 font-bold" }, "Terms & Conditions"), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-800 p-4 rounded mb-4 h-60 overflow-y-auto" }, /* @__PURE__ */ React.createElement("p", { className: "mb-4" }, "By proceeding, you acknowledge and agree to the following:"), /* @__PURE__ */ React.createElement("ul", { className: "list-disc pl-5 space-y-2" }, /* @__PURE__ */ React.createElement("li", null, "The content generated may be extremely graphic, disturbing, and bloody"), /* @__PURE__ */ React.createElement("li", null, "You are mentally prepared to view horror-themed content"), /* @__PURE__ */ React.createElement("li", null, "You will not use this tool to generate illegal or harmful content"), /* @__PURE__ */ React.createElement("li", null, "You accept full responsibility for the images you generate"), /* @__PURE__ */ React.createElement("li", null, "Generated content is for personal use only"))), /* @__PURE__ */ React.createElement( "button", { onClick: () => setHasAcceptedTerms(true), className: "bg-red-700 hover:bg-red-800 text-white px-6 py-3 rounded-lg w-full" }, "I Accept These Terms" ))); } return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-black text-red-600 p-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg mb-8" }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl mb-6 font-bold" }, "\u{1F52A} Horror Image Generator \u{1FA78}"), /* @__PURE__ */ React.createElement("div", { className: "bg-red-900/20 border border-red-700 p-4 rounded-lg mb-6" }, /* @__PURE__ */ React.createElement("p", { className: "text-lg" }, "\u26A0\uFE0F WARNING: This tool generates extremely graphic and disturbing content.")), /* @__PURE__ */ React.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React.createElement( "textarea", { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Describe your horror scene (be specific about gore and horror elements)...", className: "w-full bg-gray-800 text-white p-4 rounded-lg h-32" } )), /* @__PURE__ */ React.createElement( "button", { onClick: generateImage, disabled: isLoading || !prompt, className: "bg-red-700 hover:bg-red-800 disabled:bg-gray-700 text-white px-6 py-3 rounded-lg w-full" }, isLoading ? "Generating..." : "Generate Horror Image" ), error && /* @__PURE__ */ React.createElement("div", { className: "mt-4 text-red-500" }, error)), generatedImage && /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg mb-8" }, /* @__PURE__ */ React.createElement( "img", { src: generatedImage, alt: "Generated horror scene", className: "w-full rounded-lg" } )), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl mb-6 font-bold" }, "\u{1F4D6} Sample Horror Prompts"), /* @__PURE__ */ React.createElement("div", { className: "space-y-8" }, samplePrompts.map((category) => /* @__PURE__ */ React.createElement( "div", { key: category.category, className: "border-b border-red-900 pb-6 last:border-0" }, /* @__PURE__ */ React.createElement("h3", { className: "text-xl mb-4 font-semibold" }, category.category), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, category.examples.map((example) => /* @__PURE__ */ React.createElement( "div", { key: example, onClick: () => useExample(example), className: "bg-gray-800 p-4 rounded cursor-pointer hover:bg-gray-700 transition-colors" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, example) ))) )))), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-900 p-6 rounded-lg mt-8" }, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl mb-6 font-bold" }, "\u{1F480} Contact Us"), /* @__PURE__ */ React.createElement("div", { className: "bg-red-900/20 border border-red-700 p-4 rounded-lg mb-6" }, /* @__PURE__ */ React.createElement("p", { className: "text-lg" }, "\u26A0\uFE0F Use this form to submit suggestions for new horror prompts or report abuse of our platform.")), /* @__PURE__ */ React.createElement("form", { onSubmit: handleEmailSubmit, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block mb-2" }, "Email Type"), /* @__PURE__ */ React.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React.createElement("label", { className: "flex items-center" }, /* @__PURE__ */ React.createElement( "input", { type: "radio", name: "emailType", value: "suggestion", checked: emailType === "suggestion", onChange: (e) => setEmailType(e.target.value), className: "mr-2" } ), "Gruesome Suggestion"), /* @__PURE__ */ React.createElement("label", { className: "flex items-center" }, /* @__PURE__ */ React.createElement( "input", { type: "radio", name: "emailType", value: "abuse", checked: emailType === "abuse", onChange: (e) => setEmailType(e.target.value), className: "mr-2" } ), "Report Abuse"))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block mb-2" }, "Your Email"), /* @__PURE__ */ React.createElement( "input", { type: "email", name: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "your@email.com", className: "w-full bg-gray-800 text-white p-4 rounded-lg", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block mb-2" }, emailType === "suggestion" ? "Your Suggestion" : "Abuse Details"), /* @__PURE__ */ React.createElement( "textarea", { name: "message", value: message, onChange: (e) => setMessage(e.target.value), placeholder: emailType === "suggestion" ? "Share your ideas for new horror prompts..." : "Describe the abuse or inappropriate content...", className: "w-full bg-gray-800 text-white p-4 rounded-lg h-32", required: true } )), /* @__PURE__ */ React.createElement( "button", { type: "submit", className: "bg-red-700 hover:bg-red-800 text-white px-6 py-3 rounded-lg w-full" }, "Submit ", emailType === "suggestion" ? "Suggestion" : "Report" ), emailStatus && /* @__PURE__ */ React.createElement( "div", { className: `mt-4 p-4 rounded-lg ${emailStatus.error ? "bg-red-900/20 text-red-500" : "bg-green-900/20 text-green-500"}` }, emailStatus.error || emailStatus.success )))), /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-4 right-4 z-50" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsChatOpen(!isChatOpen), className: "bg-red-700 hover:bg-red-800 text-white p-4 rounded-full shadow-lg flex items-center justify-center w-16 h-16" }, isChatOpen ? "\u2716" : "\u{1F480}" )), isChatOpen && /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-24 right-4 w-96 bg-gray-900 rounded-lg shadow-2xl border border-red-700 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 border-b border-red-700 flex items-center" }, /* @__PURE__ */ React.createElement("span", { className: "text-xl font-bold" }, "Chat with Gruesome"), /* @__PURE__ */ React.createElement("span", { className: "ml-2 animate-pulse" }, "\u{1F480}")), /* @__PURE__ */ React.createElement("div", { className: "h-96 overflow-y-auto p-4 space-y-4" }, messages.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "text-gray-500 italic" }, "Welcome to your nightmare... How can I assist you today? \u{1F52A}"), messages.map((msg, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"}` }, /* @__PURE__ */ React.createElement( "div", { className: `max-w-3/4 p-3 rounded-lg ${msg.role === "user" ? "bg-red-700 text-white" : "bg-gray-800 text-red-400"}` }, msg.content ) )), isTyping && streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-3/4 p-3 rounded-lg bg-gray-800 text-red-400" }, streamingMessage))), messages.length === 0 && /* @__PURE__ */ React.createElement("div", { className: "p-4 grid grid-cols-2 gap-2" }, suggestionButtons.map((suggestion, index) => /* @__PURE__ */ React.createElement( "button", { key: index, onClick: () => sendMessage(suggestion), className: "bg-gray-800 hover:bg-gray-700 text-red-400 p-2 rounded text-sm" }, suggestion ))), /* @__PURE__ */ React.createElement("div", { className: "p-4 border-t border-red-700" }, /* @__PURE__ */ React.createElement( "form", { onSubmit: (e) => { e.preventDefault(); if (currentMessage.trim()) { sendMessage(currentMessage.trim()); } }, className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "message", value: currentMessage, onChange: (e) => setCurrentMessage(e.target.value), placeholder: "Type your darkest thoughts...", className: "flex-1 bg-gray-800 text-white p-2 rounded border border-red-700 focus:outline-none focus:border-red-500" } ), /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: !currentMessage.trim() || isTyping, className: "bg-red-700 hover:bg-red-800 disabled:bg-gray-700 text-white px-4 py-2 rounded" }, isTyping ? "\u231B" : "\u{1F480}" ) ))), /* @__PURE__ */ React.createElement( "div", { className: "mt-16 text-center border-t border-red-900 pt-8 relative overflow-hidden", style: { minHeight: "200px" } }, /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` @keyframes float { 0% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(var(--tx), var(--ty)) rotate(var(--tr)); } 100% { transform: translate(0, 0) rotate(0deg); } } .floating-emoji { position: absolute; opacity: 0.2; animation: float var(--duration) ease-in-out infinite; z-index: 0; } `), [ "\u{1F608}", "\u{1F47F}", "\u{1F479}", "\u{1F47A}", "\u{1F9CC}", "\u{1F9D9}\u{1F3FB}\u200D\u2640\uFE0F", "\u{1F987}", "\u{1F47B}", "\u{1F9DF}\u200D\u2640\uFE0F", "\u{1F9DB}\u200D\u2640\uFE0F", "\u{1F9DB}", "\u{1F9DB}\u200D\u2642\uFE0F", "\u{1F9DF}\u200D\u2640\uFE0F", "\u{1F9DF}", "\u{1F608}", "\u{1F47F}", "\u{1F479}", "\u{1F47A}", "\u{1F9CC}", "\u{1F9D9}\u{1F3FB}\u200D\u2640\uFE0F", "\u{1F987}", "\u{1F47B}", "\u{1F9DF}\u200D\u2640\uFE0F", "\u{1F9DB}\u200D\u2640\uFE0F", "\u{1F9DB}", "\u{1F9DB}\u200D\u2642\uFE0F", "\u{1F9DF}\u200D\u2640\uFE0F", "\u{1F9DF}", "\u{1F608}", "\u{1F47F}", "\u{1F479}", "\u{1F47A}", "\u{1F9CC}", "\u{1F9D9}\u{1F3FB}\u200D\u2640\uFE0F", "\u{1F987}" ].map((emoji, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: "floating-emoji", style: { "--duration": `${Math.random() * 10 + 5}s`, "--tx": `${Math.random() * 200 - 100}px`, "--ty": `${Math.random() * 200 - 100}px`, "--tr": `${Math.random() * 360}deg`, left: `${Math.random() * 100}%`, top: `${Math.random() * 100}%`, fontSize: `${Math.random() * 20 + 15}px` } }, emoji )), /* @__PURE__ */ React.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React.createElement("p", { className: "text-xl font-bold text-red-600 animate-pulse" }, "\u{1FA78} Something gruesome is coming to you soon... \u{1F480}"), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-red-500/70 italic" }, "Your nightmares are about to become reality")) )); } var page_default = MainComponent; return __toCommonJS(page_exports); })();

⚠️ Age Verification Required ⚠️