function MainComponent() { const [prompt, setPrompt] = useState(""); const [image, setImage] = useState(null); const [loading, setLoading] = useState(false); const [showAd, setShowAd] = useState(false); const [countdown, setCountdown] = useState(30); const [isComplete, setIsComplete] = useState(false); const [showLanguages, setShowLanguages] = useState(false); const [language, setLanguage] = useState("English"); const [selectedStyle, setSelectedStyle] = useState("Realistic"); const translations = { English: { title: "AI ARTSCOPE", placeholder: "Describe your imagination...", generateButton: "Generate Art", generating: "Generating...", downloadButton: "Download Image", waitText: "Wait {seconds} seconds..." }, Korean: { title: "AI 아트스코프", placeholder: "상상력을 설명하세요...", generateButton: "아트 생성", generating: "생성 중...", downloadButton: "이미지 다운로드", waitText: "{seconds}초 기다려주세요..." }, German: { title: "AI ARTSCOPE", placeholder: "Beschreibe deine Vorstellung...", generateButton: "Kunst generieren", generating: "Generiere...", downloadButton: "Bild herunterladen", waitText: "Warte {seconds} Sekunden..." }, Italian: { title: "AI ARTSCOPE", placeholder: "Descrivi la tua immaginazione...", generateButton: "Genera Arte", generating: "Generazione...", downloadButton: "Scarica Immagine", waitText: "Attendi {seconds} secondi..." }, Portuguese: { title: "AI ARTSCOPE", placeholder: "Descreva sua imaginação...", generateButton: "Gerar Arte", generating: "Gerando...", downloadButton: "Baixar Imagem", waitText: "Aguarde {seconds} segundos..." }, Russian: { title: "AI ARTSCOPE", placeholder: "Опишите ваше воображение...", generateButton: "Создать Искусство", generating: "Создание...", downloadButton: "Скачать Изображение", waitText: "Подождите {seconds} секунд..." }, Arabic: { title: "AI ARTSCOPE", placeholder: "...صف خيالك", generateButton: "إنشاء الفن", generating: "...جاري الإنشاء", downloadButton: "تحميل الصورة", waitText: "...انتظر {seconds} ثانية" }, Turkish: { title: "AI ARTSCOPE", placeholder: "Hayal gücünüzü tanımlayın...", generateButton: "Sanat Oluştur", generating: "Oluşturuluyor...", downloadButton: "Resmi İndir", waitText: "{seconds} saniye bekleyin..." }, Dutch: { title: "AI ARTSCOPE", placeholder: "Beschrijf je verbeelding...", generateButton: "Kunst Genereren", generating: "Genereren...", downloadButton: "Afbeelding Downloaden", waitText: "Wacht {seconds} seconden..." }, Polish: { title: "AI ARTSCOPE", placeholder: "Opisz swoją wyobraźnię...", generateButton: "Generuj Sztukę", generating: "Generowanie...", downloadButton: "Pobierz Obraz", waitText: "Poczekaj {seconds} sekund..." }, Swedish: { title: "AI ARTSCOPE", placeholder: "Beskriv din fantasi...", generateButton: "Generera Konst", generating: "Genererar...", downloadButton: "Ladda ner Bild", waitText: "Vänta {seconds} sekunder..." }, Vietnamese: { title: "AI ARTSCOPE", placeholder: "Mô tả trí tưởng tượng của bạn...", generateButton: "Tạo Nghệ Thuật", generating: "Đang tạo...", downloadButton: "Tải Ảnh", waitText: "Chờ {seconds} giây..." }, Thai: { title: "AI ARTSCOPE", placeholder: "อธิบายจินตนาการของคุณ...", generateButton: "สร้างศิลปะ", generating: "กำลังสร้าง...", downloadButton: "ดาวน์โหลดรูปภาพ", waitText: "รอ {seconds} วินาที..." }, Indonesian: { title: "AI ARTSCOPE", placeholder: "Jelaskan imajinasimu...", generateButton: "Buat Seni", generating: "Membuat...", downloadButton: "Unduh Gambar", waitText: "Tunggu {seconds} detik..." }, Greek: { title: "AI ARTSCOPE", placeholder: "Περιγράψτε τη φαντασία σας...", generateButton: "Δημιουργία Τέχνης", generating: "Δημιουργία...", downloadButton: "Λήψη Εικόνας", waitText: "Περιμένετε {seconds} δευτερόλεπτα..." }, Romanian: { title: "AI ARTSCOPE", placeholder: "Descrieți imaginația dvs...", generateButton: "Generează Artă", generating: "Se generează...", downloadButton: "Descarcă Imaginea", waitText: "Așteptați {seconds} secunde..." }, Czech: { title: "AI ARTSCOPE", placeholder: "Popište svou představivost...", generateButton: "Generovat Umění", generating: "Generování...", downloadButton: "Stáhnout Obrázek", waitText: "Počkejte {seconds} sekund..." }, Danish: { title: "AI ARTSCOPE", placeholder: "Beskriv din fantasi...", generateButton: "Generer Kunst", generating: "Genererer...", downloadButton: "Download Billede", waitText: "Vent {seconds} sekunder..." }, Finnish: { title: "AI ARTSCOPE", placeholder: "Kuvaile mielikuvitustasi...", generateButton: "Luo Taidetta", generating: "Luodaan...", downloadButton: "Lataa Kuva", waitText: "Odota {seconds} sekuntia..." }, Norwegian: { title: "AI ARTSCOPE", placeholder: "Beskriv fantasien din...", generateButton: "Generer Kunst", generating: "Genererer...", downloadButton: "Last ned Bilde", waitText: "Vent {seconds} sekunder..." }, Hungarian: { title: "AI ARTSCOPE", placeholder: "Írd le a képzeletedet...", generateButton: "Művészet Generálása", generating: "Generálás...", downloadButton: "Kép Letöltése", waitText: "Várj {seconds} másodpercet..." }, Hindi: { title: "एआई आर्टस्कोप", placeholder: "अपनी कल्पना का वर्णन करें...", generateButton: "कला बनाएं", generating: "बना रहे हैं...", downloadButton: "छवि डाउनलोड करें", waitText: "{seconds} सेकंड प्रतीक्षा करें..." }, Spanish: { title: "AI ARTSCOPE", placeholder: "Describe tu imaginación...", generateButton: "Generar Arte", generating: "Generando...", downloadButton: "Descargar Imagen", waitText: "Espera {seconds} segundos..." }, French: { title: "AI ARTSCOPE", placeholder: "Décrivez votre imagination...", generateButton: "Générer l'Art", generating: "Génération...", downloadButton: "Télécharger l'Image", waitText: "Attendez {seconds} secondes..." }, Chinese: { title: "AI艺术范围", placeholder: "描述你的想象...", generateButton: "生成艺术", generating: "生成中...", downloadButton: "下载图片", waitText: "等待{seconds}秒..." }, Japanese: { title: "AIアートスコープ", placeholder: "想像を描写してください...", generateButton: "アート生成", generating: "生成中...", downloadButton: "画像をダウンロード", waitText: "{seconds}秒お待ちください..." } }; const t = (key)=>{ const text = translations[language][key]; if (key === "waitText") { return text.replace("{seconds}", countdown.toString()); } return text; }; useEffect(()=>{ let timer; if (showAd && countdown > 0) { timer = setInterval(()=>{ setCountdown((prev)=>{ if (prev <= 1) { setIsComplete(true); } return prev - 1; }); }, 1000); } return ()=>clearInterval(timer); }, [ showAd, countdown ]); const generateImage = async ()=>{ setShowAd(true); setIsComplete(false); setCountdown(30); }; const closeAdAndGenerate = async ()=>{ if (!isComplete) return; setShowAd(false); setLoading(true); try { const response = await fetch(`/integrations/dall-e-3/?prompt=${encodeURIComponent(`${prompt}, ${selectedStyle} style`)}`); const data = await response.json(); setImage(data.data[0]); } catch (error) { console.error(error); } setLoading(false); }; const downloadImage = async ()=>{ const link = document.createElement("a"); link.href = image; link.download = "ai-artwork.png"; document.body.appendChild(link); link.click(); document.body.removeChild(link); }; const getRandomPrompt = ()=>{ const prompts = [ "A magical treehouse city at sunset with floating lanterns", "Cyberpunk cafe with robot baristas and holographic menus", "Underwater palace made of bioluminescent coral and crystals", "Steampunk airship racing through aurora borealis", "Ancient library with books that glow and float in mid-air" ]; setPrompt(prompts[Math.floor(Math.random() * prompts.length)]); }; const GenerateButton = ({ onClick, disabled, loading, t, showAd })=>/*#__PURE__*/ React.createElement("button", { onClick: onClick, disabled: disabled || !prompt.trim(), className: `w-full mt-8 p-8 rounded-xl transition-all duration-300 text-xl font-medium relative overflow-hidden group ${disabled || !prompt.trim() ? "bg-gray-600 cursor-not-allowed text-white" : "bg-white text-black hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 286, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative flex items-center justify-center gap-3", __source: { fileName: "", lineNumber: 295, columnNumber: 7 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin", __source: { fileName: "", lineNumber: 298, columnNumber: 13 }, __self: this }), t("generating")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wand-magic-sparkles", __source: { fileName: "", lineNumber: 303, columnNumber: 13 }, __self: this }), t("generateButton")))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black flex flex-col items-center justify-center px-4 md:px-8 py-24 relative overflow-hidden", __source: { fileName: "", lineNumber: 312, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 z-10 flex items-center gap-4", __source: { fileName: "", lineNumber: 313, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 314, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLanguages(!showLanguages), className: "w-12 h-12 rounded-full bg-white text-black flex items-center justify-center hover:bg-gray-100 transition-all duration-300", __source: { fileName: "", lineNumber: 315, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-language text-xl", __source: { fileName: "", lineNumber: 319, columnNumber: 13 }, __self: this })), showLanguages && /*#__PURE__*/ React.createElement("div", { className: "absolute top-14 right-0 w-48 bg-black/95 backdrop-blur-xl rounded-xl border border-white/10 shadow-lg animate-[fadeInDown_0.3s_ease-out]", __source: { fileName: "", lineNumber: 322, columnNumber: 13 }, __self: this }, Object.keys(translations).map((lang)=>/*#__PURE__*/ React.createElement("button", { key: lang, onClick: ()=>{ setLanguage(lang); setShowLanguages(false); }, className: "w-full px-4 py-3 text-left text-white hover:bg-white/10 transition-colors first:rounded-t-xl last:rounded-b-xl", __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this }, lang))))), /*#__PURE__*/ React.createElement("h1", { className: "text-6xl md:text-8xl font-roboto text-white mb-16 font-black tracking-tight text-center", __source: { fileName: "", lineNumber: 339, columnNumber: 7 }, __self: this }, t("title")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[90vw] mx-auto animate-[slideUp_0.8s_ease-out] relative", __source: { fileName: "", lineNumber: 342, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-black p-8 md:p-16 rounded-2xl border border-white/10", __source: { fileName: "", lineNumber: 343, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-4", __source: { fileName: "", lineNumber: 344, columnNumber: 11 }, __self: this }, [ "Anime", "Cinematic", "Realistic", "Fantasy", "Abstract" ].map((style)=>/*#__PURE__*/ React.createElement("button", { key: style, onClick: ()=>setSelectedStyle(style), className: `px-6 py-3 rounded-xl transition-all duration-300 hover:scale-105 ${selectedStyle === style ? "bg-white text-black" : "bg-black text-white border border-white/20 hover:border-white/40"}`, __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this }, style))), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 362, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: t("placeholder"), className: "w-full p-10 rounded-xl bg-black text-white border border-white/20 focus:border-white transition-all duration-300 text-2xl outline-none placeholder:text-gray-500", name: "prompt", __source: { fileName: "", lineNumber: 363, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: getRandomPrompt, className: "absolute right-4 top-1/2 -translate-y-1/2 w-12 h-12 rounded-xl bg-white text-black transition-all duration-300 hover:bg-gray-100", __source: { fileName: "", lineNumber: 371, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sparkles", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement(GenerateButton, { onClick: generateImage, disabled: loading || showAd, loading: loading, t: t, showAd: showAd, __source: { fileName: "", lineNumber: 379, columnNumber: 11 }, __self: this }))), image && /*#__PURE__*/ React.createElement("div", { className: "mt-12 w-full max-w-[90vw] mx-auto animate-[fadeIn_0.8s_ease-out]", __source: { fileName: "", lineNumber: 390, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 391, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-black p-8 md:p-16 rounded-2xl border border-white/10", __source: { fileName: "", lineNumber: 392, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: "AI generated artwork", className: "w-full h-auto rounded-xl mb-8", __source: { fileName: "", lineNumber: 393, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: downloadImage, className: "w-full p-8 rounded-xl bg-white text-black transition-all duration-300 text-xl font-medium hover:bg-gray-100", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }, t("downloadButton")))))), showAd && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/90 backdrop-blur-md flex items-center justify-center p-1 animate-[fadeIn_0.4s_ease-out] z-50", __source: { fileName: "", lineNumber: 412, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black p-1 rounded-3xl w-screen max-w-[800px] animate-[slideUp_0.4s_ease-out] border border-white/20 relative", __source: { fileName: "", lineNumber: 413, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: closeAdAndGenerate, disabled: countdown > 0, className: "absolute top-4 right-4 w-12 h-12 rounded-full bg-white text-black flex items-center justify-center hover:bg-gray-100 disabled:opacity-50 disabled:hover:bg-white transition-all duration-300", __source: { fileName: "", lineNumber: 414, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 419, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 421, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-2xl font-medium", __source: { fileName: "", lineNumber: 422, columnNumber: 15 }, __self: this }, t("waitText"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center p-4", __source: { fileName: "", lineNumber: 426, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[728px] h-[550px] rounded-2xl overflow-hidden border border-white/20", __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://gamershahid.blogspot.com/2024/12/ads.html", width: "728", height: "550", className: "w-full h-full", frameBorder: "0", __source: { fileName: "", lineNumber: 428, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 text-lg font-medium text-white hover:text-gray-300 transition-all duration-300", __source: { fileName: "", lineNumber: 441, columnNumber: 7 }, __self: this }, "Developed by SDSTUDIO (shahidreza)"), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 444, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } `)); }