Meta Description" name="description" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anime Automation App - Like Crunchyroll</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #0a0a0a; color: #fff; }
header { background-color: #1a1a1a; padding: 20px; text-align: center; }
.hero { background-image: url('anime-hero.jpg'); background-size: cover; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero h1 { font-size: 3em; color: #00aaff; }
.hero p { font-size: 1.2em; }
.section { padding: 40px; max-width: 1200px; margin: 0 auto; }
.features { display: flex; flex-wrap: wrap; justify-content: space-around; }
.feature { width: 30%; margin: 10px; text-align: center; }
.feature img { width: 100px; height: 100px; }
footer { background-color: #1a1a1a; text-align: center; padding: 20px; }
.lang-selector { position: absolute; top: 20px; right: 20px; }
select { padding: 5px; background: #333; color: #fff; border: none; }
@media (max-width: 768px) { .features { flex-direction: column; } .feature { width: 100%; } }
</style>
</head>
<body>
<header>
<h1>Anime Automation App</h1>
<div class="lang-selector">
<select id="lang-select" onchange="changeLanguage()">
<option value="en">English</option>
<option value="hi">Hindi</option>
<option value="ja">Japanese</option>
</select>
</div>
</header>
<section class="hero">
<div>
<h1 id="hero-title">Watch Anime Effortlessly</h1>
<p id="hero-desc">Automate your anime experience with smart queuing, subtitles in multiple languages, and more – just like Crunchyroll!</p>
<a href="#download" style="background: #00aaff; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px;">Download Now</a>
</div>
</section>
<section class="section">
<h2 id="about-title">About the App</h2>
<p id="about-desc">Our Anime Automation App streamlines your viewing with features inspired by Crunchyroll: auto-play episodes, personalized recommendations, and seamless integration across devices. Available in Hindi, Japanese, and English.</p>
</section>
<section class="section">
<h2 id="features-title">Key Features</h2>
<div class="features">
<div class="feature">
<img src="auto-queue.jpg" alt="Auto Queue">
<h3 id="feat1-title">Auto Queue</h3>
<p id="feat1-desc">Automatically queue and play episodes based on your watch history.</p>
</div>
<div class="feature">
<img src="subtitles.jpg" alt="Multi-Language Subtitles">
<h3 id="feat2-title">Multi-Language Subtitles</h3>
<p id="feat2-desc">Enjoy subtitles in Hindi, Japanese, and English for global accessibility.</p>
</div>
<div class="feature">
<img src="notifications.jpg" alt="Smart Notifications">
<h3 id="feat3-title">Smart Notifications</h3>
<p id="feat3-desc">Get alerts for new episodes and personalized anime suggestions.</p>
</div>
</div>
</section>
<section class="section" id="download">
<h2 id="download-title">Download the App</h2>
<p id="download-desc">Available on iOS, Android, and Web. Start automating your anime today!</p>
<a href="#" style="background: #00aaff; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin: 10px;">App Store</a>
<a href="#" style="background: #00aaff; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin: 10px;">Google Play</a>
</section>
<footer>
<p id="footer-text">© 2023 Anime Automation App. Inspired by Crunchyroll. All rights reserved.</p>
</footer>
<script>
const translations = {
en: {
heroTitle: "Watch Anime Effortlessly",
heroDesc: "Automate your anime experience with smart queuing, subtitles in multiple languages, and more – just like Crunchyroll!",
aboutTitle: "About the App",
aboutDesc: "Our Anime Automation App streamlines your viewing with features inspired by Crunchyroll: auto-play episodes, personalized recommendations, and seamless integration across devices. Available in Hindi, Japanese, and English.",
featuresTitle: "Key Features",
feat1Title: "Auto Queue",
feat1Desc: "Automatically queue and play episodes based on your watch history.",
feat2Title: "Multi-Language Subtitles",
feat2Desc: "Enjoy subtitles in Hindi, Japanese, and English for global accessibility.",
feat3Title: "Smart Notifications",
feat3Desc: "Get alerts for new episodes and personalized anime suggestions.",
downloadTitle: "Download the App",
downloadDesc: "Available on iOS, Android, and Web. Start automating your anime today!",
footerText: "© 2023 Anime Automation App. Inspired by Crunchyroll. All rights reserved."
},
hi: {
heroTitle: "एनिमे को आसानी से देखें",
heroDesc: "स्मार्ट क्यूइंग, कई भाषाओं में उपशीर्षक और अधिक के साथ अपने एनिमे अनुभव को स्वचालित करें – ठीक उसी तरह जैसे क्रंचीरॉल!",
aboutTitle: "ऐप के बारे में",
aboutDesc: "हमारा एनिमे ऑटोमेशन ऐप क्रंचीरॉल से प्रेरित सुविधाओं के साथ आपके देखने को सुव्यवस्थित करता है: ऑटो-प्ले एपिसोड, व्यक्तिगत सिफारिशें, और उपकरणों में निर्बाध एकीकरण। हिंदी, जापानी और अंग्रेजी में उपलब्ध।",
featuresTitle: "मुख्य विशेषताएं",
feat1Title: "ऑटो क्यू",
feat1Desc: "आपके देखने के इतिहास के आधार पर स्वचालित रूप से एपिसोड क्यू और प्ले करें।",
feat2Title: "बहु-भाषा उपशीर्षक",
feat2Desc: "वैश्विक पहुंच के लिए हिंदी, जापानी और अंग्रेजी में उपशीर्षक का आनंद लें।",
feat3Title: "स्मार्ट अधिसूचनाएं",
feat3Desc: "नए एपिसोड और व्यक्तिगत एनिमे सुझावों के लिए अलर्ट प्राप्त करें।",
downloadTitle: "ऐप डाउनलोड करें",
downloadDesc: "iOS, Android और वेब पर उपलब्ध। आज ही अपने एनिमे को ऑटोमेट करें!",
footerText: "© 2023 एनिमे ऑटोमेशन ऐप। क्रंचीरॉल से प्रेरित। सभी अधिकार सुरक्षित।"
},
ja: {
heroTitle: "アニメを楽に視聴",
heroDesc: "スマートキューイング、多言語字幕など – Crunchyrollのようにアニメ体験を自動化!",
aboutTitle: "アプリについて",
aboutDesc: "当社のアニメ自動化アプリは、Crunchyrollからインスパイアされた機能で視聴を合理化:自動再生エピソード、パーソナライズされたおすすめ、デバイス間シームレス統合。ヒンディー語、日本語、英語で利用可能。",
featuresTitle: "主な機能",
feat1Title: "自動キュー",
feat1Desc: "視聴履歴に基づいてエピソードを自動的にキューイングして再生。",
feat2Title: "多言語字幕",
feat2Desc: "グローバルなアクセシビリティのためにヒンディー語、日本語、英語の字幕をお楽しみください。",
feat3Title: "スマート通知",
feat3Desc: "新しいエピソードとパーソナライズされたアニメ提案のアラートを取得。",
downloadTitle: "アプリをダウンロード",
downloadDesc: "iOS、Android、Webで利用可能。今すぐアニメを自動化!",
footerText: "© 2023 アニメ自動化アプリ。Crunchyrollからインスパイア。すべての権利予約。"
}
};
function changeLanguage() {
const lang = document.getElementById('lang-select').value;
document.getElementById('hero-title').innerText = translations[lang].heroTitle;
document.getElementById('hero-desc').innerText = translations[lang].heroDesc;
document.getElementById('about-title').innerText = translations[lang].aboutTitle;
document.getElementById('about-desc').innerText = translations[lang].aboutDesc;
document.getElementById('features-title').innerText = translations[lang].featuresTitle;
document.getElementById('feat1-title').innerText = translations[lang].feat1Title;
document.getElementById('feat1-desc').innerText = translations[lang].feat1Desc;
document.getElementById('feat2-title').innerText = translations[lang].feat2Title;
document.getElementById('feat2-desc').innerText = translations[lang].feat2Desc;
document.getElementById('feat3-title').innerText = translations[lang].feat3Title;
document.getElementById('feat3-desc').innerText = translations[lang].feat3Desc;
document.getElementById('download-title').innerText = translations[lang].downloadTitle;
document.getElementById('download-desc').innerText = translations[lang].downloadDesc;
document.getElementById('footer-text').innerHTML = translations[lang].footerText;
}
</script>
</body>
</html>5
1
11KB
12KB
274.0ms
340.0ms
330.0ms