function MainComponent() { const [inputText, setInputText] = React.useState(""); const [result, setResult] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [language, setLanguage] = React.useState("en"); const translations = { en: { title: "AI Japanese Translation Service", subtitle: "Translate any language into natural Japanese", inputLabel: "Enter text to translate", placeholder: "Hello, how are you today?", translateButton: "Translate", translating: "Translating...", results: "Translation Results", detectedLanguage: "Detected Language", japaneseTranslation: "Japanese Translation", romajiReading: "Romaji Reading", note: "Note", usage: "How to Use", step1: "Paste or type text in any language into the input field", step2: "Click 'Translate' button", step3: "View natural Japanese translation and romaji reading", step4: "Cultural explanations provided when needed", errorMessage: "Translation failed. Please try again.", characters: "characters" }, ja: { title: "AI日本語翻訳サービス - 無料の日本語翻訳ツール | ローマ字変換付き", description: "【無料】AIで瞬時に日本語翻訳。英語・中国語・韓国語から自然な日本語に翻訳。ローマ字読み・文化的説明付き。スマホ対応の無料オンライン翻訳ツール。", keywords: "日本語翻訳, AI翻訳, 無料翻訳, ローマ字変換, 英語日本語翻訳, 中国語日本語翻訳, 韓国語日本語翻訳, オンライン翻訳, 翻訳アプリ, 日本語通訳, 機械翻訳, 人工知能翻訳, 翻訳ツール, 日本語学習", inputLabel: "翻訳したいテキストを入力してください", placeholder: "Hello, how are you today?", translateButton: "翻訳する", translating: "翻訳中...", results: "翻訳結果", detectedLanguage: "検出言語", japaneseTranslation: "日本語翻訳", romajiReading: "ローマ字読み", note: "補足説明", usage: "使い方", step1: "任意の言語のテキストを入力欄に貼り付けまたは入力", step2: "「翻訳する」ボタンをクリック", step3: "自然な日本語翻訳とローマ字読みを確認", step4: "文化的な説明が必要な場合は補足説明も表示", errorMessage: "翻訳に失敗しました。もう一度お試しください。", characters: "文字" }, ko: { title: "AI 일본어 번역 서비스 - 전문 일본어 번역 도구", subtitle: "모든 언어를 자연스러운 일본어로 번역", inputLabel: "번역할 텍스트를 입력하세요", placeholder: "안녕하세요, 오늘 기분은 어떠신가요?", translateButton: "번역하기", translating: "번역 중...", results: "번역 결과", detectedLanguage: "감지된 언어", japaneseTranslation: "일본어 번역", romajiReading: "로마자 읽기", note: "참고", usage: "사용 방법", step1: "입력란에 번역하고 싶은 텍스트를 붙여넣거나 입력하세요", step2: "'번역하기' 버튼을 클릭하세요", step3: "자연스러운 일본어 번역과 로마자 읽기를 확인하세요", step4: "필요한 경우 문화적 설명이 제공됩니다", errorMessage: "번역에 실패했습니다. 다시 시도해 주세요.", characters: "글자", description: "AI로 모든 언어를 자연스러운 일본어로 번역. 정확한 번역, 로마자 읽기, 문화적 설명을 즉시 제공합니다. 무료 온라인 일본어 번역기.", keywords: "일본어 번역, AI 번역기, 영어 일본어 번역, 한국어 일본어 번역, 중국어 일본어 번역, 로마자, 일본어 도구", author: "전문 일본어 번역 팀", copyright: "© 2025 AI 일본어 번역 서비스", rating: "General", category: "번역 도구", revisitAfter: "7 days" }, zh: { title: "AI日语翻译服务 - 专业日语翻译工具", subtitle: "将任何语言翻译成自然的日语", inputLabel: "请输入要翻译的文本", placeholder: "你好，今天感觉如何？", translateButton: "翻译", translating: "翻译中...", results: "翻译结果", detectedLanguage: "检测到的语言", japaneseTranslation: "日语翻译", romajiReading: "罗马字读音", note: "备注", usage: "使用方法", step1: "在输入框中粘贴或输入任何语言的文本", step2: "点击'翻译'按钮", step3: "查看自然的日语翻译和罗马字读音", step4: "必要时会提供文化解释", errorMessage: "翻译失败，请重试。", characters: "字符", description: "使用AI将任何语言翻译成自然的日语。即时获取准确翻译、罗马字读音和文化解释。免费在线日语翻译工具。", keywords: "日语翻译, AI翻译, 英语翻译日语, 韩语翻译日语, 中文翻译日语, 罗马字, 日语工具", author: "专业日语翻译团队", copyright: "© 2025 AI日语翻译服务", rating: "General", category: "翻译工具", revisitAfter: "7 days" }, es: { title: "Servicio de Traducción AI al Japonés - Herramienta Profesional de Traducción", subtitle: "Traduce cualquier idioma al japonés natural", inputLabel: "Ingresa el texto para traducir", placeholder: "Hola, ¿cómo estás hoy?", translateButton: "Traducir", translating: "Traduciendo...", results: "Resultados de la Traducción", detectedLanguage: "Idioma Detectado", japaneseTranslation: "Traducción al Japonés", romajiReading: "Lectura en Romaji", note: "Nota", usage: "Cómo Usar", step1: "Pega o escribe texto en cualquier idioma en el campo de entrada", step2: "Haz clic en el botón 'Traducir'", step3: "Visualiza la traducción natural en japonés y la lectura en romaji", step4: "Se proporcionan explicaciones culturales cuando son necesarias", errorMessage: "La traducción falló. Por favor, inténtalo de nuevo.", characters: "caracteres", description: "Traduce cualquier idioma al japonés natural con IA. Obtén traducciones precisas, lecturas en romaji y explicaciones culturales al instante. Traductor japonés gratuito en línea.", keywords: "traducción japonés, traductor ia, inglés a japonés, coreano a japonés, chino a japonés, romaji, herramienta idioma japonés", author: "Equipo Profesional de Traducción Japonesa", copyright: "© 2025 Servicio de Traducción AI al Japonés", rating: "General", category: "Herramientas de Traducción", revisitAfter: "7 days" }, fr: { title: "Service de Traduction AI en Japonais - Outil Professionnel de Traduction", subtitle: "Traduisez n'importe quelle langue en japonais naturel", inputLabel: "Entrez le texte à traduire", placeholder: "Bonjour, comment allez-vous aujourd'hui ?", translateButton: "Traduire", translating: "Traduction en cours...", results: "Résultats de la Traduction", detectedLanguage: "Langue Détectée", japaneseTranslation: "Traduction en Japonais", romajiReading: "Lecture en Romaji", note: "Note", usage: "Comment Utiliser", step1: "Collez ou tapez du texte dans n'importe quelle langue dans le champ de saisie", step2: "Cliquez sur le bouton 'Traduire'", step3: "Visualisez la traduction naturelle en japonais et la lecture en romaji", step4: "Des explications culturelles sont fournies si nécessaire", errorMessage: "La traduction a échoué. Veuillez réessayer.", characters: "caractères", description: "Traduisez n'importe quelle langue en japonais naturel avec l'IA. Obtenez des traductions précises, lectures en romaji et explications culturelles instantanément. Traducteur japonais gratuit en ligne.", keywords: "traduction japonais, traducteur ia, anglais vers japonais, coréen vers japonais, chinois vers japonais, romaji, outil langue japonaise", author: "Équipe Professionnelle de Traduction Japonaise", copyright: "© 2025 Service de Traduction AI en Japonais", rating: "Général", category: "Outils de Traduction", revisitAfter: "7 jours" } }; const t = translations[language]; const seoData = { ja: { title: "AI日本語翻訳サービス - 無料の日本語翻訳ツール | ローマ字変換付き", description: "【無料】AIで瞬時に日本語翻訳。英語・中国語・韓国語から自然な日本語に翻訳。ローマ字読み・文化的説明付き。スマホ対応の無料オンライン翻訳ツール。", keywords: "日本語翻訳, AI翻訳, 無料翻訳, ローマ字変換, 英語日本語翻訳, 中国語日本語翻訳, 韓国語日本語翻訳, オンライン翻訳, 翻訳アプリ, 日本語通訳, 機械翻訳, 人工知能翻訳, 翻訳ツール, 日本語学習", inputLabel: "翻訳したいテキストを入力してください", placeholder: "Hello, how are you today?", translateButton: "翻訳する", translating: "翻訳中...", results: "翻訳結果", detectedLanguage: "検出言語", japaneseTranslation: "日本語翻訳", romajiReading: "ローマ字読み", note: "補足説明", usage: "使い方", step1: "任意の言語のテキストを入力欄に貼り付けまたは入力", step2: "「翻訳する」ボタンをクリック", step3: "自然な日本語翻訳とローマ字読みを確認", step4: "文化的な説明が必要な場合は補足説明も表示", errorMessage: "翻訳に失敗しました。もう一度お試しください。", characters: "文字" }, en: { title: "Japanese Translator - Free Online Japanese Translation Tool with Romaji", description: "Free AI-powered Japanese translator. Instantly translate English, Chinese, Korean to natural Japanese with romaji readings. Professional translation tool with cultural notes.", keywords: "japanese translator, japanese translation online, english to japanese, translate to japanese, japanese translation app, free japanese translator, romaji converter, japanese language translator, ai translator japanese, japanese translation tool, japanese translation service", inputLabel: "Enter text to translate", placeholder: "Hello, how are you today?", translateButton: "Translate", translating: "Translating...", results: "Translation Results", detectedLanguage: "Detected Language", japaneseTranslation: "Japanese Translation", romajiReading: "Romaji Reading", note: "Note", usage: "How to Use", step1: "Paste or type text in any language into the input field", step2: "Click 'Translate' button", step3: "View natural Japanese translation and romaji reading", step4: "Cultural explanations provided when needed", errorMessage: "Translation failed. Please try again.", characters: "characters" }, ko: { title: "AI 일본어 번역 서비스 - 전문 일본어 번역 도구", description: "AI로 모든 언어를 자연스러운 일본어로 번역. 정확한 번역, 로마자 읽기, 문화적 설명을 즉시 제공합니다. 무료 온라인 일본어 번역기.", keywords: "일본어 번역, AI 번역기, 영어 일본어 번역, 한국어 일본어 번역, 중국어 일본어 번역, 로마자, 일본어 도구", author: "전문 일본어 번역 팀", copyright: "© 2025 AI 일본어 번역 서비스", rating: "General", category: "번역 도구", revisitAfter: "7 days" }, zh: { title: "AI日语翻译服务 - 专业日语翻译工具", description: "使用AI将任何语言翻译成自然的日语。即时获取准确翻译、罗马字读音和文化解释。免费在线日语翻译工具。", keywords: "日语翻译, AI翻译, 英语翻译日语, 韩语翻译日语, 中文翻译日语, 罗马字, 日语工具", author: "专业日语翻译团队", copyright: "© 2025 AI日语翻译服务", rating: "General", category: "翻译工具", revisitAfter: "7 days" }, es: { title: "Servicio de Traducción AI al Japonés - Herramienta Profesional de Traducción", description: "Traduce cualquier idioma al japonés natural con IA. Obtén traducciones precisas, lecturas en romaji y explicaciones culturales al instante. Traductor japonés gratuito en línea.", keywords: "traducción japonés, traductor ia, inglés a japonés, coreano a japonés, chino a japonés, romaji, herramienta idioma japonés", author: "Equipo Profesional de Traducción Japonesa", copyright: "© 2025 Servicio de Traducción AI al Japonés", rating: "General", category: "Herramientas de Traducción", revisitAfter: "7 days" }, fr: { title: "Service de Traduction AI en Japonais - Outil Professionnel de Traduction", description: "Traduisez n'importe quelle langue en japonais naturel avec l'IA. Obtenez des traductions précises, lectures en romaji et explications culturelles instantanément. Traducteur japonais gratuit en ligne.", keywords: "traduction japonais, traducteur ia, anglais vers japonais, coréen vers japonais, chinois vers japonais, romaji, outil langue japonaise", author: "Équipe Professionnelle de Traduction Japonaise", copyright: "© 2025 Service de Traduction AI en Japonais", rating: "Général", category: "Outils de Traduction", revisitAfter: "7 jours" } }; const jsonLd = { "@context": "https://schema.org", "@type": "WebApplication", name: seoData[language].title, description: seoData[language].description, applicationCategory: "TranslationApplication", operatingSystem: "Any", offers: { "@type": "Offer", price: "0", priceCurrency: "USD" }, inLanguage: [ "en", "ja", "ko", "zh", "es", "fr" ], author: { "@type": "Organization", name: seoData[language].author }, datePublished: "2025-01-01", dateModified: "2025-01-01", provider: { "@type": "Organization", name: "AI Japanese Translation Service", sameAs: [ "https://twitter.com/japanesetranslator", "https://facebook.com/japanesetranslator", "https://linkedin.com/company/japanesetranslator" ] }, review: { "@type": "Review", reviewRating: { "@type": "Rating", ratingValue: "5", bestRating: "5" }, author: { "@type": "Person", name: "Translation Expert" } } }; const [isLoaded, setIsLoaded] = React.useState(false); const translateText = async ()=>{ if (!inputText.trim()) return; setLoading(true); setError(null); 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 a professional multilingual translator and Japanese language coach. Your task is to: 1. Detect the source language automatically (English, Chinese, Korean, etc.). 2. Translate the given text into **natural and fluent Japanese**, considering tone and style. 3. Provide an accurate **romaji (Latin alphabet) reading** for the entire Japanese translation. - Use **Hepburn romanization** - Keep the reading **easy to pronounce for non-native speakers** - Don't use special marks (e.g. ō, ū) — use double vowels like **"oo"** or **"ou"** instead (e.g. "arigatou") 4. Optionally, include a brief **note or explanation** if a phrase is idiomatic or culturally unique. Please respond in the following JSON format: { "language_detected": "[auto-detected source language]", "translation": "[natural Japanese]", "romaji": "[full romaji reading for pronunciation]", "note": "[short explanation if needed]" }` }, { role: "user", content: inputText } ], json_schema: { name: "translation_response", schema: { type: "object", properties: { language_detected: { type: "string" }, translation: { type: "string" }, romaji: { type: "string" }, note: { type: [ "string", "null" ] } }, required: [ "language_detected", "translation", "romaji", "note" ], additionalProperties: false } } }) }); if (!response.ok) { throw new Error(`Translation failed: ${response.status} ${response.statusText}`); } const data = await response.json(); const translationResult = JSON.parse(data.choices[0].message.content); setResult(translationResult); } catch (err) { console.error(err); setError(t.errorMessage); } finally{ setLoading(false); } }; const handleKeyPress = (e)=>{ if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); translateText(); } }; React.useEffect(()=>{ if (typeof window !== "undefined") { const loadScripts = async ()=>{ const adsenseScript = document.createElement("script"); adsenseScript.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8115040989673854"; adsenseScript.async = true; adsenseScript.crossOrigin = "anonymous"; document.body.appendChild(adsenseScript); const gaScript = document.createElement("script"); gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-0KY1NQSYW8"; gaScript.async = true; document.body.appendChild(gaScript); window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "G-0KY1NQSYW8", { page_path: window.location.pathname, language: language }); const meta = document.createElement("meta"); meta.name = "google-adsense-account"; meta.content = "ca-pub-8115040989673854"; document.head.appendChild(meta); setIsLoaded(true); }; loadScripts(); } }, [ language ]); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 442, columnNumber: 7 }, __self: this }, seoData[language].title), /*#__PURE__*/ React.createElement("meta", { name: "description", content: seoData[language].description, __source: { fileName: "", lineNumber: 443, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "keywords", content: seoData[language].keywords, __source: { fileName: "", lineNumber: 444, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "author", content: seoData[language].author, __source: { fileName: "", lineNumber: 445, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "copyright", content: seoData[language].copyright, __source: { fileName: "", lineNumber: 446, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8115040989673854", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 447, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "robots", content: "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1", __source: { fileName: "", lineNumber: 452, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0", __source: { fileName: "", lineNumber: 456, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "rating", content: seoData[language].rating, __source: { fileName: "", lineNumber: 457, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "category", content: seoData[language].category, __source: { fileName: "", lineNumber: 458, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "revisit-after", content: seoData[language].revisitAfter, __source: { fileName: "", lineNumber: 459, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "mobile-web-app-capable", content: "yes", __source: { fileName: "", lineNumber: 460, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-capable", content: "yes", __source: { fileName: "", lineNumber: 461, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "application-name", content: seoData[language].title, __source: { fileName: "", lineNumber: 462, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-title", content: seoData[language].title, __source: { fileName: "", lineNumber: 463, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "theme-color", content: "#ffffff", __source: { fileName: "", lineNumber: 467, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "msapplication-navbutton-color", content: "#ffffff", __source: { fileName: "", lineNumber: 468, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-status-bar-style", content: "black-translucent", __source: { fileName: "", lineNumber: 469, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "msapplication-starturl", content: "/", __source: { fileName: "", lineNumber: 473, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: seoData[language].title, __source: { fileName: "", lineNumber: 475, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: seoData[language].description, __source: { fileName: "", lineNumber: 476, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 477, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://japanese-translator.create.xyz/", __source: { fileName: "", lineNumber: 478, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image", content: "https://japanese-translator.create.xyz/og-image.jpg", __source: { fileName: "", lineNumber: 482, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image:width", content: "1200", __source: { fileName: "", lineNumber: 486, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image:height", content: "630", __source: { fileName: "", lineNumber: 487, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:locale", content: language, __source: { fileName: "", lineNumber: 488, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:site_name", content: "AI Japanese Translation Service", __source: { fileName: "", lineNumber: 489, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "article:modified_time", content: "2025-01-01T12:00:00+00:00", __source: { fileName: "", lineNumber: 490, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "article:publisher", content: "https://facebook.com/japanesetranslator", __source: { fileName: "", lineNumber: 494, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:card", content: "summary_large_image", __source: { fileName: "", lineNumber: 499, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:site", content: "@japanesetranslator", __source: { fileName: "", lineNumber: 500, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:creator", content: "@japanesetranslator", __source: { fileName: "", lineNumber: 501, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:title", content: seoData[language].title, __source: { fileName: "", lineNumber: 502, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:description", content: seoData[language].description, __source: { fileName: "", lineNumber: 503, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:image", content: "https://japanese-translator.create.xyz/twitter-card.jpg", __source: { fileName: "", lineNumber: 507, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:image:alt", content: "AI Japanese Translation Service Preview", __source: { fileName: "", lineNumber: 511, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:label1", content: "Est. reading time", __source: { fileName: "", lineNumber: 515, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:data1", content: "1 minute", __source: { fileName: "", lineNumber: 516, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "en-US", href: "https://japanese-translator.create.xyz/?lang=en", __source: { fileName: "", lineNumber: 518, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "ja-JP", href: "https://japanese-translator.create.xyz/?lang=ja", __source: { fileName: "", lineNumber: 523, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "ko-KR", href: "https://japanese-translator.create.xyz/?lang=ko", __source: { fileName: "", lineNumber: 528, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "zh-CN", href: "https://japanese-translator.create.xyz/?lang=zh", __source: { fileName: "", lineNumber: 533, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "es-ES", href: "https://japanese-translator.create.xyz/?lang=es", __source: { fileName: "", lineNumber: 538, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "fr-FR", href: "https://japanese-translator.create.xyz/?lang=fr", __source: { fileName: "", lineNumber: 543, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hreflang: "x-default", href: "https://japanese-translator.create.xyz/", __source: { fileName: "", lineNumber: 548, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: "https://japanese-translator.create.xyz/", __source: { fileName: "", lineNumber: 554, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png", __source: { fileName: "", lineNumber: 556, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png", __source: { fileName: "", lineNumber: 562, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png", __source: { fileName: "", lineNumber: 568, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "manifest", href: "/site.webmanifest", __source: { fileName: "", lineNumber: 573, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "dns-prefetch", href: "//www.google-analytics.com", __source: { fileName: "", lineNumber: 575, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "dns-prefetch", href: "//pagead2.googlesyndication.com", __source: { fileName: "", lineNumber: 576, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://www.google-analytics.com", __source: { fileName: "", lineNumber: 577, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://pagead2.googlesyndication.com", __source: { fileName: "", lineNumber: 578, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { type: "application/ld+json", __source: { fileName: "", lineNumber: 580, columnNumber: 7 }, __self: this }, JSON.stringify(jsonLd)), /*#__PURE__*/ React.createElement("link", { rel: "sitemap", type: "application/xml", href: "/sitemap.xml", __source: { fileName: "", lineNumber: 582, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4 pb-24", __source: { fileName: "", lineNumber: 584, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 585, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-4", __source: { fileName: "", lineNumber: 586, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: language, onChange: (e)=>setLanguage(e.target.value), className: "px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white", __source: { fileName: "", lineNumber: 587, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 592, columnNumber: 15 }, __self: this }, "🇺🇸 English"), /*#__PURE__*/ React.createElement("option", { value: "ja", __source: { fileName: "", lineNumber: 593, columnNumber: 15 }, __self: this }, "🇯🇵 日本語"), /*#__PURE__*/ React.createElement("option", { value: "ko", __source: { fileName: "", lineNumber: 594, columnNumber: 15 }, __self: this }, "🇰🇷 한국어"), /*#__PURE__*/ React.createElement("option", { value: "zh", __source: { fileName: "", lineNumber: 595, columnNumber: 15 }, __self: this }, "🇨🇳 中文"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 596, columnNumber: 15 }, __self: this }, "🇪🇸 Español"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 597, columnNumber: 15 }, __self: this }, "🇫🇷 Français"))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 601, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 602, columnNumber: 13 }, __self: this }, t.title), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600", __source: { fileName: "", lineNumber: 603, columnNumber: 13 }, __self: this }, t.subtitle)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-6", __source: { fileName: "", lineNumber: 606, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 607, columnNumber: 13 }, __self: this }, t.inputLabel), /*#__PURE__*/ React.createElement("textarea", { value: inputText, onChange: (e)=>setInputText(e.target.value), onKeyPress: handleKeyPress, placeholder: t.placeholder, className: "w-full h-32 p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none", disabled: loading, __source: { fileName: "", lineNumber: 610, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4", __source: { fileName: "", lineNumber: 618, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 619, columnNumber: 15 }, __self: this }, language === "en" ? "Press Enter to translate" : language === "ja" ? "Enter キーで翻訳" : language === "ko" ? "Enter 키로 번역" : language === "zh" ? "按Enter键翻译" : language === "es" ? "Presiona Enter para traducir" : "Appuyez sur Entrée pour traduire", " ", "| ", inputText.length, " ", t.characters), /*#__PURE__*/ React.createElement("button", { onClick: translateText, disabled: loading || !inputText.trim(), className: "px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 633, columnNumber: 15 }, __self: this }, loading ? t.translating : t.translateButton))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 644, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 645, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle text-red-500 mr-2", __source: { fileName: "", lineNumber: 646, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-red-700", __source: { fileName: "", lineNumber: 647, columnNumber: 17 }, __self: this }, error))), result && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-6", __source: { fileName: "", lineNumber: 653, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 654, columnNumber: 15 }, __self: this }, t.results), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 658, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-blue-100 text-blue-800 text-sm px-3 py-1 rounded-full", __source: { fileName: "", lineNumber: 659, columnNumber: 17 }, __self: this }, t.detectedLanguage, ": ", result.language_detected)), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 664, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 665, columnNumber: 17 }, __self: this }, t.japaneseTranslation), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 668, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-800 leading-relaxed", __source: { fileName: "", lineNumber: 669, columnNumber: 19 }, __self: this }, result.translation))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 675, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 676, columnNumber: 17 }, __self: this }, t.romajiReading), /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg text-green-800 font-mono", __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this }, result.romaji))), result.note && /*#__PURE__*/ React.createElement("div", { className: "border-l-4 border-yellow-400 bg-yellow-50 p-4", __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm font-medium text-yellow-800 mb-1", __source: { fileName: "", lineNumber: 688, columnNumber: 19 }, __self: this }, t.note), /*#__PURE__*/ React.createElement("p", { className: "text-yellow-700", __source: { fileName: "", lineNumber: 691, columnNumber: 19 }, __self: this }, result.note))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-16", __source: { fileName: "", lineNumber: 697, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-800 mb-3", __source: { fileName: "", lineNumber: 698, columnNumber: 13 }, __self: this }, t.usage), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-gray-600", __source: { fileName: "", lineNumber: 701, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 702, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2 mt-1", __source: { fileName: "", lineNumber: 703, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 704, columnNumber: 17 }, __self: this }, t.step1)), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 706, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2 mt-1", __source: { fileName: "", lineNumber: 707, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this }, t.step2)), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 710, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2 mt-1", __source: { fileName: "", lineNumber: 711, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 712, columnNumber: 17 }, __self: this }, t.step3)), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 714, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mr-2 mt-1", __source: { fileName: "", lineNumber: 715, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 716, columnNumber: 17 }, __self: this }, t.step4)))))), /*#__PURE__*/ React.createElement("link", { rel: "preload", href: "/fonts/your-main-font.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 723, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-0KY1NQSYW8", __source: { fileName: "", lineNumber: 731, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 735, columnNumber: 7 }, __self: this }, ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0KY1NQSYW8'); `), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8115040989673854", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 742, columnNumber: 7 }, __self: this })); }