setup i18n and ported all tools to standalone pages

This commit is contained in:
abdullahalam123
2025-12-11 19:34:14 +05:30
parent fe3e54f979
commit 78dc6333f9
221 changed files with 30351 additions and 11131 deletions

View File

@@ -5,6 +5,9 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Us - BentoPDF</title>
<link rel="alternate" hreflang="en" href="/en/contact.html" />
<link rel="alternate" hreflang="de" href="/de/contact.html" />
<link rel="alternate" hreflang="x-default" href="/en/contact.html" />
<link href="/src/css/styles.css" rel="stylesheet" />
</head>
@@ -24,11 +27,11 @@
<!-- Desktop Navigation -->
<div class="hidden md:flex items-center space-x-8">
<a href="index.html" class="nav-link">Home</a>
<a href="./about.html" class="nav-link">About</a>
<a href="./contact.html" class="nav-link">Contact</a>
<a href="./licensing.html" class="nav-link">Licensing</a>
<a href="index.html#tools-header" class="nav-link">All Tools</a>
<a href="index.html" class="nav-link" data-i18n="nav.home">Home</a>
<a href="./about.html" class="nav-link" data-i18n="nav.about">About</a>
<a href="./contact.html" class="nav-link" data-i18n="nav.contact">Contact</a>
<a href="./licensing.html" class="nav-link" data-i18n="nav.licensing">Licensing</a>
<a href="index.html#tools-header" class="nav-link" data-i18n="nav.allTools">All Tools</a>
</div>
<!-- Mobile Hamburger Button -->
@@ -55,21 +58,21 @@
<!-- Mobile Menu Dropdown -->
<div id="mobile-menu" class="hidden md:hidden bg-gray-800 border-t border-gray-700">
<div class="px-2 pt-2 pb-3 space-y-1 text-center">
<a href="index.html" class="mobile-nav-link">Home</a>
<a href="./about.html" class="mobile-nav-link">About</a>
<a href="./contact.html" class="mobile-nav-link">Contact</a>
<a href="./licensing.html" class="mobile-nav-link">Licensing</a>
<a href="index.html#tools-header" class="mobile-nav-link">All Tools</a>
<a href="index.html" class="mobile-nav-link" data-i18n="nav.home">Home</a>
<a href="./about.html" class="mobile-nav-link" data-i18n="nav.about">About</a>
<a href="./contact.html" class="mobile-nav-link" data-i18n="nav.contact">Contact</a>
<a href="./licensing.html" class="mobile-nav-link" data-i18n="nav.licensing">Licensing</a>
<a href="index.html#tools-header" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
</div>
</div>
</nav>
<div id="app" class="min-h-screen container mx-auto p-4 md:p-8">
<section id="contact-hero" class="text-center py-16 md:py-24">
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4" data-i18n="contact.title">
Get in Touch
</h1>
<p class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto">
<p class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto" data-i18n="contact.subtitle">
We'd love to hear from you. Whether you have a question, feedback, or
a feature request, please don't hesitate to reach out.
</p>
@@ -77,7 +80,7 @@
<div class="max-w-2xl mx-auto text-center py-8">
<p class="text-lg text-gray-400">
You can reach us directly by email at:
<span data-i18n="contact.email">You can reach us directly by email at:</span>
<a href="mailto:contact@bentopdf.com"
class="text-indigo-400 underline hover:text-indigo-300">contact@bentopdf.com</a>
</p>
@@ -92,46 +95,47 @@
<img src="images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
<span class="text-xl font-bold text-white">BentoPDF</span>
</div>
<p class="text-gray-400 text-sm">
<p class="text-gray-400 text-sm" data-i18n="footer.copyright">
&copy; 2025 BentoPDF. All rights reserved.
</p>
<p class="text-gray-500 text-xs mt-2">
Version <span id="app-version"></span>
<span data-i18n="footer.version">Version</span> <span id="app-version"></span>
</p>
</div>
<div>
<h3 class="font-bold text-white mb-4">Company</h3>
<h3 class="font-bold text-white mb-4" data-i18n="footer.company">Company</h3>
<ul class="space-y-2 text-gray-400">
<li>
<a href="./about.html" class="hover:text-indigo-400">About Us</a>
<a href="./about.html" class="hover:text-indigo-400" data-i18n="footer.aboutUs">About Us</a>
</li>
<li>
<a href="./faq.html" class="hover:text-indigo-400">FAQ</a>
<a href="./faq.html" class="hover:text-indigo-400" data-i18n="footer.faqLink">FAQ</a>
</li>
<li>
<a href="./contact.html" class="hover:text-indigo-400">Contact Us</a>
<a href="./contact.html" class="hover:text-indigo-400" data-i18n="footer.contactUs">Contact Us</a>
</li>
</ul>
</div>
<div>
<h3 class="font-bold text-white mb-4">Legal</h3>
<h3 class="font-bold text-white mb-4" data-i18n="footer.legal">Legal</h3>
<ul class="space-y-2 text-gray-400">
<li>
<a href="./licensing.html" class="hover:text-indigo-400">Licensing</a>
<a href="./licensing.html" class="hover:text-indigo-400" data-i18n="nav.licensing">Licensing</a>
</li>
<li>
<a href="./terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
<a href="./terms.html" class="hover:text-indigo-400" data-i18n="footer.termsAndConditions">Terms and
Conditions</a>
</li>
<li>
<a href="./privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
<a href="./privacy.html" class="hover:text-indigo-400" data-i18n="footer.privacyPolicy">Privacy Policy</a>
</li>
</ul>
</div>
<div>
<h3 class="font-bold text-white mb-4">Follow Us</h3>
<h3 class="font-bold text-white mb-4" data-i18n="footer.followUs">Follow Us</h3>
<div class="flex justify-center md:justify-start space-x-4">
<a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="GitHub">
@@ -141,7 +145,7 @@
clip-rule="evenodd" />
</svg>
</a>
<a href="https://discord.gg/AP2Y97juZT" target="_blank" rel="noopener noreferrer"
<a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer"
class="text-gray-400 hover:text-indigo-400" title="Discord">
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
@@ -170,6 +174,7 @@
<script type="module" src="src/js/utils/lucide-init.ts"></script>
<script type="module" src="src/version.ts"></script>
<script type="module" src="src/js/main.ts"></script>
<script type="module" src="src/js/mobileMenu.ts"></script>
</body>