diff --git a/404.html b/404.html
index ba1c6b93..6953f103 100644
--- a/404.html
+++ b/404.html
@@ -170,7 +170,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         <span data-i18n="footer.version">Version</span> <span id="app-version"></span>
diff --git a/about.html b/about.html
index c7d6b41e..1a3ef5cc 100644
--- a/about.html
+++ b/about.html
@@ -238,7 +238,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             <span data-i18n="footer.version">Version</span> <span id="app-version"></span>
diff --git a/contact.html b/contact.html
index 77b17e2f..86ce67c1 100644
--- a/contact.html
+++ b/contact.html
@@ -6,30 +6,33 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <!-- Primary Meta Tags -->
   <title>Contact BentoPDF - Get in Touch | Support</title>
-  <meta name="description" content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
+  <meta name="description"
+    content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/contact">
-  
+
   <!-- Open Graph -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/contact">
   <meta property="og:title" content="Contact BentoPDF - Get in Touch | Support">
-  <meta property="og:description" content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
+  <meta property="og:description"
+    content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-contact.png">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Contact BentoPDF - Get in Touch | Support">
-  <meta name="twitter:description" content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
+  <meta name="twitter:description"
+    content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs.">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-contact.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <title>Contact BentoPDF - Get in Touch | Support</title>
-  
+
   <link rel="alternate" hreflang="en" href="/en/contact.html" />
   <link rel="alternate" hreflang="de" href="/de/contact.html" />
   <link rel="alternate" hreflang="vi" href="/vi/contact.html" />
@@ -129,7 +132,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             <span data-i18n="footer.version">Version</span> <span id="app-version"></span>
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index 47d72a3e..38ab60e5 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -65,7 +65,7 @@ export default defineConfig({
 
         footer: {
             message: 'Dual-licensed under AGPL-3.0 and Commercial License.',
-            copyright: 'Copyright © 2025 BentoPDF'
+            copyright: 'Copyright © 2026 BentoPDF'
         },
 
         search: {
diff --git a/faq.html b/faq.html
index 1991fbe1..50942f80 100644
--- a/faq.html
+++ b/faq.html
@@ -6,28 +6,31 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <!-- Primary Meta Tags -->
   <title>FAQ - Frequently Asked Questions | BentoPDF</title>
-  <meta name="description" content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
+  <meta name="description"
+    content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/faq">
-  
+
   <!-- Open Graph -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/faq">
   <meta property="og:title" content="FAQ - Frequently Asked Questions | BentoPDF">
-  <meta property="og:description" content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
+  <meta property="og:description"
+    content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-faq.png">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="FAQ - Frequently Asked Questions | BentoPDF">
-  <meta name="twitter:description" content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
+  <meta name="twitter:description"
+    content="Find answers to common questions about BentoPDF. Learn about privacy, features, file limits, and how our browser-based PDF tools work.">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-faq.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <title>FAQ - Frequently Asked Questions | BentoPDF</title>
   <link href="/src/css/styles.css" rel="stylesheet" />
 
@@ -271,7 +274,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
diff --git a/index.html b/index.html
index 7808b840..204cf845 100644
--- a/index.html
+++ b/index.html
@@ -903,7 +903,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             <span data-i18n="footer.version">Version</span> <span id="app-version"></span>
diff --git a/licensing.html b/licensing.html
index 8e9fe18f..cca91639 100644
--- a/licensing.html
+++ b/licensing.html
@@ -4,30 +4,33 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <!-- Primary Meta Tags -->
-  <title>Licensing Information - Open Source PDF Tools | BentoPDF</title>
-  <meta name="description" content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/licensing">
-  
-  <!-- Open Graph -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/licensing">
-  <meta property="og:title" content="Licensing Information - Open Source PDF Tools | BentoPDF">
-  <meta property="og:description" content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-licensing.png">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="Licensing Information - Open Source PDF Tools | BentoPDF">
-  <meta name="twitter:description" content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-licensing.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
+    <!-- Primary Meta Tags -->
+    <title>Licensing Information - Open Source PDF Tools | BentoPDF</title>
+    <meta name="description"
+        content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/licensing">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/licensing">
+    <meta property="og:title" content="Licensing Information - Open Source PDF Tools | BentoPDF">
+    <meta property="og:description"
+        content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-licensing.png">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Licensing Information - Open Source PDF Tools | BentoPDF">
+    <meta name="twitter:description"
+        content="Learn about BentoPDF licensing and the open-source libraries we use. Free PDF tools built with transparency.">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-licensing.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
     <title>Licensing Information - Open Source PDF Tools | BentoPDF</title>
     <link rel="alternate" hreflang="en" href="/en/licensing.html" />
     <link rel="alternate" hreflang="de" href="/de/licensing.html" />
@@ -35,15 +38,15 @@
     <link rel="alternate" hreflang="x-default" href="/en/licensing.html" />
     <link href="/src/css/styles.css" rel="stylesheet" />
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900 text-gray-300">
@@ -736,7 +739,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm" data-i18n="footer.copyright">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         <span data-i18n="footer.version">Version</span> <span id="app-version"></span>
@@ -820,8 +823,8 @@
     <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>
-  <!-- JSON-LD Schema -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Schema -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "WebPage",
diff --git a/pdf-converter.html b/pdf-converter.html
index 3a0a1a7e..b4c29aa1 100644
--- a/pdf-converter.html
+++ b/pdf-converter.html
@@ -4,50 +4,54 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>PDF Converter - Free Online PDF Converter Tools | BentoPDF</title>
-  <meta name="description" content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
-  <meta name="keywords" content="pdf converter, word to pdf, excel to pdf, powerpoint to pdf, jpg to pdf, png to pdf, image to pdf, webp to pdf, svg to pdf, heic to pdf, tiff to pdf, bmp to pdf, text to pdf, markdown to pdf, csv to pdf, json to pdf, pdf to word, pdf to excel, pdf to jpg, pdf to png, pdf to text, pdf to markdown, pdf to csv, pdf to json, pdf to svg, pdf to webp, pdf to tiff, pdf to bmp, pdf to greyscale, pdf to pdf/a, pdf to zip, odt to pdf, ods to pdf, odp to pdf, odg to pdf, rtf to pdf, epub to pdf, mobi to pdf, cbz to pdf, fb2 to pdf, psd to pdf, xps to pdf, pages to pdf, pub to pdf, vsd to pdf, wpd to pdf, wps to pdf, xml to pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-converter">
-  
-  <!-- Open Graph -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-converter">
-  <meta property="og:title" content="PDF Converter - Free Online PDF Converter Tools | BentoPDF">
-  <meta property="og:description" content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-converter.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="PDF Converter - Free Online Tools">
-  <meta name="twitter:description" content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-converter.png">
-  <meta name="twitter:site" content="@BentoPDF">
 
-    
-    
+    <!-- Primary Meta Tags -->
+    <title>PDF Converter - Free Online PDF Converter Tools | BentoPDF</title>
+    <meta name="description"
+        content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
+    <meta name="keywords"
+        content="pdf converter, word to pdf, excel to pdf, powerpoint to pdf, jpg to pdf, png to pdf, image to pdf, webp to pdf, svg to pdf, heic to pdf, tiff to pdf, bmp to pdf, text to pdf, markdown to pdf, csv to pdf, json to pdf, pdf to word, pdf to excel, pdf to jpg, pdf to png, pdf to text, pdf to markdown, pdf to csv, pdf to json, pdf to svg, pdf to webp, pdf to tiff, pdf to bmp, pdf to greyscale, pdf to pdf/a, pdf to zip, odt to pdf, ods to pdf, odp to pdf, odg to pdf, rtf to pdf, epub to pdf, mobi to pdf, cbz to pdf, fb2 to pdf, psd to pdf, xps to pdf, pages to pdf, pub to pdf, vsd to pdf, wpd to pdf, wps to pdf, xml to pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/pdf-converter">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-converter">
+    <meta property="og:title" content="PDF Converter - Free Online PDF Converter Tools | BentoPDF">
+    <meta property="og:description"
+        content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-converter.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="PDF Converter - Free Online Tools">
+    <meta name="twitter:description"
+        content="Convert PDFs to 40+ formats and vice versa. Free online PDF converter - Word, Excel, JPG, PNG, and more. Privacy-first conversion in your browser.">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-converter.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+
+
     <link href="/src/css/styles.css" rel="stylesheet" />
     <script type="module">
         import '@phosphor-icons/web/regular';
     </script>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -73,7 +77,8 @@
                     <button id="mobile-menu-button" type="button"
                         class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
                         <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M4 6h16M4 12h16M4 18h16" />
                         </svg>
                     </button>
                 </div>
@@ -93,9 +98,13 @@
     <!-- Hero Section -->
     <section class="container mx-auto px-4 py-12 md:py-16">
         <div class="max-w-4xl mx-auto text-center">
-            <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Converter - Free Online PDF Conversion Tools</h1>
+            <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Converter - Free Online PDF Conversion Tools
+            </h1>
             <p class="text-lg md:text-xl text-gray-300 mb-8">
-                Convert your PDFs to and from 40+ different file formats with BentoPDF's comprehensive conversion tools. Transform PDFs to Word, Excel, images, text, and many other formats - or convert files into PDFs. All conversions happen locally in your browser, ensuring complete privacy. No file uploads, no cloud processing, completely free.
+                Convert your PDFs to and from 40+ different file formats with BentoPDF's comprehensive conversion tools.
+                Transform PDFs to Word, Excel, images, text, and many other formats - or convert files into PDFs. All
+                conversions happen locally in your browser, ensuring complete privacy. No file uploads, no cloud
+                processing, completely free.
             </p>
         </div>
     </section>
@@ -103,7 +112,7 @@
     <!-- Tools Grid Section -->
     <section class="container mx-auto px-4 py-8">
         <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">All PDF Converter Tools</h2>
-        
+
         <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
             <a href="/src/pages/word-to-pdf.html" class="tool-card">
                 <i class="ph ph-microsoft-word-logo text-4xl text-indigo-400 mb-2"></i>
@@ -346,31 +355,36 @@
     <!-- Why Choose Section -->
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
-            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Converter Tools?</h2>
-            
+            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Converter Tools?
+            </h2>
+
             <div class="grid md:grid-cols-2 gap-6">
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
-                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
+                        never uploaded to servers. Complete privacy guaranteed.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
-                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p>
+                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
+                        limits, no tool limits. Completely free forever.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
-                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p>
+                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
+                        downloads. Works offline after page load.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
-                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p>
+                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
+                        information needed. Just open and use.</p>
                 </div>
             </div>
         </div>
@@ -380,38 +394,42 @@
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
             <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-            
+
             <div class="space-y-4">
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are these pdf converter tools really free?
                         <i class="ph ph-caret-down text-xl"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf converter tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
+                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf converter tools are 100% free with no hidden
+                        fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are my files private and secure?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
+                        files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Is there a file size limit?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p>
+                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
+                        processing means no artificial limitations.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Do I need to install software?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p>
+                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
+                        your browser. Just open the page and start using - works on any device.</p>
                 </details>
             </div>
         </div>
@@ -426,7 +444,7 @@
                         <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">© 2025 BentoPDF. All rights reserved.</p>
+                    <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
                     <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
                 </div>
 
@@ -451,16 +469,30 @@
                 <div>
                     <h3 class="font-bold text-white mb-4">Follow Us</h3>
                     <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg>
+                        <a href="https://github.com/alam00000/bentopdf" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                                    clip-rule="evenodd" />
+                            </svg>
                         </a>
-                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg>
+                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                            </svg>
                         </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
+                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
+                                data-lucide="instagram"></i></a>
+                        <a href="https://www.linkedin.com/company/bentopdf/"
+                            class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
                         <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg>
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                            </svg>
                         </a>
                     </div>
                 </div>
@@ -472,11 +504,11 @@
     <script type="module" src="/src/version.ts"></script>
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
-    
+
     <!-- Fix BASE_URL for subdirectory deployment -->
     <script type="module">
         const BASE_URL = import.meta.env.BASE_URL;
-        
+
         // Update all links that have literal / placeholder
         document.querySelectorAll('a[href*="$"]').forEach(link => {
             if (link.href.includes('/')) {
@@ -484,7 +516,7 @@
                 link.setAttribute('href', newHref);
             }
         });
-        
+
         // Update all src attributes
         document.querySelectorAll('[src*="$"]').forEach(elem => {
             if (elem.src.includes('/')) {
diff --git a/pdf-editor.html b/pdf-editor.html
index 09ed3d1f..b322bed0 100644
--- a/pdf-editor.html
+++ b/pdf-editor.html
@@ -4,50 +4,54 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>PDF Editor - Free Online PDF Editor Tools | BentoPDF</title>
-  <meta name="description" content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
-  <meta name="keywords" content="pdf editor, edit pdf, compress pdf, rotate pdf, crop pdf, organize pdf, delete pages, add watermark, header & footer, page numbers, background color, text color, invert colors, add blank page, reverse pages, divide pages, remove annotations, remove blank pages, extract pages, extract images, extract tables, n-up pdf, custom rotation, to greyscale">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-editor">
-  
-  <!-- Open Graph -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-editor">
-  <meta property="og:title" content="PDF Editor - Free Online PDF Editor Tools | BentoPDF">
-  <meta property="og:description" content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-editor.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="PDF Editor - Free Online Tools">
-  <meta name="twitter:description" content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-editor.png">
-  <meta name="twitter:site" content="@BentoPDF">
 
-    
-    
+    <!-- Primary Meta Tags -->
+    <title>PDF Editor - Free Online PDF Editor Tools | BentoPDF</title>
+    <meta name="description"
+        content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
+    <meta name="keywords"
+        content="pdf editor, edit pdf, compress pdf, rotate pdf, crop pdf, organize pdf, delete pages, add watermark, header & footer, page numbers, background color, text color, invert colors, add blank page, reverse pages, divide pages, remove annotations, remove blank pages, extract pages, extract images, extract tables, n-up pdf, custom rotation, to greyscale">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/pdf-editor">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-editor">
+    <meta property="og:title" content="PDF Editor - Free Online PDF Editor Tools | BentoPDF">
+    <meta property="og:description"
+        content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-editor.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="PDF Editor - Free Online Tools">
+    <meta name="twitter:description"
+        content="Edit, modify, and enhance your PDFs with 25+ free online tools. Compress, rotate, crop, add watermarks, page numbers, and more. Privacy-first PDF editing in your browser.">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-editor.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+
+
     <link href="/src/css/styles.css" rel="stylesheet" />
     <script type="module">
         import '@phosphor-icons/web/regular';
     </script>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -73,7 +77,8 @@
                     <button id="mobile-menu-button" type="button"
                         class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
                         <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M4 6h16M4 12h16M4 18h16" />
                         </svg>
                     </button>
                 </div>
@@ -95,7 +100,10 @@
         <div class="max-w-4xl mx-auto text-center">
             <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Editor - Free Online PDF Editing Tools</h1>
             <p class="text-lg md:text-xl text-gray-300 mb-8">
-                Edit and enhance your PDF files with BentoPDF's comprehensive suite of 25+ editing tools. Compress file sizes, rotate pages, crop documents, add watermarks, insert page numbers, change colors, and much more. All editing happens in your browser - your files stay completely private. No signup, no limits, completely free.
+                Edit and enhance your PDF files with BentoPDF's comprehensive suite of 25+ editing tools. Compress file
+                sizes, rotate pages, crop documents, add watermarks, insert page numbers, change colors, and much more.
+                All editing happens in your browser - your files stay completely private. No signup, no limits,
+                completely free.
             </p>
         </div>
     </section>
@@ -103,7 +111,7 @@
     <!-- Tools Grid Section -->
     <section class="container mx-auto px-4 py-8">
         <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">All PDF Editor Tools</h2>
-        
+
         <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
             <a href="/src/pages/edit-pdf.html" class="tool-card">
                 <i class="ph ph-pencil-simple text-4xl text-indigo-400 mb-2"></i>
@@ -226,31 +234,36 @@
     <!-- Why Choose Section -->
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
-            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Editor Tools?</h2>
-            
+            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Editor Tools?
+            </h2>
+
             <div class="grid md:grid-cols-2 gap-6">
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
-                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
+                        never uploaded to servers. Complete privacy guaranteed.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
-                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p>
+                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
+                        limits, no tool limits. Completely free forever.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
-                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p>
+                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
+                        downloads. Works offline after page load.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
-                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p>
+                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
+                        information needed. Just open and use.</p>
                 </div>
             </div>
         </div>
@@ -260,38 +273,42 @@
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
             <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-            
+
             <div class="space-y-4">
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are these pdf editor tools really free?
                         <i class="ph ph-caret-down text-xl"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf editor tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
+                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf editor tools are 100% free with no hidden fees,
+                        no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are my files private and secure?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
+                        files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Is there a file size limit?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p>
+                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
+                        processing means no artificial limitations.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Do I need to install software?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p>
+                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
+                        your browser. Just open the page and start using - works on any device.</p>
                 </details>
             </div>
         </div>
@@ -306,7 +323,7 @@
                         <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">© 2025 BentoPDF. All rights reserved.</p>
+                    <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
                     <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
                 </div>
 
@@ -331,16 +348,30 @@
                 <div>
                     <h3 class="font-bold text-white mb-4">Follow Us</h3>
                     <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg>
+                        <a href="https://github.com/alam00000/bentopdf" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                                    clip-rule="evenodd" />
+                            </svg>
                         </a>
-                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg>
+                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                            </svg>
                         </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
+                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
+                                data-lucide="instagram"></i></a>
+                        <a href="https://www.linkedin.com/company/bentopdf/"
+                            class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
                         <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg>
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                            </svg>
                         </a>
                     </div>
                 </div>
@@ -352,11 +383,11 @@
     <script type="module" src="/src/version.ts"></script>
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
-    
+
     <!-- Fix BASE_URL for subdirectory deployment -->
     <script type="module">
         const BASE_URL = import.meta.env.BASE_URL;
-        
+
         // Update all links that have literal / placeholder
         document.querySelectorAll('a[href*="$"]').forEach(link => {
             if (link.href.includes('/')) {
@@ -364,7 +395,7 @@
                 link.setAttribute('href', newHref);
             }
         });
-        
+
         // Update all src attributes
         document.querySelectorAll('[src*="$"]').forEach(elem => {
             if (elem.src.includes('/')) {
diff --git a/pdf-merge-split.html b/pdf-merge-split.html
index e72b4d3e..db3f65b1 100644
--- a/pdf-merge-split.html
+++ b/pdf-merge-split.html
@@ -4,50 +4,54 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF</title>
-  <meta name="description" content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
-  <meta name="keywords" content="pdf merge & split, merge pdf, split pdf, organize pdf, extract pages, delete pages, divide pages, add blank page, reverse pages, alternate merge, combine pages, compare pdfs, pdf booklet">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-merge-split">
-  
-  <!-- Open Graph -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-merge-split">
-  <meta property="og:title" content="PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF">
-  <meta property="og:description" content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-merge-split.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="PDF Merge & Split - Free Online Tools">
-  <meta name="twitter:description" content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-merge-split.png">
-  <meta name="twitter:site" content="@BentoPDF">
 
-    
-    
+    <!-- Primary Meta Tags -->
+    <title>PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF</title>
+    <meta name="description"
+        content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
+    <meta name="keywords"
+        content="pdf merge & split, merge pdf, split pdf, organize pdf, extract pages, delete pages, divide pages, add blank page, reverse pages, alternate merge, combine pages, compare pdfs, pdf booklet">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/pdf-merge-split">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-merge-split">
+    <meta property="og:title" content="PDF Merge & Split - Free Online PDF Merge & Split Tools | BentoPDF">
+    <meta property="og:description"
+        content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-merge-split.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="PDF Merge & Split - Free Online Tools">
+    <meta name="twitter:description"
+        content="Merge multiple PDFs into one or split PDFs into separate files. Organize, combine, divide, and rearrange PDF pages. Free online PDF merge and split tools - no signup required.">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-merge-split.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+
+
     <link href="/src/css/styles.css" rel="stylesheet" />
     <script type="module">
         import '@phosphor-icons/web/regular';
     </script>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -73,7 +77,8 @@
                     <button id="mobile-menu-button" type="button"
                         class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
                         <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M4 6h16M4 12h16M4 18h16" />
                         </svg>
                     </button>
                 </div>
@@ -93,9 +98,13 @@
     <!-- Hero Section -->
     <section class="container mx-auto px-4 py-12 md:py-16">
         <div class="max-w-4xl mx-auto text-center">
-            <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Merge & Split Tools - Combine & Separate PDFs Free</h1>
+            <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Merge & Split Tools - Combine & Separate PDFs
+                Free</h1>
             <p class="text-lg md:text-xl text-gray-300 mb-8">
-                Combine multiple PDF files into one document or split large PDFs into smaller files with BentoPDF's merge and split tools. Reorder pages, extract specific sections, alternate merge documents, and organize your PDFs exactly how you need them. Browser-based processing ensures your files stay private. No limits on file count or size.
+                Combine multiple PDF files into one document or split large PDFs into smaller files with BentoPDF's
+                merge and split tools. Reorder pages, extract specific sections, alternate merge documents, and organize
+                your PDFs exactly how you need them. Browser-based processing ensures your files stay private. No limits
+                on file count or size.
             </p>
         </div>
     </section>
@@ -103,7 +112,7 @@
     <!-- Tools Grid Section -->
     <section class="container mx-auto px-4 py-8">
         <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">All PDF Merge & Split Tools</h2>
-        
+
         <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
             <a href="/src/pages/merge-pdf.html" class="tool-card">
                 <i class="ph ph-browsers text-4xl text-indigo-400 mb-2"></i>
@@ -171,31 +180,36 @@
     <!-- Why Choose Section -->
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
-            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Merge & Split Tools?</h2>
-            
+            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Merge & Split
+                Tools?</h2>
+
             <div class="grid md:grid-cols-2 gap-6">
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
-                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
+                        never uploaded to servers. Complete privacy guaranteed.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
-                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p>
+                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
+                        limits, no tool limits. Completely free forever.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
-                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p>
+                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
+                        downloads. Works offline after page load.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
-                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p>
+                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
+                        information needed. Just open and use.</p>
                 </div>
             </div>
         </div>
@@ -205,38 +219,42 @@
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
             <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-            
+
             <div class="space-y-4">
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are these pdf merge & split tools really free?
                         <i class="ph ph-caret-down text-xl"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf merge & split tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
+                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf merge & split tools are 100% free with no hidden
+                        fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are my files private and secure?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
+                        files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Is there a file size limit?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p>
+                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
+                        processing means no artificial limitations.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Do I need to install software?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p>
+                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
+                        your browser. Just open the page and start using - works on any device.</p>
                 </details>
             </div>
         </div>
@@ -251,7 +269,7 @@
                         <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">© 2025 BentoPDF. All rights reserved.</p>
+                    <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
                     <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
                 </div>
 
@@ -276,16 +294,30 @@
                 <div>
                     <h3 class="font-bold text-white mb-4">Follow Us</h3>
                     <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg>
+                        <a href="https://github.com/alam00000/bentopdf" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                                    clip-rule="evenodd" />
+                            </svg>
                         </a>
-                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg>
+                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                            </svg>
                         </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
+                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
+                                data-lucide="instagram"></i></a>
+                        <a href="https://www.linkedin.com/company/bentopdf/"
+                            class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
                         <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg>
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                            </svg>
                         </a>
                     </div>
                 </div>
@@ -297,11 +329,11 @@
     <script type="module" src="/src/version.ts"></script>
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
-    
+
     <!-- Fix BASE_URL for subdirectory deployment -->
     <script type="module">
         const BASE_URL = import.meta.env.BASE_URL;
-        
+
         // Update all links that have literal / placeholder
         document.querySelectorAll('a[href*="$"]').forEach(link => {
             if (link.href.includes('/')) {
@@ -309,7 +341,7 @@
                 link.setAttribute('href', newHref);
             }
         });
-        
+
         // Update all src attributes
         document.querySelectorAll('[src*="$"]').forEach(elem => {
             if (elem.src.includes('/')) {
diff --git a/pdf-security.html b/pdf-security.html
index c25e0bc8..8f6a7aaa 100644
--- a/pdf-security.html
+++ b/pdf-security.html
@@ -4,50 +4,54 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>PDF Security - Free Online PDF Security Tools | BentoPDF</title>
-  <meta name="description" content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
-  <meta name="keywords" content="pdf security, encrypt pdf, decrypt pdf, sign pdf, remove restrictions, change permissions, sanitize pdf, flatten pdf, linearize pdf, remove metadata, pdf layers">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-security">
-  
-  <!-- Open Graph -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-security">
-  <meta property="og:title" content="PDF Security - Free Online PDF Security Tools | BentoPDF">
-  <meta property="og:description" content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-security.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="PDF Security - Free Online Tools">
-  <meta name="twitter:description" content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-security.png">
-  <meta name="twitter:site" content="@BentoPDF">
 
-    
-    
+    <!-- Primary Meta Tags -->
+    <title>PDF Security - Free Online PDF Security Tools | BentoPDF</title>
+    <meta name="description"
+        content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
+    <meta name="keywords"
+        content="pdf security, encrypt pdf, decrypt pdf, sign pdf, remove restrictions, change permissions, sanitize pdf, flatten pdf, linearize pdf, remove metadata, pdf layers">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/pdf-security">
+
+    <!-- Open Graph -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-security">
+    <meta property="og:title" content="PDF Security - Free Online PDF Security Tools | BentoPDF">
+    <meta property="og:description"
+        content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-security.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="PDF Security - Free Online Tools">
+    <meta name="twitter:description"
+        content="Encrypt, decrypt, sign, and secure your PDFs with free online security tools. Password protection, digital signatures, permissions management. Privacy-first security in your browser.">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-security.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+
+
     <link href="/src/css/styles.css" rel="stylesheet" />
     <script type="module">
         import '@phosphor-icons/web/regular';
     </script>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -73,7 +77,8 @@
                     <button id="mobile-menu-button" type="button"
                         class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700">
                         <svg id="menu-icon" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M4 6h16M4 12h16M4 18h16" />
                         </svg>
                     </button>
                 </div>
@@ -93,9 +98,13 @@
     <!-- Hero Section -->
     <section class="container mx-auto px-4 py-12 md:py-16">
         <div class="max-w-4xl mx-auto text-center">
-            <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Security Tools - Protect & Secure Your PDFs Free</h1>
+            <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">PDF Security Tools - Protect & Secure Your PDFs
+                Free</h1>
             <p class="text-lg md:text-xl text-gray-300 mb-8">
-                Protect and secure your PDF documents with BentoPDF's comprehensive security tools. Encrypt with passwords, add digital signatures, manage permissions, remove sensitive data, and more. All security operations happen locally in your browser for maximum privacy. No cloud uploads, no data retention - your documents stay completely confidential.
+                Protect and secure your PDF documents with BentoPDF's comprehensive security tools. Encrypt with
+                passwords, add digital signatures, manage permissions, remove sensitive data, and more. All security
+                operations happen locally in your browser for maximum privacy. No cloud uploads, no data retention -
+                your documents stay completely confidential.
             </p>
         </div>
     </section>
@@ -103,7 +112,7 @@
     <!-- Tools Grid Section -->
     <section class="container mx-auto px-4 py-8">
         <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">All PDF Security Tools</h2>
-        
+
         <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
             <a href="/src/pages/encrypt-pdf.html" class="tool-card">
                 <i class="ph ph-lock text-4xl text-indigo-400 mb-2"></i>
@@ -161,31 +170,36 @@
     <!-- Why Choose Section -->
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
-            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Security Tools?</h2>
-            
+            <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">Why Use BentoPDF PDF Security Tools?
+            </h2>
+
             <div class="grid md:grid-cols-2 gap-6">
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-shield-check text-5xl text-indigo-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">100% Privacy-First</h3>
-                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device, never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="text-gray-400">All operations happen in your browser. Your files never leave your device,
+                        never uploaded to servers. Complete privacy guaranteed.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-infinity text-5xl text-purple-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Unlimited & Free</h3>
-                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file limits, no tool limits. Completely free forever.</p>
+                    <p class="text-gray-400">Use all tools as many times as you want, with files of any size. No file
+                        limits, no tool limits. Completely free forever.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-lightning text-5xl text-yellow-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">Lightning Fast</h3>
-                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or downloads. Works offline after page load.</p>
+                    <p class="text-gray-400">Browser-based processing means instant results. No waiting for uploads or
+                        downloads. Works offline after page load.</p>
                 </div>
-                
+
                 <div class="bg-gray-800 p-6 rounded-lg border border-gray-700">
                     <i class="ph ph-user-minus text-5xl text-red-400 mb-4"></i>
                     <h3 class="text-xl font-semibold text-white mb-2">No Signup Required</h3>
-                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal information needed. Just open and use.</p>
+                    <p class="text-gray-400">Start using tools immediately. No account creation, no email, no personal
+                        information needed. Just open and use.</p>
                 </div>
             </div>
         </div>
@@ -195,38 +209,42 @@
     <section class="container mx-auto px-4 py-12">
         <div class="max-w-4xl mx-auto">
             <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-            
+
             <div class="space-y-4">
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are these pdf security tools really free?
                         <i class="ph ph-caret-down text-xl"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf security tools are 100% free with no hidden fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
+                    <p class="mt-3 text-gray-400">Yes! All BentoPDF pdf security tools are 100% free with no hidden
+                        fees, no premium tiers, and no subscription required. Use unlimited tools, unlimited times.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Are my files private and secure?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
+                    <p class="mt-3 text-gray-400">Absolutely! All processing happens entirely in your browser. Your
+                        files never leave your device, are never uploaded to servers. Complete privacy guaranteed.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Is there a file size limit?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based processing means no artificial limitations.</p>
+                    <p class="mt-3 text-gray-400">No file size limits! Process files of any size. Browser-based
+                        processing means no artificial limitations.</p>
                 </details>
-                
+
                 <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
                     <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
                         Do I need to install software?
                         <i data-lucide="chevron-down" class="w-5 h-5"></i>
                     </summary>
-                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in your browser. Just open the page and start using - works on any device.</p>
+                    <p class="mt-3 text-gray-400">No installation required! All tools are web-based and work directly in
+                        your browser. Just open the page and start using - works on any device.</p>
                 </details>
             </div>
         </div>
@@ -241,7 +259,7 @@
                         <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">© 2025 BentoPDF. All rights reserved.</p>
+                    <p class="text-gray-400 text-sm">© 2026 BentoPDF. All rights reserved.</p>
                     <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
                 </div>
 
@@ -266,16 +284,30 @@
                 <div>
                     <h3 class="font-bold text-white mb-4">Follow Us</h3>
                     <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/alam00000/bentopdf" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /></svg>
+                        <a href="https://github.com/alam00000/bentopdf" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                                    clip-rule="evenodd" />
+                            </svg>
                         </a>
-                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" /></svg>
+                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank"
+                            class="text-gray-400 hover:text-indigo-400">
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                            </svg>
                         </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
+                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"><i
+                                data-lucide="instagram"></i></a>
+                        <a href="https://www.linkedin.com/company/bentopdf/"
+                            class="text-gray-400 hover:text-indigo-400"><i data-lucide="linkedin"></i></a>
                         <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" /></svg>
+                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+                                <path
+                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+                            </svg>
                         </a>
                     </div>
                 </div>
@@ -287,11 +319,11 @@
     <script type="module" src="/src/version.ts"></script>
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
-    
+
     <!-- Fix BASE_URL for subdirectory deployment -->
     <script type="module">
         const BASE_URL = import.meta.env.BASE_URL;
-        
+
         // Update all links that have literal / placeholder
         document.querySelectorAll('a[href*="$"]').forEach(link => {
             if (link.href.includes('/')) {
@@ -299,7 +331,7 @@
                 link.setAttribute('href', newHref);
             }
         });
-        
+
         // Update all src attributes
         document.querySelectorAll('[src*="$"]').forEach(elem => {
             if (elem.src.includes('/')) {
diff --git a/privacy.html b/privacy.html
index abc294dd..e6890985 100644
--- a/privacy.html
+++ b/privacy.html
@@ -6,28 +6,31 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <!-- Primary Meta Tags -->
   <title>Privacy Policy - Your Data Stays Private | BentoPDF</title>
-  <meta name="description" content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
+  <meta name="description"
+    content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/privacy">
-  
+
   <!-- Open Graph -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/privacy">
   <meta property="og:title" content="Privacy Policy - Your Data Stays Private | BentoPDF">
-  <meta property="og:description" content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
+  <meta property="og:description"
+    content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-privacy.png">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Privacy Policy - Your Data Stays Private | BentoPDF">
-  <meta name="twitter:description" content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
+  <meta name="twitter:description"
+    content="BentoPDF privacy policy: All PDF processing happens in your browser. We never see, store, or upload your files. 100% private and secure.">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-privacy.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <title>Privacy Policy - Your Data Stays Private | BentoPDF</title>
   <link href="/src/css/styles.css" rel="stylesheet" />
 
@@ -101,7 +104,7 @@
         Privacy Policy
       </h1>
       <p class="text-center text-gray-500">
-        Last Updated: September 14, 2025
+        Last Updated: September 14, 2026
       </p>
 
       <div class="legal-content mt-12">
@@ -231,7 +234,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
diff --git a/src/js/main.ts b/src/js/main.ts
index 15145df0..31949cc2 100644
--- a/src/js/main.ts
+++ b/src/js/main.ts
@@ -102,7 +102,7 @@ const init = async () => {
                   <span class="text-white font-bold text-lg">BentoPDF</span>
                 </div>
                 <p class="text-gray-400 text-sm">
-                  &copy; 2025 BentoPDF. All rights reserved.
+                  &copy; 2026 BentoPDF. All rights reserved.
                 </p>
                 <p class="text-gray-500 text-xs mt-2">
                   Version <span id="app-version-simple">${APP_VERSION}</span>
diff --git a/src/js/utils/simple-mode-footer.ts b/src/js/utils/simple-mode-footer.ts
index f2a16589..53edb27f 100644
--- a/src/js/utils/simple-mode-footer.ts
+++ b/src/js/utils/simple-mode-footer.ts
@@ -19,7 +19,7 @@ if (__SIMPLE_MODE__) {
               <span class="text-white font-bold text-lg">BentoPDF</span>
             </div>
             <p class="text-gray-400 text-sm">
-              &copy; 2025 BentoPDF. All rights reserved.
+              &copy; 2026 BentoPDF. All rights reserved.
             </p>
             <p class="text-gray-500 text-xs mt-2">
               Version <span id="app-version-simple">${APP_VERSION}</span>
diff --git a/src/pages/.backup-related-tools-fix/compress-pdf.html b/src/pages/.backup-related-tools-fix/compress-pdf.html
index 661a8394..fd1a146a 100644
--- a/src/pages/.backup-related-tools-fix/compress-pdf.html
+++ b/src/pages/.backup-related-tools-fix/compress-pdf.html
@@ -109,7 +109,8 @@
                 <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online - Reduce File Size Fast</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online -
+                Reduce File Size Fast</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle">
                 Reduce file size by choosing the compression method that best suits your document. Supports multiple
                 PDFs.
@@ -263,114 +264,129 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
-            <p class="text-gray-400">Click or drag and drop one or more PDF files</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Choose Algorithm</h3>
-            <p class="text-gray-400">Select Condense (recommended) or Photon (for photo-heavy PDFs)</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Select Compression Level</h3>
-            <p class="text-gray-400">Pick Light, Balanced, Aggressive, or Extreme compression</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Customize & Compress</h3>
-            <p class="text-gray-400">Optionally enable grayscale or custom settings, then compress</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            5
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your compressed PDFs - up to 90% smaller</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/optimize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Optimize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online optimize pdf tool</p>
-        </a>
-        <a href="/pdf-to-jpg" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p>
-        </a>
-        <a href="/reduce-pdf-size" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Reduce Pdf Size</h3>
-          <p class="text-gray-400 text-sm">Free online reduce pdf size tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
+                    <p class="text-gray-400">Click or drag and drop one or more PDF files</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Choose Algorithm</h3>
+                    <p class="text-gray-400">Select Condense (recommended) or Photon (for photo-heavy PDFs)</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Select Compression Level</h3>
+                    <p class="text-gray-400">Pick Light, Balanced, Aggressive, or Extreme compression</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    4
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Customize & Compress</h3>
+                    <p class="text-gray-400">Optionally enable grayscale or custom settings, then compress</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    5
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+                    <p class="text-gray-400">Save your compressed PDFs - up to 90% smaller</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          What's the difference between Condense and Photon?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text non-selectable.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Which compression level should I use?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum compression.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Are there file size limits?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely free.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/split-pdf"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+            </a>
+            <a href="/optimize-pdf"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Optimize Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online optimize pdf tool</p>
+            </a>
+            <a href="/pdf-to-jpg"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3>
+                <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p>
+            </a>
+            <a href="/reduce-pdf-size"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Reduce Pdf Size</h3>
+                <p class="text-gray-400 text-sm">Free online reduce pdf size tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    What's the difference between Condense and Photon?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best
+                    for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text
+                    non-selectable.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Which compression level should I use?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality
+                    loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum
+                    compression.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Are there file size limits?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely
+                    free.</p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -379,7 +395,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         Version <span id="app-version"></span>
diff --git a/src/pages/.backup-related-tools-fix/edit-pdf.html b/src/pages/.backup-related-tools-fix/edit-pdf.html
index 5af98e25..480b0771 100644
--- a/src/pages/.backup-related-tools-fix/edit-pdf.html
+++ b/src/pages/.backup-related-tools-fix/edit-pdf.html
@@ -2,195 +2,199 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Edit PDF Online Free - Edit PDF Tool | BentoPDF</title>
   <meta name="title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
-  <meta name="description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="edit pdf, pdf editor, modify pdf, change pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/edit-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/edit-pdf">
   <meta property="og:title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/edit-pdf">
   <meta name="twitter:title" content="Edit PDF Free">
-  <meta name="twitter:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
+  <meta name="twitter:description"
+    content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Edit PDF">
-  
 
-    <title>PDF Editor - BentoPDF</title>
-    <meta name="description"
-        content="Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs. Free, secure, and runs entirely in your browser.">
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <link rel="alternate" hreflang="en" href="/en/edit-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/edit-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/edit-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/edit-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+
+  <title>PDF Editor - BentoPDF</title>
+  <meta name="description"
+    content="Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs. Free, secure, and runs entirely in your browser.">
+  <link rel="icon" type="image/png" href="/images/favicon.svg" />
+  <link rel="alternate" hreflang="en" href="/en/edit-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/edit-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/edit-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/edit-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-blue-400 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs Securely</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle">
-                Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="embed-pdf-wrapper" class="hidden mt-6">
-                <div id="embed-pdf-container" class="w-full h-[75vh] border border-gray-600 rounded-lg"></div>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-blue-400 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs
+        Securely</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle">
+        Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="embed-pdf-wrapper" class="hidden mt-6">
+        <div id="embed-pdf-container" class="w-full h-[75vh] border border-gray-600 rounded-lg"></div>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -198,26 +202,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/rotate-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-        <a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
-        <a href="/add-watermark" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Add Watermark</h3>
-          <p class="text-gray-400 text-sm">Free online add watermark tool</p>
-        </a>
+      <a href="/compress-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/merge-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/rotate-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
+      <a href="/delete-pages"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
+      <a href="/add-watermark"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Add Watermark</h3>
+        <p class="text-gray-400 text-sm">Free online add watermark tool</p>
+      </a>
     </div>
   </section>
 
@@ -230,14 +239,16 @@
           Is edit pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -249,96 +260,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/edit-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/edit-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -360,7 +370,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -389,7 +399,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/.backup-related-tools-fix/excel-to-pdf.html b/src/pages/.backup-related-tools-fix/excel-to-pdf.html
index 85aaa1b7..59472ba4 100644
--- a/src/pages/.backup-related-tools-fix/excel-to-pdf.html
+++ b/src/pages/.backup-related-tools-fix/excel-to-pdf.html
@@ -2,208 +2,212 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Excel to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="excel to pdf, xlsx to pdf, spreadsheet to pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/excel-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/excel-to-pdf">
   <meta property="og:title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-excel-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/excel-to-pdf">
   <meta name="twitter:title" content="Excel to PDF Free">
-  <meta name="twitter:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
+  <meta name="twitter:description"
+    content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-excel-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Excel to PDF">
-  
 
-    <title>Excel to PDF - Convert XLSX, XLS to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Free, secure, and runs entirely in your browser.">
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <link rel="alternate" hreflang="en" href="/en/excel-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/excel-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/excel-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/excel-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+
+  <title>Excel to PDF - Convert XLSX, XLS to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Free, secure, and runs entirely in your browser.">
+  <link rel="icon" type="image/png" href="/images/favicon.svg" />
+  <link rel="alternate" hreflang="en" href="/en/excel-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/excel-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/excel-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/excel-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free - Convert XLSX Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle">
-                Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV
-                        files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".xls,.xlsx,.ods,.csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,text/csv"
-                    multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:excelToPdf.convertButton">Convert
-                    to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free -
+        Convert XLSX Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle">
+        Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV
+            files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".xls,.xlsx,.ods,.csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,text/csv"
+          multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:excelToPdf.convertButton">Convert
+          to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -211,26 +215,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/pdf-to-excel" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
-        </a>
-        <a href="/word-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
-        </a>
-        <a href="/csv-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Csv To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online csv to pdf tool</p>
-        </a>
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
+      <a href="/pdf-to-excel"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
+      </a>
+      <a href="/word-to-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
+      </a>
+      <a href="/csv-to-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Csv To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online csv to pdf tool</p>
+      </a>
+      <a href="/merge-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -243,14 +252,16 @@
           Is excel to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -262,96 +273,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/excel-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/excel-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -373,7 +383,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -402,7 +412,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/.backup-related-tools-fix/merge-pdf.html b/src/pages/.backup-related-tools-fix/merge-pdf.html
index 76ca77ce..a38606df 100644
--- a/src/pages/.backup-related-tools-fix/merge-pdf.html
+++ b/src/pages/.backup-related-tools-fix/merge-pdf.html
@@ -111,7 +111,8 @@
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
 
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs Instantly</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs
+        Instantly</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:mergePdf.subtitle">
         Combine whole files, or select specific pages to merge into a new document.
       </p>
@@ -206,47 +207,51 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
-            <p class="text-gray-400">Select or drag and drop multiple PDF files you want to merge</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Arrange Order</h3>
-            <p class="text-gray-400">Drag files up or down to reorder them in your preferred sequence</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
+          <p class="text-gray-400">Select or drag and drop multiple PDF files you want to merge</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Merge Files</h3>
-            <p class="text-gray-400">Click the merge button to combine all PDFs into a single document</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your merged PDF - all pages combined in the order you chose</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Arrange Order</h3>
+          <p class="text-gray-400">Drag files up or down to reorder them in your preferred sequence</p>
         </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Merge Files</h3>
+          <p class="text-gray-400">Click the merge button to combine all PDFs into a single document</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          4
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your merged PDF - all pages combined in the order you chose</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -254,26 +259,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/organize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
-        </a>
-        <a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/rotate-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-        <a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
+      <a href="/split-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/organize-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
+      </a>
+      <a href="/compress-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/rotate-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
+      <a href="/delete-pages"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -286,21 +296,24 @@
           How many PDFs can I merge at once?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No restrictions on file count or total size.</p>
+        <p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No
+          restrictions on file count or total size.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Will merging reduce PDF quality?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your documents remain crisp and clear with no quality loss.</p>
+        <p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your
+          documents remain crisp and clear with no quality loss.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Can I reorder pages after selecting files?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the merge button.</p>
+        <p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the
+          merge button.</p>
       </details>
     </div>
   </section>
@@ -313,7 +326,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
diff --git a/src/pages/.backup-related-tools-fix/organize-pdf.html b/src/pages/.backup-related-tools-fix/organize-pdf.html
index 1c263eb3..6bedcbd6 100644
--- a/src/pages/.backup-related-tools-fix/organize-pdf.html
+++ b/src/pages/.backup-related-tools-fix/organize-pdf.html
@@ -2,164 +2,170 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Organize PDF Online Free - Organize PDF Tool | BentoPDF</title>
   <meta name="title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
-  <meta name="description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="organize pdf, reorder pages, arrange pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/organize-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/organize-pdf">
   <meta property="og:title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-organize-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/organize-pdf">
   <meta name="twitter:title" content="Organize PDF Free">
-  <meta name="twitter:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-organize-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Organize PDF">
-  
 
-    <title>Duplicate and Organize PDF Pages - BentoPDF</title>
-    <meta name="description" content="Reorder, duplicate, and organize PDF pages. Free and secure.">
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <link rel="alternate" hreflang="en" href="/en/organize-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/organize-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/organize-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/organize-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+
+  <title>Duplicate and Organize PDF Pages - BentoPDF</title>
+  <meta name="description" content="Reorder, duplicate, and organize PDF pages. Free and secure.">
+  <link rel="icon" type="image/png" href="/images/favicon.svg" />
+  <link rel="alternate" hreflang="en" href="/en/organize-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/organize-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/organize-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/organize-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free - Reorder PDFs Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle">
-                Drag pages to reorder them. Use the <i data-lucide="copy-plus"
-                    class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or
-                the <i data-lucide="x-circle" class="inline-block w-4 h-4 mx-1 align-text-bottom text-red-400"></i> icon
-                to
-                delete it.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF Documents</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <!-- File Display -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Page Grid (shown after file upload) -->
-            <div id="page-grid" class="hidden grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 my-6"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6">Save Changes</button>
-        </div>
-    </div>
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
-    </div>
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
-                data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
+      </div>
     </div>
+  </nav>
+
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free -
+        Reorder PDFs Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle">
+        Drag pages to reorder them. Use the <i data-lucide="copy-plus"
+          class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or
+        the <i data-lucide="x-circle" class="inline-block w-4 h-4 mx-1 align-text-bottom text-red-400"></i> icon
+        to
+        delete it.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF Documents</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
+        </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <!-- File Display -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Page Grid (shown after file upload) -->
+      <div id="page-grid" class="hidden grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 my-6"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6">Save Changes</button>
+    </div>
+  </div>
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
+        data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -167,26 +173,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/rotate-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-        <a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
-        <a href="/extract-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
-          <p class="text-gray-400 text-sm">Free online extract pages tool</p>
-        </a>
+      <a href="/merge-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/split-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/rotate-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
+      <a href="/delete-pages"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
+      <a href="/extract-pages"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
+        <p class="text-gray-400 text-sm">Free online extract pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -199,14 +210,16 @@
           Is organize pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -218,80 +231,79 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/organize-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/organize-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -313,7 +325,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -342,7 +354,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/.backup-related-tools-fix/pdf-to-docx.html b/src/pages/.backup-related-tools-fix/pdf-to-docx.html
index 92700123..6aa615a9 100644
--- a/src/pages/.backup-related-tools-fix/pdf-to-docx.html
+++ b/src/pages/.backup-related-tools-fix/pdf-to-docx.html
@@ -2,203 +2,207 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PDF to Word Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to word, pdf to docx, convert pdf to word">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-docx">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-docx">
   <meta property="og:title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-docx.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-docx">
   <meta name="twitter:title" content="PDF to Word Free">
-  <meta name="twitter:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-docx.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PDF to Word">
-  
 
-    <title>PDF to DOCX - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF files to editable Word documents (DOCX). Free, secure, and runs entirely in your browser.">
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-docx.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-docx.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+
+  <title>PDF to DOCX - BentoPDF</title>
+  <meta name="description"
+    content="Convert PDF files to editable Word documents (DOCX). Free, secure, and runs entirely in your browser.">
+  <link rel="icon" type="image/png" href="/images/favicon.svg" />
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-docx.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-docx.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools">Back to Tools</span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">PDF to Word Converter Free - Convert PDF to DOCX</h1>
-            <p class="text-gray-400 mb-6">
-                Convert PDF files to editable Word documents. Preserves text, formatting, and layout.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
-                        <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
-                    </p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6 space-y-6">
-                <button id="process-btn" class="btn-gradient w-full mt-4">Convert to DOCX</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools">Back to Tools</span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">PDF to Word Converter Free - Convert PDF to DOCX</h1>
+      <p class="text-gray-400 mb-6">
+        Convert PDF files to editable Word documents. Preserves text, formatting, and layout.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
+            <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
+          </p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6 space-y-6">
+        <button id="process-btn" class="btn-gradient w-full mt-4">Convert to DOCX</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -206,26 +210,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/word-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
-        </a>
-        <a href="/pdf-to-text" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Text</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to text tool</p>
-        </a>
-        <a href="/pdf-to-excel" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
-        </a>
-        <a href="/edit-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/extract-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
-          <p class="text-gray-400 text-sm">Free online extract pages tool</p>
-        </a>
+      <a href="/word-to-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
+      </a>
+      <a href="/pdf-to-text"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Text</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to text tool</p>
+      </a>
+      <a href="/pdf-to-excel"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
+      </a>
+      <a href="/edit-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/extract-pages"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
+        <p class="text-gray-400 text-sm">Free online extract pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -238,14 +247,16 @@
           Is pdf to docx really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -257,96 +268,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-docx-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-docx-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -368,7 +378,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -397,7 +407,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/.backup-related-tools-fix/pdf-to-jpg.html b/src/pages/.backup-related-tools-fix/pdf-to-jpg.html
index 5db96d77..af6e5a7c 100644
--- a/src/pages/.backup-related-tools-fix/pdf-to-jpg.html
+++ b/src/pages/.backup-related-tools-fix/pdf-to-jpg.html
@@ -2,213 +2,217 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PDF to JPG Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to jpg, pdf to image, pdf to jpeg, convert pdf to pictures">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-jpg">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-jpg">
   <meta property="og:title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-jpg.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-jpg">
   <meta name="twitter:title" content="PDF to JPG Free">
-  <meta name="twitter:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-jpg.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PDF to JPG">
-  
 
-    <title>PDF to JPG - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-jpg.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-jpg.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+
+  <title>PDF to JPG - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
+  <link rel="icon" type="image/png" href="/images/favicon.svg" />
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-jpg.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-jpg.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert PDF to Images</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle">
-                Convert each page of a PDF file into a high-quality JPG image.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
-                    <div class="flex items-center gap-4">
-                        <input type="range" id="jpg-quality" min="0.1" max="1.0" step="0.01" value="0.9" class="flex-1">
-                        <span id="jpg-quality-value" class="text-white font-medium w-16 text-right">90%</span>
-                    </div>
-                    <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert
+        PDF to Images</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle">
+        Convert each page of a PDF file into a high-quality JPG image.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
+          <div class="flex items-center gap-4">
+            <input type="range" id="jpg-quality" min="0.1" max="1.0" step="0.01" value="0.9" class="flex-1">
+            <span id="jpg-quality-value" class="text-white font-medium w-16 text-right">90%</span>
+          </div>
+          <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
-            <p class="text-gray-400">Select the PDF file you want to convert to images</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Choose Quality</h3>
-            <p class="text-gray-400">Select image quality (Low, Medium, High, Maximum)</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
+          <p class="text-gray-400">Select the PDF file you want to convert to images</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Select Pages</h3>
-            <p class="text-gray-400">Convert all pages or choose specific pages to extract</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download Images</h3>
-            <p class="text-gray-400">Save JPG images individually or as a ZIP archive</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Choose Quality</h3>
+          <p class="text-gray-400">Select image quality (Low, Medium, High, Maximum)</p>
         </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Select Pages</h3>
+          <p class="text-gray-400">Convert all pages or choose specific pages to extract</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          4
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download Images</h3>
+          <p class="text-gray-400">Save JPG images individually or as a ZIP archive</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -216,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/pdf-to-png" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Png</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to png tool</p>
-        </a>
-        <a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/pdf-to-webp" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Webp</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to webp tool</p>
-        </a>
-        <a href="/extract-images" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Images</h3>
-          <p class="text-gray-400 text-sm">Free online extract images tool</p>
-        </a>
+      <a href="/pdf-to-png"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Png</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to png tool</p>
+      </a>
+      <a href="/compress-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/pdf-to-webp"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Webp</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to webp tool</p>
+      </a>
+      <a href="/extract-images"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Extract Images</h3>
+        <p class="text-gray-400 text-sm">Free online extract images tool</p>
+      </a>
     </div>
   </section>
 
@@ -248,103 +257,105 @@
           What quality should I choose?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save disk space. Higher quality produces larger file sizes.</p>
+        <p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save
+          disk space. Higher quality produces larger file sizes.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Can I convert specific pages only?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG images.</p>
+        <p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG
+          images.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are the JPG files compressed?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality means less compression and larger files.</p>
+        <p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality
+          means less compression and larger files.</p>
       </details>
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-jpg-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-jpg-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -366,7 +377,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -395,7 +406,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/.backup-related-tools-fix/rotate-pdf.html b/src/pages/.backup-related-tools-fix/rotate-pdf.html
index ec8c1d99..c558b2c3 100644
--- a/src/pages/.backup-related-tools-fix/rotate-pdf.html
+++ b/src/pages/.backup-related-tools-fix/rotate-pdf.html
@@ -2,218 +2,221 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Rotate PDF Online Free - Rotate PDF Tool | BentoPDF</title>
   <meta name="title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF">
-  <meta name="description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="rotate pdf, turn pdf, flip pdf pages">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/rotate-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/rotate-pdf">
   <meta property="og:title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-rotate-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/rotate-pdf">
   <meta name="twitter:title" content="Rotate PDF Free">
-  <meta name="twitter:description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
+  <meta name="twitter:description"
+    content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rotate-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Rotate PDF">
-  
 
-    <title>Rotate PDF - BentoPDF</title>
-    <meta name="description"
-        content="Rotate PDF pages by 90, 180, or 270 degrees. Rotate individual pages or all pages at once. Free, secure, and runs entirely in your browser.">
-    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-    <link rel="icon" type="image/png" href="/images/favicon.png" />
-    <link rel="apple-touch-icon" href="/images/favicon.png" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
-    <link rel="alternate" hreflang="en" href="/en/rotate-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/rotate-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/rotate-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/rotate-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Rotate PDF - BentoPDF</title>
+  <meta name="description"
+    content="Rotate PDF pages by 90, 180, or 270 degrees. Rotate individual pages or all pages at once. Free, secure, and runs entirely in your browser.">
+  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+  <link rel="icon" type="image/png" href="/images/favicon.png" />
+  <link rel="apple-touch-icon" href="/images/favicon.png" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
+  <link rel="alternate" hreflang="en" href="/en/rotate-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/rotate-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/rotate-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/rotate-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotatePdf.name">Rotate PDF Pages Free - Turn PDFs Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:rotatePdf.subtitle">
-                Rotate individual pages or all pages at once. Click on page thumbnails to rotate them.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <!-- Batch Actions -->
-                <div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
-                    <h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch Actions
-                    </h3>
-                    <div class="flex justify-center items-center">
-                        <!-- Rotate by 90 Degrees -->
-                        <div class="flex gap-2">
-                            <button id="rotate-all-left"
-                                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
-                                <i data-lucide="rotate-ccw" class="w-4 h-4"></i> Left
-                            </button>
-                            <button id="rotate-all-right"
-                                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
-                                <i data-lucide="rotate-cw" class="w-4 h-4"></i> Right
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Page Thumbnails -->
-                <div id="page-thumbnails"
-                    class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotatePdf.name">Rotate PDF Pages Free - Turn PDFs
+        Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:rotatePdf.subtitle">
+        Rotate individual pages or all pages at once. Click on page thumbnails to rotate them.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <!-- Batch Actions -->
+        <div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
+          <h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch Actions
+          </h3>
+          <div class="flex justify-center items-center">
+            <!-- Rotate by 90 Degrees -->
+            <div class="flex gap-2">
+              <button id="rotate-all-left"
+                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
+                <i data-lucide="rotate-ccw" class="w-4 h-4"></i> Left
+              </button>
+              <button id="rotate-all-right"
+                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
+                <i data-lucide="rotate-cw" class="w-4 h-4"></i> Right
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Page Thumbnails -->
+        <div id="page-thumbnails" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -221,26 +224,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/split-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/organize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
-        </a>
-        <a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
+      <a href="/merge-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/split-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/organize-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
+      </a>
+      <a href="/compress-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/delete-pages"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -253,14 +261,16 @@
           Is rotate pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -272,73 +282,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/rotate-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/rotate-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -360,7 +369,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -389,7 +398,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/.backup-related-tools-fix/split-pdf.html b/src/pages/.backup-related-tools-fix/split-pdf.html
index bb9dc28d..02c98c2b 100644
--- a/src/pages/.backup-related-tools-fix/split-pdf.html
+++ b/src/pages/.backup-related-tools-fix/split-pdf.html
@@ -4,41 +4,44 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>Split PDF Online Free - Split PDF Tool | BentoPDF</title>
-  <meta name="title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
-  <meta name="description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="split pdf, divide pdf, extract pages, separate pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/split-pdf">
-  
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/split-pdf">
-  <meta property="og:title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-split-pdf.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/split-pdf">
-  <meta name="twitter:title" content="Split PDF Free">
-  <meta name="twitter:description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & se">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-split-pdf.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
-  <!-- Mobile Web App -->
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-title" content="Split PDF">
-  
+
+    <!-- Primary Meta Tags -->
+    <title>Split PDF Online Free - Split PDF Tool | BentoPDF</title>
+    <meta name="title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
+    <meta name="description"
+        content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta name="keywords" content="split pdf, divide pdf, extract pages, separate pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/split-pdf">
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/split-pdf">
+    <meta property="og:title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
+    <meta property="og:description"
+        content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-split-pdf.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.bentopdf.com/split-pdf">
+    <meta name="twitter:title" content="Split PDF Free">
+    <meta name="twitter:description"
+        content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & se">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-split-pdf.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+    <!-- Mobile Web App -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Split PDF">
+
 
     <title>Split PDF - BentoPDF</title>
     <meta name="description"
@@ -114,7 +117,8 @@
                 <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:splitPdf.name">Split PDF Online Free - Extract Pages Easily</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:splitPdf.name">Split PDF Online Free -
+                Extract Pages Easily</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:splitPdf.subtitle">
                 Extract pages from a PDF using various methods.
             </p>
@@ -281,105 +285,117 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
-            <p class="text-gray-400">Select the PDF file you want to split or extract pages from</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Choose Split Method</h3>
-            <p class="text-gray-400">Select specific pages, page ranges, or split into individual pages</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Preview & Select</h3>
-            <p class="text-gray-400">View page thumbnails and select exactly which pages you want</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Split & Download</h3>
-            <p class="text-gray-400">Download extracted pages as separate PDFs or as a ZIP file</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/extract-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
-          <p class="text-gray-400 text-sm">Free online extract pages tool</p>
-        </a>
-        <a href="/organize-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
-        </a>
-        <a href="/compress-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/delete-pages" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
+                    <p class="text-gray-400">Select the PDF file you want to split or extract pages from</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Choose Split Method</h3>
+                    <p class="text-gray-400">Select specific pages, page ranges, or split into individual pages</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Preview & Select</h3>
+                    <p class="text-gray-400">View page thumbnails and select exactly which pages you want</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    4
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Split & Download</h3>
+                    <p class="text-gray-400">Download extracted pages as separate PDFs or as a ZIP file</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Can I extract specific page ranges?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! You can extract any specific pages or page ranges from your PDF. Select exactly which pages you need or split into individual files.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Will split PDFs lose quality?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No! Split PDFs maintain the exact same quality as the original document. No compression or quality loss occurs.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Can I split multiple PDFs at once?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes, process multiple PDFs in batches for efficient document management.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/extract-pages"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
+                <p class="text-gray-400 text-sm">Free online extract pages tool</p>
+            </a>
+            <a href="/organize-pdf"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
+            </a>
+            <a href="/compress-pdf"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+            </a>
+            <a href="/delete-pages"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+                <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Can I extract specific page ranges?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes! You can extract any specific pages or page ranges from your PDF.
+                    Select exactly which pages you need or split into individual files.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Will split PDFs lose quality?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No! Split PDFs maintain the exact same quality as the original document.
+                    No compression or quality loss occurs.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Can I split multiple PDFs at once?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes, process multiple PDFs in batches for efficient document management.
+                </p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -388,7 +404,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         Version <span id="app-version"></span>
@@ -471,8 +487,8 @@
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -491,8 +507,8 @@
     }
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "HowTo",
@@ -520,8 +536,8 @@
     ]
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
diff --git a/src/pages/.backup-related-tools-fix/word-to-pdf.html b/src/pages/.backup-related-tools-fix/word-to-pdf.html
index fdbf351c..d80efc54 100644
--- a/src/pages/.backup-related-tools-fix/word-to-pdf.html
+++ b/src/pages/.backup-related-tools-fix/word-to-pdf.html
@@ -2,225 +2,230 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Word to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="word to pdf, docx to pdf, convert word, doc to pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/word-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/word-to-pdf">
   <meta property="og:title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-word-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/word-to-pdf">
   <meta name="twitter:title" content="Word to PDF Free">
-  <meta name="twitter:description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-word-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Word to PDF">
-  
 
-    <title>Word to PDF - Convert DOCX, DOC to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Free, secure, and runs entirely in your browser.">
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <link rel="alternate" hreflang="en" href="/en/word-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/word-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/word-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/word-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link rel="icon" href="/favicon.ico" sizes="any" />
+
+  <title>Word to PDF - Convert DOCX, DOC to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Free, secure, and runs entirely in your browser.">
+  <link rel="icon" type="image/png" href="/images/favicon.svg" />
+  <link rel="alternate" hreflang="en" href="/en/word-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/word-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/word-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/word-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link rel="icon" href="/favicon.ico" sizes="any" />
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wordToPdf.name">Word to PDF Converter Free Online - Convert DOCX Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:wordToPdf.subtitle">
-                Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:wordToPdf.acceptedFormats">DOCX, DOC, ODT, RTF
-                        files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".doc,.docx,.odt,.rtf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,text/rtf,application/rtf"
-                    multiple>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-4">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:wordToPdf.convertButton">Convert
-                    to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wordToPdf.name">Word to PDF Converter Free Online
+        - Convert DOCX Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:wordToPdf.subtitle">
+        Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:wordToPdf.acceptedFormats">DOCX, DOC, ODT, RTF
+            files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".doc,.docx,.odt,.rtf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,text/rtf,application/rtf"
+          multiple>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-4">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:wordToPdf.convertButton">Convert
+          to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload Word Files</h3>
-            <p class="text-gray-400">Select or drag DOCX or DOC files you want to convert</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Auto Convert</h3>
-            <p class="text-gray-400">Conversion starts automatically, processing in your browser</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload Word Files</h3>
+          <p class="text-gray-400">Select or drag DOCX or DOC files you want to convert</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Preview Results</h3>
-            <p class="text-gray-400">See your converted PDF with preserved formatting</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download PDFs</h3>
-            <p class="text-gray-400">Save your PDF files - formatting perfectly preserved</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Auto Convert</h3>
+          <p class="text-gray-400">Conversion starts automatically, processing in your browser</p>
         </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Preview Results</h3>
+          <p class="text-gray-400">See your converted PDF with preserved formatting</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          4
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download PDFs</h3>
+          <p class="text-gray-400">Save your PDF files - formatting perfectly preserved</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +233,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/pdf-to-docx" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Docx</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to docx tool</p>
-        </a>
-        <a href="/excel-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Excel To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online excel to pdf tool</p>
-        </a>
-        <a href="/powerpoint-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Powerpoint To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online powerpoint to pdf tool</p>
-        </a>
-        <a href="/txt-to-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Txt To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online txt to pdf tool</p>
-        </a>
-        <a href="/merge-pdf" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
+      <a href="/pdf-to-docx"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Docx</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to docx tool</p>
+      </a>
+      <a href="/excel-to-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Excel To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online excel to pdf tool</p>
+      </a>
+      <a href="/powerpoint-to-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Powerpoint To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online powerpoint to pdf tool</p>
+      </a>
+      <a href="/txt-to-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Txt To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online txt to pdf tool</p>
+      </a>
+      <a href="/merge-pdf"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -267,108 +277,109 @@
           Will formatting be preserved?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! Fonts, images, tables, headers, footers, and all formatting are preserved exactly as they appear in Word.</p>
+        <p class="mt-3 text-gray-400">Yes! Fonts, images, tables, headers, footers, and all formatting are preserved
+          exactly as they appear in Word.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Can I convert password-protected Word files?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">You'll need to unlock password-protected files first before converting them to PDF.</p>
+        <p class="mt-3 text-gray-400">You'll need to unlock password-protected files first before converting them to
+          PDF.</p>
       </details>
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/word-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/word-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -390,7 +401,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -419,7 +430,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/add-attachments.html b/src/pages/add-attachments.html
index 46240dc8..44fd3e34 100644
--- a/src/pages/add-attachments.html
+++ b/src/pages/add-attachments.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Add Attachments Online Free - Add Attachments Tool | BentoPDF</title>
   <meta name="title" content="Add Attachments Online Free - Add Attachments Tool | BentoPDF">
-  <meta name="description" content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="add attachments, add attachments, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/add-attachments">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/add-attachments">
   <meta property="og:title" content="Add Attachments Online Free - Add Attachments Tool | BentoPDF">
-  <meta property="og:description" content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-add-attachments.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/add-attachments">
   <meta name="twitter:title" content="Add Attachments Free">
-  <meta name="twitter:description" content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Add Attachments online free - Add attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-attachments.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Add Attachments">
-  
 
-    <title>Add Attachments to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Add file attachments to your PDF documents. Embed files at document or page level. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/add-attachments.html" />
-    <link rel="alternate" hreflang="de" href="/de/add-attachments.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/add-attachments.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/add-attachments.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Add Attachments to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Add file attachments to your PDF documents. Embed files at document or page level. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/add-attachments.html" />
+  <link rel="alternate" hreflang="de" href="/de/add-attachments.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/add-attachments.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/add-attachments.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,180 +68,181 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addAttachments.name">Add Attachments Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:addAttachments.subtitle">
-                Upload a PDF, then add files to embed as attachments.
-            </p>
-
-            <!-- PDF Upload -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Attachment Options (hidden until PDF loaded) -->
-            <div id="tool-options" class="hidden mt-6">
-                <h2 class="text-lg font-semibold text-white mb-3">Select Files to Attach</h2>
-
-                <div id="attachment-drop-zone"
-                    class="relative flex flex-col items-center justify-center w-full h-32 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300 mb-4">
-                    <div class="flex flex-col items-center justify-center">
-                        <i data-lucide="paperclip" class="w-8 h-8 mb-2 text-gray-400"></i>
-                        <p class="text-sm text-gray-400">Click or drop files to attach</p>
-                        <p class="text-xs text-gray-500">Any file type</p>
-                    </div>
-                    <input id="attachment-files-input" type="file"
-                        class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple>
-                </div>
-
-                <div id="attachment-file-list" class="space-y-2"></div>
-
-                <!-- Attachment Level Options (hidden until attachments added) -->
-                <div id="attachment-level-options" class="hidden mt-4">
-                    <h3 class="text-md font-medium text-white mb-2">Attachment Level</h3>
-                    <div class="flex gap-4 mb-3">
-                        <label class="flex items-center gap-2 text-gray-300">
-                            <input type="radio" name="attachment-level" value="document" checked
-                                class="accent-indigo-500">
-                            <span>Document Level</span>
-                        </label>
-                        <label class="flex items-center gap-2 text-gray-300">
-                            <input type="radio" name="attachment-level" value="page" class="accent-indigo-500">
-                            <span>Page Level</span>
-                        </label>
-                    </div>
-
-                    <div id="page-range-wrapper" class="hidden mb-4">
-                        <label for="attachment-page-range" class="text-sm text-gray-400 block mb-1">
-                            Page Range (e.g., 1,3,5-7) - Total: <span id="attachment-total-pages">0</span> pages
-                        </label>
-                        <input type="text" id="attachment-page-range" placeholder="1,3,5-7"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg px-3 py-2 text-sm">
-                    </div>
-                </div>
-
-                <button id="process-btn" class="hidden btn-gradient w-full mt-4">Add Attachments</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addAttachments.name">Add Attachments Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:addAttachments.subtitle">
+        Upload a PDF, then add files to embed as attachments.
+      </p>
+
+      <!-- PDF Upload -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Attachment Options (hidden until PDF loaded) -->
+      <div id="tool-options" class="hidden mt-6">
+        <h2 class="text-lg font-semibold text-white mb-3">Select Files to Attach</h2>
+
+        <div id="attachment-drop-zone"
+          class="relative flex flex-col items-center justify-center w-full h-32 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300 mb-4">
+          <div class="flex flex-col items-center justify-center">
+            <i data-lucide="paperclip" class="w-8 h-8 mb-2 text-gray-400"></i>
+            <p class="text-sm text-gray-400">Click or drop files to attach</p>
+            <p class="text-xs text-gray-500">Any file type</p>
+          </div>
+          <input id="attachment-files-input" type="file"
+            class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple>
+        </div>
+
+        <div id="attachment-file-list" class="space-y-2"></div>
+
+        <!-- Attachment Level Options (hidden until attachments added) -->
+        <div id="attachment-level-options" class="hidden mt-4">
+          <h3 class="text-md font-medium text-white mb-2">Attachment Level</h3>
+          <div class="flex gap-4 mb-3">
+            <label class="flex items-center gap-2 text-gray-300">
+              <input type="radio" name="attachment-level" value="document" checked class="accent-indigo-500">
+              <span>Document Level</span>
+            </label>
+            <label class="flex items-center gap-2 text-gray-300">
+              <input type="radio" name="attachment-level" value="page" class="accent-indigo-500">
+              <span>Page Level</span>
+            </label>
+          </div>
+
+          <div id="page-range-wrapper" class="hidden mb-4">
+            <label for="attachment-page-range" class="text-sm text-gray-400 block mb-1">
+              Page Range (e.g., 1,3,5-7) - Total: <span id="attachment-total-pages">0</span> pages
+            </label>
+            <input type="text" id="attachment-page-range" placeholder="1,3,5-7"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg px-3 py-2 text-sm">
+          </div>
+        </div>
+
+        <button id="process-btn" class="hidden btn-gradient w-full mt-4">Add Attachments</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -246,26 +250,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -278,14 +287,16 @@
           Is add attachments really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -297,74 +308,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/add-attachments-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/add-attachments-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -386,7 +396,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -415,7 +425,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/add-blank-page.html b/src/pages/add-blank-page.html
index a2dfb3bd..07813d94 100644
--- a/src/pages/add-blank-page.html
+++ b/src/pages/add-blank-page.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Add Blank Page Online Free - Add Blank Page Tool | BentoPDF</title>
   <meta name="title" content="Add Blank Page Online Free - Add Blank Page Tool | BentoPDF">
-  <meta name="description" content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="add blank page, add blank page, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/add-blank-page">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/add-blank-page">
   <meta property="og:title" content="Add Blank Page Online Free - Add Blank Page Tool | BentoPDF">
-  <meta property="og:description" content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-add-blank-page.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/add-blank-page">
   <meta name="twitter:title" content="Add Blank Page Free">
-  <meta name="twitter:description" content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ Add Blank Page online free - Add blank page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-blank-page.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Add Blank Page">
-  
 
-    <title>Add Blank Page - BentoPDF</title>
-    <meta name="description"
-        content="Insert blank pages anywhere in your PDF document. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/add-blank-page.html" />
-    <link rel="alternate" hreflang="de" href="/de/add-blank-page.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/add-blank-page.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/add-blank-page.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Add Blank Page - BentoPDF</title>
+  <meta name="description"
+    content="Insert blank pages anywhere in your PDF document. Free, secure, and runs entirely in your browser.">
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/add-blank-page.html" />
+  <link rel="alternate" hreflang="de" href="/de/add-blank-page.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/add-blank-page.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/add-blank-page.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,173 +68,174 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addBlankPage.name">Add Blank Page Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:addBlankPage.subtitle">
-                Insert one or more blank pages at any position in your PDF document.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
-                    <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
-                        <li>Specify the position where blank pages should be inserted.</li>
-                        <li>Position 0 inserts at the beginning, position equal to page count inserts at the end.</li>
-                        <li>Blank pages will match the size of the first page in your document.</li>
-                    </ul>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <label for="page-position" class="block mb-2 text-sm font-medium text-gray-300">Insert after
-                            page</label>
-                        <input type="number" id="page-position" min="0" value="0"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"
-                            placeholder="0">
-                        <p id="page-position-hint" class="text-xs text-gray-500 mt-1">Enter 0 to insert at the
-                            beginning.</p>
-                    </div>
-                    <div>
-                        <label for="page-count" class="block mb-2 text-sm font-medium text-gray-300">Number of blank
-                            pages</label>
-                        <input type="number" id="page-count" min="1" value="1"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"
-                            placeholder="1">
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Add Blank Pages</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addBlankPage.name">Add Blank Page Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:addBlankPage.subtitle">
+        Insert one or more blank pages at any position in your PDF document.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
+          <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
+            <li>Specify the position where blank pages should be inserted.</li>
+            <li>Position 0 inserts at the beginning, position equal to page count inserts at the end.</li>
+            <li>Blank pages will match the size of the first page in your document.</li>
+          </ul>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <div>
+            <label for="page-position" class="block mb-2 text-sm font-medium text-gray-300">Insert after
+              page</label>
+            <input type="number" id="page-position" min="0" value="0"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"
+              placeholder="0">
+            <p id="page-position-hint" class="text-xs text-gray-500 mt-1">Enter 0 to insert at the
+              beginning.</p>
+          </div>
+          <div>
+            <label for="page-count" class="block mb-2 text-sm font-medium text-gray-300">Number of blank
+              pages</label>
+            <input type="number" id="page-count" min="1" value="1"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"
+              placeholder="1">
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Add Blank Pages</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -239,26 +243,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -271,14 +280,16 @@
           Is add blank page really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -290,77 +301,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/add-blank-page-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/add-blank-page-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -382,7 +392,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -411,7 +421,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/add-stamps.html b/src/pages/add-stamps.html
index 17a161e9..8b326e12 100644
--- a/src/pages/add-stamps.html
+++ b/src/pages/add-stamps.html
@@ -4,47 +4,50 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+
   <!-- Primary Meta Tags -->
   <title>Add Stamps Online Free - Add Stamps Tool | BentoPDF</title>
   <meta name="title" content="Add Stamps Online Free - Add Stamps Tool | BentoPDF">
-  <meta name="description" content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="add stamps, add stamps, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/add-stamps">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/add-stamps">
   <meta property="og:title" content="Add Stamps Online Free - Add Stamps Tool | BentoPDF">
-  <meta property="og:description" content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-add-stamps.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/add-stamps">
   <meta name="twitter:title" content="Add Stamps Free">
-  <meta name="twitter:description" content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Add Stamps online free - Add stamps PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-stamps.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Add Stamps">
-  
+
 
   <title>Add Stamps - BentoPDF</title>
-  
-  
-  
-  
+
+
+
+
   <link rel="alternate" hreflang="en" href="/en/add-stamps.html" />
   <link rel="alternate" hreflang="de" href="/de/add-stamps.html" />
   <link rel="alternate" hreflang="vi" href="/vi/add-stamps.html" />
@@ -120,7 +123,8 @@
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
 
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addStamps.name">Add Stamps Free Online - Fast & Secure</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addStamps.name">Add Stamps Free Online - Fast &
+        Secure</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:addStamps.subtitle">
         Upload a PDF, add image stamps using the toolbar, and then save the stamped PDF.
       </p>
@@ -169,38 +173,41 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -208,26 +215,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -240,14 +252,16 @@
           Is add stamps really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -267,7 +281,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
@@ -369,7 +383,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -398,7 +412,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/add-watermark.html b/src/pages/add-watermark.html
index 38694f1a..e3637f3b 100644
--- a/src/pages/add-watermark.html
+++ b/src/pages/add-watermark.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Add Watermark Online Free - Add Watermark Tool | BentoPDF</title>
   <meta name="title" content="Add Watermark Online Free - Add Watermark Tool | BentoPDF">
-  <meta name="description" content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="add watermark, add watermark, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/add-watermark">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/add-watermark">
   <meta property="og:title" content="Add Watermark Online Free - Add Watermark Tool | BentoPDF">
-  <meta property="og:description" content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-add-watermark.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/add-watermark">
   <meta name="twitter:title" content="Add Watermark Free">
-  <meta name="twitter:description" content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Add Watermark online free - Add watermark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-add-watermark.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Add Watermark">
-  
 
-    <title>Add Watermark - BentoPDF</title>
-    <meta name="description"
-        content="Add text or image watermarks to your PDF documents. Customize opacity with rotation. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/add-watermark.html" />
-    <link rel="alternate" hreflang="de" href="/de/add-watermark.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/add-watermark.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/add-watermark.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Add Watermark - BentoPDF</title>
+  <meta name="description"
+    content="Add text or image watermarks to your PDF documents. Customize opacity with rotation. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/add-watermark.html" />
+  <link rel="alternate" hreflang="de" href="/de/add-watermark.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/add-watermark.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/add-watermark.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,220 +66,220 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addWatermark.name">Add Watermark to PDF Free - Protect PDFs</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:addWatermark.subtitle">
-                Add text or image watermarks to your PDF documents with customizable opacity and rotation.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <div class="flex gap-4 mb-4">
-                    <label class="flex items-center gap-2 cursor-pointer">
-                        <input type="radio" name="watermark-type" value="text" checked
-                            class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                        <span class="text-sm font-medium text-gray-300">Text Watermark</span>
-                    </label>
-                    <label class="flex items-center gap-2 cursor-pointer">
-                        <input type="radio" name="watermark-type" value="image"
-                            class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                        <span class="text-sm font-medium text-gray-300">Image Watermark</span>
-                    </label>
-                </div>
-
-                <div id="text-watermark-options">
-                    <div class="space-y-4">
-                        <div>
-                            <label for="watermark-text" class="block mb-2 text-sm font-medium text-gray-300">Watermark
-                                Text</label>
-                            <input type="text" id="watermark-text" placeholder="CONFIDENTIAL"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        </div>
-                        <div class="grid grid-cols-2 gap-4">
-                            <div>
-                                <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font
-                                    Size</label>
-                                <input type="number" id="font-size" value="72" min="10" max="200"
-                                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                            </div>
-                            <div>
-                                <label for="text-color"
-                                    class="block mb-2 text-sm font-medium text-gray-300">Color</label>
-                                <input type="color" id="text-color" value="#888888"
-                                    class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                            </div>
-                        </div>
-                        <div class="grid grid-cols-2 gap-4">
-                            <div>
-                                <label for="opacity-text" class="block mb-2 text-sm font-medium text-gray-300">Opacity:
-                                    <span id="opacity-value-text">0.3</span></label>
-                                <input type="range" id="opacity-text" min="0.1" max="1" step="0.1" value="0.3"
-                                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
-                            </div>
-                            <div>
-                                <label for="angle-text" class="block mb-2 text-sm font-medium text-gray-300">Angle:
-                                    <span id="angle-value-text">-45</span>°</label>
-                                <input type="range" id="angle-text" min="-90" max="90" step="5" value="-45"
-                                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div id="image-watermark-options" class="hidden">
-                    <div class="space-y-4">
-                        <div>
-                            <label for="image-watermark-input"
-                                class="block mb-2 text-sm font-medium text-gray-300">Watermark Image (PNG/JPG)</label>
-                            <input type="file" id="image-watermark-input" accept="image/png, image/jpeg"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-indigo-600 file:text-white hover:file:bg-indigo-700">
-                        </div>
-                        <div class="grid grid-cols-2 gap-4">
-                            <div>
-                                <label for="opacity-image" class="block mb-2 text-sm font-medium text-gray-300">Opacity:
-                                    <span id="opacity-value-image">0.3</span></label>
-                                <input type="range" id="opacity-image" min="0.1" max="1" step="0.1" value="0.3"
-                                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
-                            </div>
-                            <div>
-                                <label for="angle-image" class="block mb-2 text-sm font-medium text-gray-300">Angle:
-                                    <span id="angle-value-image">0</span>°</label>
-                                <input type="range" id="angle-image" min="-90" max="90" step="5" value="0"
-                                    class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Add Watermark</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:addWatermark.name">Add Watermark to PDF Free -
+        Protect PDFs</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:addWatermark.subtitle">
+        Add text or image watermarks to your PDF documents with customizable opacity and rotation.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <div class="flex gap-4 mb-4">
+          <label class="flex items-center gap-2 cursor-pointer">
+            <input type="radio" name="watermark-type" value="text" checked
+              class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+            <span class="text-sm font-medium text-gray-300">Text Watermark</span>
+          </label>
+          <label class="flex items-center gap-2 cursor-pointer">
+            <input type="radio" name="watermark-type" value="image"
+              class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+            <span class="text-sm font-medium text-gray-300">Image Watermark</span>
+          </label>
+        </div>
+
+        <div id="text-watermark-options">
+          <div class="space-y-4">
+            <div>
+              <label for="watermark-text" class="block mb-2 text-sm font-medium text-gray-300">Watermark
+                Text</label>
+              <input type="text" id="watermark-text" placeholder="CONFIDENTIAL"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+              <div>
+                <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font
+                  Size</label>
+                <input type="number" id="font-size" value="72" min="10" max="200"
+                  class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+              </div>
+              <div>
+                <label for="text-color" class="block mb-2 text-sm font-medium text-gray-300">Color</label>
+                <input type="color" id="text-color" value="#888888"
+                  class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+              </div>
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+              <div>
+                <label for="opacity-text" class="block mb-2 text-sm font-medium text-gray-300">Opacity:
+                  <span id="opacity-value-text">0.3</span></label>
+                <input type="range" id="opacity-text" min="0.1" max="1" step="0.1" value="0.3"
+                  class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
+              </div>
+              <div>
+                <label for="angle-text" class="block mb-2 text-sm font-medium text-gray-300">Angle:
+                  <span id="angle-value-text">-45</span>°</label>
+                <input type="range" id="angle-text" min="-90" max="90" step="5" value="-45"
+                  class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div id="image-watermark-options" class="hidden">
+          <div class="space-y-4">
+            <div>
+              <label for="image-watermark-input" class="block mb-2 text-sm font-medium text-gray-300">Watermark Image
+                (PNG/JPG)</label>
+              <input type="file" id="image-watermark-input" accept="image/png, image/jpeg"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-indigo-600 file:text-white hover:file:bg-indigo-700">
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+              <div>
+                <label for="opacity-image" class="block mb-2 text-sm font-medium text-gray-300">Opacity:
+                  <span id="opacity-value-image">0.3</span></label>
+                <input type="range" id="opacity-image" min="0.1" max="1" step="0.1" value="0.3"
+                  class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
+              </div>
+              <div>
+                <label for="angle-image" class="block mb-2 text-sm font-medium text-gray-300">Angle:
+                  <span id="angle-value-image">0</span>°</label>
+                <input type="range" id="angle-image" min="-90" max="90" step="5" value="0"
+                  class="w-full h-2 bg-gray-700 rounded-lg cursor-pointer">
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Add Watermark</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -284,26 +287,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -316,14 +324,16 @@
           Is add watermark really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -335,77 +345,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/add-watermark-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/add-watermark-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -427,7 +436,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -456,7 +465,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/alternate-merge.html b/src/pages/alternate-merge.html
index b25671d7..ec004111 100644
--- a/src/pages/alternate-merge.html
+++ b/src/pages/alternate-merge.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Alternate Merge Online Free - Alternate Merge Tool | BentoPDF</title>
   <meta name="title" content="Alternate Merge Online Free - Alternate Merge Tool | BentoPDF">
-  <meta name="description" content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="alternate merge, alternate merge, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/alternate-merge">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/alternate-merge">
   <meta property="og:title" content="Alternate Merge Online Free - Alternate Merge Tool | BentoPDF">
-  <meta property="og:description" content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-alternate-merge.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/alternate-merge">
   <meta name="twitter:title" content="Alternate Merge Free">
-  <meta name="twitter:description" content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Alternate Merge online free - Alternate merge PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-alternate-merge.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Alternate Merge">
-  
 
-    <title>Alternate & Mix PDF Pages - BentoPDF</title>
-    <meta name="description"
-        content="Alternate and mix pages from multiple PDF files. Interleave PDF pages in any order. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/alternate-merge.html" />
-    <link rel="alternate" hreflang="de" href="/de/alternate-merge.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/alternate-merge.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/alternate-merge.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Alternate & Mix PDF Pages - BentoPDF</title>
+  <meta name="description"
+    content="Alternate and mix pages from multiple PDF files. Interleave PDF pages in any order. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/alternate-merge.html" />
+  <link rel="alternate" hreflang="de" href="/de/alternate-merge.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/alternate-merge.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/alternate-merge.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,146 +68,148 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:alternateMix.name">Alternate Merge Free Online - Combine PDFs Instantly</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:alternateMix.subtitle">
-                Upload multiple PDFs and interleave their pages. Drag to reorder the files, then mix their pages
-                alternately.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">Multiple PDF files (at least 2)</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <h2 class="text-lg font-semibold text-white mb-4">Files Order</h2>
-                <p class="text-sm text-gray-400 mb-3">Drag to reorder. Pages will be interleaved in this order.</p>
-
-                <ul id="file-list" class="space-y-2 mb-4"></ul>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Mix Pages</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:alternateMix.name">Alternate Merge Free Online -
+        Combine PDFs Instantly</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:alternateMix.subtitle">
+        Upload multiple PDFs and interleave their pages. Drag to reorder the files, then mix their pages
+        alternately.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">Multiple PDF files (at least 2)</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <h2 class="text-lg font-semibold text-white mb-4">Files Order</h2>
+        <p class="text-sm text-gray-400 mb-3">Drag to reorder. Pages will be interleaved in this order.</p>
+
+        <ul id="file-list" class="space-y-2 mb-4"></ul>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Mix Pages</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -212,26 +217,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -244,14 +254,16 @@
           Is alternate merge really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -263,74 +275,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/alternate-merge-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/alternate-merge-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -352,7 +363,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -381,7 +392,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/background-color.html b/src/pages/background-color.html
index 93ab6205..dde22bdc 100644
--- a/src/pages/background-color.html
+++ b/src/pages/background-color.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Background Color Online Free - Background Color Tool | BentoPDF</title>
   <meta name="title" content="Background Color Online Free - Background Color Tool | BentoPDF">
-  <meta name="description" content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="background color, background color, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/background-color">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/background-color">
   <meta property="og:title" content="Background Color Online Free - Background Color Tool | BentoPDF">
-  <meta property="og:description" content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-background-color.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/background-color">
   <meta name="twitter:title" content="Background Color Free">
-  <meta name="twitter:description" content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
+  <meta name="twitter:description"
+    content="★ Background Color online free - Background color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-background-color.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Background Color">
-  
 
-    <title>Change Background Color - BentoPDF</title>
-    <meta name="description"
-        content="Change the background color of your PDF documents. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/background-color.html" />
-    <link rel="alternate" hreflang="de" href="/de/background-color.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/background-color.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/background-color.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Change Background Color - BentoPDF</title>
+  <meta name="description"
+    content="Change the background color of your PDF documents. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/background-color.html" />
+  <link rel="alternate" hreflang="de" href="/de/background-color.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/background-color.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/background-color.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,149 +66,150 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:backgroundColor.name">Background Color Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:backgroundColor.subtitle">
-                Add or change the background color of all pages in your PDF document.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="background-color" class="block mb-2 text-sm font-medium text-gray-300">Background
-                        Color</label>
-                    <input type="color" id="background-color" value="#FFFFCC"
-                        class="w-full h-12 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                </div>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Change Background Color</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:backgroundColor.name">Background Color Free Online
+        - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:backgroundColor.subtitle">
+        Add or change the background color of all pages in your PDF document.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="background-color" class="block mb-2 text-sm font-medium text-gray-300">Background
+            Color</label>
+          <input type="color" id="background-color" value="#FFFFCC"
+            class="w-full h-12 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+        </div>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Change Background Color</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -213,26 +217,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -245,14 +254,16 @@
           Is background color really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -264,77 +275,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/background-color-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/background-color-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -356,7 +366,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -385,7 +395,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/bmp-to-pdf.html b/src/pages/bmp-to-pdf.html
index 39a8d882..4c954708 100644
--- a/src/pages/bmp-to-pdf.html
+++ b/src/pages/bmp-to-pdf.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="bmp to pdf, bmp to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/bmp-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/bmp-to-pdf">
   <meta property="og:title" content="Bmp To Pdf Online Free - Bmp To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-bmp-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/bmp-to-pdf">
   <meta name="twitter:title" content="Bmp To Pdf Free">
-  <meta name="twitter:description" content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Bmp To Pdf online free - Bmp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-bmp-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Bmp To Pdf">
-  
 
-    <title>BMP to PDF - BentoPDF</title>
-    <meta name="description" content="Convert BMP images to PDF. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/bmp-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/bmp-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/bmp-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/bmp-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>BMP to PDF - BentoPDF</title>
+  <meta name="description" content="Convert BMP images to PDF. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/bmp-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/bmp-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/bmp-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/bmp-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,152 +65,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:bmpToPdf.name">Bmp To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:bmpToPdf.subtitle">
-                Convert one or more BMP images into a single PDF file.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">BMP images</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="image/bmp,.bmp" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:bmpToPdf.name">Bmp To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:bmpToPdf.subtitle">
+        Convert one or more BMP images into a single PDF file.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">BMP images</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="image/bmp,.bmp" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6">Convert to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -215,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -247,14 +257,16 @@
           Is bmp to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -266,84 +278,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/bmp-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/bmp-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -365,7 +376,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -394,7 +405,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/bookmark.html b/src/pages/bookmark.html
index 8a665532..6b72f4da 100644
--- a/src/pages/bookmark.html
+++ b/src/pages/bookmark.html
@@ -4,47 +4,50 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+
   <!-- Primary Meta Tags -->
   <title>Bookmark Online Free - Bookmark Tool | BentoPDF</title>
   <meta name="title" content="Bookmark Online Free - Bookmark Tool | BentoPDF">
-  <meta name="description" content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="bookmark, bookmark, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/bookmark">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/bookmark">
   <meta property="og:title" content="Bookmark Online Free - Bookmark Tool | BentoPDF">
-  <meta property="og:description" content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-bookmark.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/bookmark">
   <meta name="twitter:title" content="Bookmark Free">
-  <meta name="twitter:description" content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
+  <meta name="twitter:description"
+    content="★ Bookmark online free - Bookmark PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-bookmark.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Bookmark">
-  
+
 
   <title>Advanced PDF Bookmark Tool - BentoPDF</title>
-  
-  
-  
-  
+
+
+
+
   <link rel="alternate" hreflang="en" href="/en/bookmark.html" />
   <link rel="alternate" hreflang="de" href="/de/bookmark.html" />
   <link rel="alternate" hreflang="vi" href="/vi/bookmark.html" />
@@ -121,7 +124,8 @@
         <i data-lucide="arrow-left" class="cursor-pointer"></i>
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editBookmarks.name">Bookmark Free Online - Fast & Secure</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editBookmarks.name">Bookmark Free Online - Fast &
+        Secure</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:editBookmarks.subtitle">
         Add, edit, import, delete and extract PDF bookmarks.
       </p>
@@ -465,38 +469,41 @@
 
   <div id="modal-container"></div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -504,26 +511,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -536,14 +548,16 @@
           Is bookmark really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -563,7 +577,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
@@ -665,7 +679,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -694,7 +708,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/cbz-to-pdf.html b/src/pages/cbz-to-pdf.html
index 9a723afd..71d30ee4 100644
--- a/src/pages/cbz-to-pdf.html
+++ b/src/pages/cbz-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="cbz to pdf, cbz to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/cbz-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/cbz-to-pdf">
   <meta property="og:title" content="Cbz To Pdf Online Free - Cbz To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-cbz-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/cbz-to-pdf">
   <meta name="twitter:title" content="Cbz To Pdf Free">
-  <meta name="twitter:description" content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Cbz To Pdf online free - Cbz to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-cbz-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Cbz To Pdf">
-  
 
-    <title>CBZ to PDF - Convert XPS/OCBZ to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/cbz-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/cbz-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/cbz-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/cbz-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>CBZ to PDF - Convert XPS/OCBZ to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/cbz-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/cbz-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/cbz-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/cbz-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,154 +66,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cbzToPdf.name">Cbz To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:cbzToPdf.subtitle">
-                Convert comic book archives (CBZ/CBR) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:cbzToPdf.acceptedFormats">CBZ, CBR files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".cbz,.cbr,application/x-cbz,application/x-cbr,application/vnd.comicbook+zip,application/vnd.comicbook-rar"
-                    multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6"
-                data-i18n="tools:cbzToPdf.convertButton">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cbzToPdf.name">Cbz To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:cbzToPdf.subtitle">
+        Convert comic book archives (CBZ/CBR) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:cbzToPdf.acceptedFormats">CBZ, CBR files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".cbz,.cbr,application/x-cbz,application/x-cbr,application/vnd.comicbook+zip,application/vnd.comicbook-rar"
+          multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:cbzToPdf.convertButton">Convert
+        to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +259,16 @@
           Is cbz to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,96 +280,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/cbz-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/cbz-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -380,7 +390,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -409,7 +419,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/change-permissions.html b/src/pages/change-permissions.html
index 17752f81..c77a39c9 100644
--- a/src/pages/change-permissions.html
+++ b/src/pages/change-permissions.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Change Permissions Online Free - Change Permissions Tool | BentoPDF</title>
   <meta name="title" content="Change Permissions Online Free - Change Permissions Tool | BentoPDF">
-  <meta name="description" content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="change permissions, change permissions, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/change-permissions">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/change-permissions">
   <meta property="og:title" content="Change Permissions Online Free - Change Permissions Tool | BentoPDF">
-  <meta property="og:description" content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-change-permissions.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/change-permissions">
   <meta name="twitter:title" content="Change Permissions Free">
-  <meta name="twitter:description" content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
+  <meta name="twitter:description"
+    content="★ Change Permissions online free - Change permissions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-change-permissions.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Change Permissions">
-  
 
-    <title>Change PDF Permissions - Manage PDF Security - BentoPDF</title>
-    <meta name="description"
-        content="Change PDF permissions and passwords. Set or modify user permissions, encryption, and access controls. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/change-permissions.html" />
-    <link rel="alternate" hreflang="de" href="/de/change-permissions.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/change-permissions.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/change-permissions.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Change PDF Permissions - Manage PDF Security - BentoPDF</title>
+  <meta name="description"
+    content="Change PDF permissions and passwords. Set or modify user permissions, encryption, and access controls. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/change-permissions.html" />
+  <link rel="alternate" hreflang="de" href="/de/change-permissions.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/change-permissions.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/change-permissions.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,202 +68,204 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:changePermissions.name">Change Permissions Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:changePermissions.subtitle">
-                Set or change user permissions on a PDF. Modify passwords and access controls.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="current-password" class="block mb-2 text-sm font-medium text-gray-300">Current Password
-                        (if encrypted)</label>
-                    <input type="password" id="current-password" placeholder="Enter current password"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                </div>
-
-                <div>
-                    <label for="new-user-password" class="block mb-2 text-sm font-medium text-gray-300">New User
-                        Password</label>
-                    <input type="password" id="new-user-password" placeholder="Password to open PDF"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                </div>
-
-                <div>
-                    <label for="new-owner-password" class="block mb-2 text-sm font-medium text-gray-300">New Owner
-                        Password</label>
-                    <input type="password" id="new-owner-password" placeholder="Password for permissions"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    <p class="text-xs text-gray-500 mt-1">Leave both passwords empty to decrypt the PDF.</p>
-                </div>
-
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
-                    <h3 class="text-sm font-semibold text-white mb-3">Permissions (requires owner password)</h3>
-                    <div class="space-y-2">
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-printing" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Printing</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-copying" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Copying Text</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-modifying" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Modifying</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-annotating" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Annotating</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-filling-forms" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Filling Forms</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-document-assembly" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Document Assembly</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="allow-page-extraction" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Allow Page Extraction</span>
-                        </label>
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Change Permissions</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:changePermissions.name">Change Permissions Free
+        Online - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:changePermissions.subtitle">
+        Set or change user permissions on a PDF. Modify passwords and access controls.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="current-password" class="block mb-2 text-sm font-medium text-gray-300">Current Password
+            (if encrypted)</label>
+          <input type="password" id="current-password" placeholder="Enter current password"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+        </div>
+
+        <div>
+          <label for="new-user-password" class="block mb-2 text-sm font-medium text-gray-300">New User
+            Password</label>
+          <input type="password" id="new-user-password" placeholder="Password to open PDF"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+        </div>
+
+        <div>
+          <label for="new-owner-password" class="block mb-2 text-sm font-medium text-gray-300">New Owner
+            Password</label>
+          <input type="password" id="new-owner-password" placeholder="Password for permissions"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          <p class="text-xs text-gray-500 mt-1">Leave both passwords empty to decrypt the PDF.</p>
+        </div>
+
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
+          <h3 class="text-sm font-semibold text-white mb-3">Permissions (requires owner password)</h3>
+          <div class="space-y-2">
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-printing" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Printing</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-copying" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Copying Text</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-modifying" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Modifying</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-annotating" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Annotating</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-filling-forms" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Filling Forms</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-document-assembly" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Document Assembly</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="allow-page-extraction" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Allow Page Extraction</span>
+            </label>
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Change Permissions</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -268,26 +273,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -300,14 +310,16 @@
           Is change permissions really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -319,74 +331,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/change-permissions-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/change-permissions-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -408,7 +419,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -437,7 +448,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/combine-single-page.html b/src/pages/combine-single-page.html
index e4fe41a7..34e857b6 100644
--- a/src/pages/combine-single-page.html
+++ b/src/pages/combine-single-page.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Combine Single Page Online Free - Combine Single Page Tool | BentoPDF</title>
   <meta name="title" content="Combine Single Page Online Free - Combine Single Page Tool | BentoPDF">
-  <meta name="description" content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="combine single page, combine single page, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/combine-single-page">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/combine-single-page">
   <meta property="og:title" content="Combine Single Page Online Free - Combine Single Page Tool | BentoPDF">
-  <meta property="og:description" content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-combine-single-page.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/combine-single-page">
   <meta name="twitter:title" content="Combine Single Page Free">
-  <meta name="twitter:description" content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
+  <meta name="twitter:description"
+    content="★ Combine Single Page online free - Combine single page PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-combine-single-page.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Combine Single Page">
-  
 
-    <title>Combine to Single Page - BentoPDF</title>
-    <meta name="description"
-        content="Combine all PDF pages into one continuous page. Stack pages horizontally or vertically. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/combine-single-page.html" />
-    <link rel="alternate" hreflang="de" href="/de/combine-single-page.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/combine-single-page.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/combine-single-page.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Combine to Single Page - BentoPDF</title>
+  <meta name="description"
+    content="Combine all PDF pages into one continuous page. Stack pages horizontally or vertically. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/combine-single-page.html" />
+  <link rel="alternate" hreflang="de" href="/de/combine-single-page.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/combine-single-page.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/combine-single-page.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,190 +68,191 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:combineToSinglePage.name">Combine Single Page Free Online - Combine PDFs Instantly</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:combineToSinglePage.subtitle">
-                Merge all pages of your PDF into one continuous page, either horizontally or vertically.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <label for="combine-orientation" class="block mb-2 text-sm font-medium text-gray-300">Layout
-                            Direction</label>
-                        <select id="combine-orientation"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                            <option value="vertical" selected>Vertical (Top to Bottom)</option>
-                            <option value="horizontal">Horizontal (Left to Right)</option>
-                        </select>
-                    </div>
-                    <div>
-                        <label for="page-spacing" class="block mb-2 text-sm font-medium text-gray-300">Spacing
-                            (pixels)</label>
-                        <input type="number" id="page-spacing" min="0" value="0"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <label for="background-color" class="block mb-2 text-sm font-medium text-gray-300">Background
-                            Color</label>
-                        <input type="color" id="background-color" value="#FFFFFF"
-                            class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                    </div>
-                    <div class="flex items-end">
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="add-separator"
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600">
-                            <span class="text-sm text-gray-300">Add Separator Lines</span>
-                        </label>
-                    </div>
-                </div>
-
-                <div id="separator-options" class="hidden grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <label for="separator-thickness" class="block mb-2 text-sm font-medium text-gray-300">Separator
-                            Thickness</label>
-                        <input type="number" id="separator-thickness" min="0.5" step="0.5" value="0.5"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div>
-                        <label for="separator-color" class="block mb-2 text-sm font-medium text-gray-300">Separator
-                            Color</label>
-                        <input type="color" id="separator-color" value="#000000"
-                            class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Combine Pages</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:combineToSinglePage.name">Combine Single Page Free
+        Online - Combine PDFs Instantly</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:combineToSinglePage.subtitle">
+        Merge all pages of your PDF into one continuous page, either horizontally or vertically.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <div>
+            <label for="combine-orientation" class="block mb-2 text-sm font-medium text-gray-300">Layout
+              Direction</label>
+            <select id="combine-orientation"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+              <option value="vertical" selected>Vertical (Top to Bottom)</option>
+              <option value="horizontal">Horizontal (Left to Right)</option>
+            </select>
+          </div>
+          <div>
+            <label for="page-spacing" class="block mb-2 text-sm font-medium text-gray-300">Spacing
+              (pixels)</label>
+            <input type="number" id="page-spacing" min="0" value="0"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <div>
+            <label for="background-color" class="block mb-2 text-sm font-medium text-gray-300">Background
+              Color</label>
+            <input type="color" id="background-color" value="#FFFFFF"
+              class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+          </div>
+          <div class="flex items-end">
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="add-separator"
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600">
+              <span class="text-sm text-gray-300">Add Separator Lines</span>
+            </label>
+          </div>
+        </div>
+
+        <div id="separator-options" class="hidden grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <div>
+            <label for="separator-thickness" class="block mb-2 text-sm font-medium text-gray-300">Separator
+              Thickness</label>
+            <input type="number" id="separator-thickness" min="0.5" step="0.5" value="0.5"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div>
+            <label for="separator-color" class="block mb-2 text-sm font-medium text-gray-300">Separator
+              Color</label>
+            <input type="color" id="separator-color" value="#000000"
+              class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Combine Pages</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -256,26 +260,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -288,14 +297,16 @@
           Is combine single page really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -307,73 +318,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/combine-single-page-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/combine-single-page-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -395,7 +405,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -424,7 +434,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/compare-pdfs.html b/src/pages/compare-pdfs.html
index 11adea6f..48196d28 100644
--- a/src/pages/compare-pdfs.html
+++ b/src/pages/compare-pdfs.html
@@ -2,86 +2,89 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF</title>
   <meta name="title" content="Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF">
-  <meta name="description" content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="compare pdfs, compare pdfs, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/compare-pdfs">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/compare-pdfs">
   <meta property="og:title" content="Compare Pdfs Online Free - Compare Pdfs Tool | BentoPDF">
-  <meta property="og:description" content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-compare-pdfs.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/compare-pdfs">
   <meta name="twitter:title" content="Compare Pdfs Free">
-  <meta name="twitter:description" content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Compare Pdfs online free - Compare pdfs PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-compare-pdfs.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Compare Pdfs">
-  
 
-    <title>Compare PDFs - BentoPDF</title>
-    <meta name="description"
-        content="Compare two PDF files side by side or with overlay. See differences between PDF versions. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/compare-pdfs.html" />
-    <link rel="alternate" hreflang="de" href="/de/compare-pdfs.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/compare-pdfs.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/compare-pdfs.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <style>
-        .compare-viewer-wrapper.overlay-mode {
-            position: relative;
-        }
 
-        .compare-viewer-wrapper.overlay-mode #panel-1,
-        .compare-viewer-wrapper.overlay-mode #panel-2 {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-        }
+  <title>Compare PDFs - BentoPDF</title>
+  <meta name="description"
+    content="Compare two PDF files side by side or with overlay. See differences between PDF versions. Free, secure, and runs entirely in your browser.">
 
-        .compare-viewer-wrapper.overlay-mode #panel-2 {
-            pointer-events: none;
-        }
 
-        .compare-viewer-wrapper.side-by-side-mode {
-            display: flex;
-            gap: 1rem;
-        }
 
-        .compare-viewer-wrapper.side-by-side-mode #panel-1,
-        .compare-viewer-wrapper.side-by-side-mode #panel-2 {
-            flex: 1;
-            overflow: auto;
-            max-height: 70vh;
-        }
-    </style>
+
+  <link rel="alternate" hreflang="en" href="/en/compare-pdfs.html" />
+  <link rel="alternate" hreflang="de" href="/de/compare-pdfs.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/compare-pdfs.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/compare-pdfs.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <style>
+    .compare-viewer-wrapper.overlay-mode {
+      position: relative;
+    }
+
+    .compare-viewer-wrapper.overlay-mode #panel-1,
+    .compare-viewer-wrapper.overlay-mode #panel-2 {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+
+    .compare-viewer-wrapper.overlay-mode #panel-2 {
+      pointer-events: none;
+    }
+
+    .compare-viewer-wrapper.side-by-side-mode {
+      display: flex;
+      gap: 1rem;
+    }
+
+    .compare-viewer-wrapper.side-by-side-mode #panel-1,
+    .compare-viewer-wrapper.side-by-side-mode #panel-2 {
+      flex: 1;
+      overflow: auto;
+      max-height: 70vh;
+    }
+  </style>
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -95,208 +98,208 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-5xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:comparePdfs.name">Compare Pdfs Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:comparePdfs.subtitle">
-                Upload two PDF files to compare them side by side or with overlay mode.
-            </p>
-
-            <!-- File Upload Areas -->
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
-                <div id="drop-zone-1"
-                    class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                    <div id="file-display-1" class="flex flex-col items-center justify-center">
-                        <i data-lucide="file-text" class="w-8 h-8 mb-2 text-gray-400"></i>
-                        <p class="text-sm text-gray-400">First PDF</p>
-                        <p class="text-xs text-gray-500">Click or drop</p>
-                    </div>
-                    <input id="file-input-1" type="file"
-                        class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" accept="application/pdf">
-                </div>
-                <div id="drop-zone-2"
-                    class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                    <div id="file-display-2" class="flex flex-col items-center justify-center">
-                        <i data-lucide="file-text" class="w-8 h-8 mb-2 text-gray-400"></i>
-                        <p class="text-sm text-gray-400">Second PDF</p>
-                        <p class="text-xs text-gray-500">Click or drop</p>
-                    </div>
-                    <input id="file-input-2" type="file"
-                        class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" accept="application/pdf">
-                </div>
-            </div>
-
-            <!-- Compare Viewer (hidden until both files loaded) -->
-            <div id="compare-viewer" class="hidden">
-                <!-- Unified Toolbar -->
-                <div
-                    class="flex flex-wrap items-center justify-center gap-4 mb-4 p-3 bg-gray-900 rounded-lg border border-gray-700">
-                    <!-- Page Navigation -->
-                    <button id="prev-page-compare"
-                        class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50" disabled>
-                        <i data-lucide="chevron-left"></i>
-                    </button>
-                    <span class="text-white font-medium">
-                        Page <span id="current-page-display-compare">1</span> of <span
-                            id="total-pages-display-compare">1</span>
-                    </span>
-                    <button id="next-page-compare"
-                        class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50" disabled>
-                        <i data-lucide="chevron-right"></i>
-                    </button>
-
-                    <!-- Divider -->
-                    <div class="border-l border-gray-600 h-6 mx-2 hidden sm:block"></div>
-
-                    <!-- View Mode Buttons -->
-                    <div class="bg-gray-700 p-1 rounded-md flex gap-1">
-                        <button id="view-mode-overlay"
-                            class="btn bg-indigo-600 px-3 py-1 rounded text-sm font-semibold">Overlay</button>
-                        <button id="view-mode-side"
-                            class="btn px-3 py-1 rounded text-sm font-semibold">Side-by-Side</button>
-                    </div>
-
-                    <!-- Divider -->
-                    <div class="border-l border-gray-600 h-6 mx-2 hidden sm:block"></div>
-
-                    <!-- Overlay Controls -->
-                    <div id="overlay-controls" class="flex items-center gap-2">
-                        <button id="flicker-btn"
-                            class="btn bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded-md text-sm font-semibold">Flicker</button>
-                        <label for="opacity-slider" class="text-sm font-medium text-gray-300">Opacity:</label>
-                        <input type="range" id="opacity-slider" min="0" max="1" step="0.05" value="0.5"
-                            class="w-24 accent-indigo-500">
-                    </div>
-
-                    <!-- Side-by-side Controls (hidden initially) -->
-                    <div id="side-by-side-controls" class="hidden flex items-center gap-2">
-                        <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
-                            <input type="checkbox" id="sync-scroll-toggle" checked
-                                class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                            Sync Scrolling
-                        </label>
-                    </div>
-                </div>
-
-                <!-- Viewer Wrapper -->
-                <div id="compare-viewer-wrapper"
-                    class="compare-viewer-wrapper overlay-mode bg-gray-900 rounded-lg border border-gray-700 min-h-[400px] relative">
-                    <div id="panel-1" class="overflow-auto">
-                        <canvas id="canvas-compare-1" class="block mx-auto"></canvas>
-                    </div>
-                    <div id="panel-2" class="overflow-auto">
-                        <canvas id="canvas-compare-2" class="block mx-auto" style="opacity: 0.5;"></canvas>
-                    </div>
-                </div>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-5xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:comparePdfs.name">Compare Pdfs Free Online - Fast
+        & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:comparePdfs.subtitle">
+        Upload two PDF files to compare them side by side or with overlay mode.
+      </p>
+
+      <!-- File Upload Areas -->
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
+        <div id="drop-zone-1"
+          class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+          <div id="file-display-1" class="flex flex-col items-center justify-center">
+            <i data-lucide="file-text" class="w-8 h-8 mb-2 text-gray-400"></i>
+            <p class="text-sm text-gray-400">First PDF</p>
+            <p class="text-xs text-gray-500">Click or drop</p>
+          </div>
+          <input id="file-input-1" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+            accept="application/pdf">
         </div>
-    </div>
+        <div id="drop-zone-2"
+          class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+          <div id="file-display-2" class="flex flex-col items-center justify-center">
+            <i data-lucide="file-text" class="w-8 h-8 mb-2 text-gray-400"></i>
+            <p class="text-sm text-gray-400">Second PDF</p>
+            <p class="text-xs text-gray-500">Click or drop</p>
+          </div>
+          <input id="file-input-2" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+            accept="application/pdf">
+        </div>
+      </div>
+
+      <!-- Compare Viewer (hidden until both files loaded) -->
+      <div id="compare-viewer" class="hidden">
+        <!-- Unified Toolbar -->
+        <div
+          class="flex flex-wrap items-center justify-center gap-4 mb-4 p-3 bg-gray-900 rounded-lg border border-gray-700">
+          <!-- Page Navigation -->
+          <button id="prev-page-compare" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50"
+            disabled>
+            <i data-lucide="chevron-left"></i>
+          </button>
+          <span class="text-white font-medium">
+            Page <span id="current-page-display-compare">1</span> of <span id="total-pages-display-compare">1</span>
+          </span>
+          <button id="next-page-compare" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600 disabled:opacity-50"
+            disabled>
+            <i data-lucide="chevron-right"></i>
+          </button>
+
+          <!-- Divider -->
+          <div class="border-l border-gray-600 h-6 mx-2 hidden sm:block"></div>
+
+          <!-- View Mode Buttons -->
+          <div class="bg-gray-700 p-1 rounded-md flex gap-1">
+            <button id="view-mode-overlay"
+              class="btn bg-indigo-600 px-3 py-1 rounded text-sm font-semibold">Overlay</button>
+            <button id="view-mode-side" class="btn px-3 py-1 rounded text-sm font-semibold">Side-by-Side</button>
+          </div>
+
+          <!-- Divider -->
+          <div class="border-l border-gray-600 h-6 mx-2 hidden sm:block"></div>
+
+          <!-- Overlay Controls -->
+          <div id="overlay-controls" class="flex items-center gap-2">
+            <button id="flicker-btn"
+              class="btn bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded-md text-sm font-semibold">Flicker</button>
+            <label for="opacity-slider" class="text-sm font-medium text-gray-300">Opacity:</label>
+            <input type="range" id="opacity-slider" min="0" max="1" step="0.05" value="0.5"
+              class="w-24 accent-indigo-500">
+          </div>
+
+          <!-- Side-by-side Controls (hidden initially) -->
+          <div id="side-by-side-controls" class="hidden flex items-center gap-2">
+            <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
+              <input type="checkbox" id="sync-scroll-toggle" checked
+                class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              Sync Scrolling
+            </label>
+          </div>
+        </div>
+
+        <!-- Viewer Wrapper -->
+        <div id="compare-viewer-wrapper"
+          class="compare-viewer-wrapper overlay-mode bg-gray-900 rounded-lg border border-gray-700 min-h-[400px] relative">
+          <div id="panel-1" class="overflow-auto">
+            <canvas id="canvas-compare-1" class="block mx-auto"></canvas>
+          </div>
+          <div id="panel-2" class="overflow-auto">
+            <canvas id="canvas-compare-2" class="block mx-auto" style="opacity: 0.5;"></canvas>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -304,26 +307,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -336,14 +344,16 @@
           Is compare pdfs really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -355,74 +365,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/compare-pdfs-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/compare-pdfs-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -444,7 +453,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -473,7 +482,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/compress-pdf.html b/src/pages/compress-pdf.html
index 01f700c9..a58ffbbc 100644
--- a/src/pages/compress-pdf.html
+++ b/src/pages/compress-pdf.html
@@ -43,23 +43,23 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="Compress PDF">
 
-    
+
     <link rel="alternate" hreflang="en" href="/en/compress-pdf.html" />
     <link rel="alternate" hreflang="de" href="/de/compress-pdf.html" />
     <link rel="alternate" hreflang="vi" href="/vi/compress-pdf.html" />
     <link rel="alternate" hreflang="x-default" href="/en/compress-pdf.html" />
     <link href="/src/css/styles.css" rel="stylesheet" />
-    
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
+
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -119,7 +119,8 @@
                 <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online - Reduce File Size Fast</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:compressPdf.name">Compress PDF Free Online -
+                Reduce File Size Fast</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:compressPdf.subtitle">
                 Reduce file size by choosing the compression method that best suits your document. Supports multiple
                 PDFs.
@@ -273,106 +274,119 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
-            <p class="text-gray-400">Click or drag and drop one or more PDF files</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Choose Algorithm</h3>
-            <p class="text-gray-400">Select Condense (recommended) or Photon (for photo-heavy PDFs)</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Select Compression Level</h3>
-            <p class="text-gray-400">Pick Light, Balanced, Aggressive, or Extreme compression</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Customize & Compress</h3>
-            <p class="text-gray-400">Optionally enable grayscale or custom settings, then compress</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            5
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your compressed PDFs - up to 90% smaller</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/pdf-to-jpg.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
+                    <p class="text-gray-400">Click or drag and drop one or more PDF files</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Choose Algorithm</h3>
+                    <p class="text-gray-400">Select Condense (recommended) or Photon (for photo-heavy PDFs)</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Select Compression Level</h3>
+                    <p class="text-gray-400">Pick Light, Balanced, Aggressive, or Extreme compression</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    4
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Customize & Compress</h3>
+                    <p class="text-gray-400">Optionally enable grayscale or custom settings, then compress</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    5
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+                    <p class="text-gray-400">Save your compressed PDFs - up to 90% smaller</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          What's the difference between Condense and Photon?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text non-selectable.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Which compression level should I use?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum compression.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Are there file size limits?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely free.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/split-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+            </a>
+            <a href="/pdf-to-jpg.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Pdf To Jpg</h3>
+                <p class="text-gray-400 text-sm">Free online pdf to jpg tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    What's the difference between Condense and Photon?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Condense removes dead-weight, optimizes images, and subsets fonts - best
+                    for most PDFs. Photon converts pages to images - ideal for photo-heavy/scanned PDFs but makes text
+                    non-selectable.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Which compression level should I use?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Balanced (recommended) offers great size reduction with minimal quality
+                    loss. Use Light to preserve maximum quality, Aggressive for smaller files, or Extreme for maximum
+                    compression.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Are there file size limits?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No limits! Compress as many PDFs as you need, of any size, completely
+                    free.</p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -381,7 +395,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         Version <span id="app-version"></span>
diff --git a/src/pages/crop-pdf.html b/src/pages/crop-pdf.html
index 381932c5..13f66f6f 100644
--- a/src/pages/crop-pdf.html
+++ b/src/pages/crop-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Crop Pdf Online Free - Crop Pdf Tool | BentoPDF</title>
   <meta name="title" content="Crop Pdf Online Free - Crop Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="crop pdf, crop pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/crop-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/crop-pdf">
   <meta property="og:title" content="Crop Pdf Online Free - Crop Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-crop-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/crop-pdf">
   <meta name="twitter:title" content="Crop Pdf Free">
-  <meta name="twitter:description" content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
+  <meta name="twitter:description"
+    content="★ Crop Pdf online free - Crop pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-crop-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Crop Pdf">
-  
 
-    <title>Crop PDF - BentoPDF</title>
-    <meta name="description"
-        content="Crop PDF pages visually with precision. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/crop-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/crop-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/crop-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/crop-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
-    <link href="../../node_modules/cropperjs/dist/cropper.min.css" rel="stylesheet" />
+
+  <title>Crop PDF - BentoPDF</title>
+  <meta name="description"
+    content="Crop PDF pages visually with precision. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/crop-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/crop-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/crop-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/crop-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <link href="../../node_modules/cropperjs/dist/cropper.min.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,185 +67,185 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
-        </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cropPdf.name">Crop Pdf Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:cropPdf.subtitle">
-                Upload a PDF to visually crop one or more pages. This tool offers a live preview and two distinct
-                cropping modes.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF Documents</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <!-- File Display -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
 
-        <!-- Cropper Editor (shown after file upload) -->
-        <div id="cropper-editor" class="hidden w-full max-w-6xl mt-6">
-            <!-- Page Navigation and Controls -->
-            <div
-                class="flex flex-col md:flex-row items-center justify-between gap-4 mb-4 p-3 bg-gray-800 rounded-lg border border-gray-700">
-                <div id="page-nav" class="flex items-center gap-2">
-                    <button id="prev-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600"
-                        title="Previous Page" disabled>
-                        <i data-lucide="chevron-left" class="w-5 h-5"></i>
-                    </button>
-                    <span id="page-info" class="text-white font-medium px-2">Page 1 of 1</span>
-                    <button id="next-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" title="Next Page"
-                        disabled>
-                        <i data-lucide="chevron-right" class="w-5 h-5"></i>
-                    </button>
-                </div>
-
-                <div class="flex flex-col md:flex-row gap-4">
-                    <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
-                        <input type="checkbox" id="destructive-crop-toggle"
-                            class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                        Flattening Crop (converts pages to images)
-                    </label>
-                    <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
-                        <input type="checkbox" id="apply-to-all-toggle"
-                            class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                        Apply to all pages
-                    </label>
-                </div>
-            </div>
-
-            <!-- Cropper Container -->
-            <div id="cropper-container"
-                class="w-full relative overflow-hidden flex items-center justify-center bg-gray-900 rounded-lg border border-gray-600 min-h-[500px]">
-            </div>
-
-            <!-- Options -->
-
-            <button id="crop-button" class="btn-gradient w-full mt-6" disabled>Crop & Download</button>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
+    </div>
+  </nav>
+
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:cropPdf.name">Crop Pdf Free Online - Fast & Secure
+      </h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:cropPdf.subtitle">
+        Upload a PDF to visually crop one or more pages. This tool offers a live preview and two distinct
+        cropping modes.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF Documents</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <!-- File Display -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
     </div>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+    <!-- Cropper Editor (shown after file upload) -->
+    <div id="cropper-editor" class="hidden w-full max-w-6xl mt-6">
+      <!-- Page Navigation and Controls -->
+      <div
+        class="flex flex-col md:flex-row items-center justify-between gap-4 mb-4 p-3 bg-gray-800 rounded-lg border border-gray-700">
+        <div id="page-nav" class="flex items-center gap-2">
+          <button id="prev-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" title="Previous Page"
+            disabled>
+            <i data-lucide="chevron-left" class="w-5 h-5"></i>
+          </button>
+          <span id="page-info" class="text-white font-medium px-2">Page 1 of 1</span>
+          <button id="next-page" class="btn p-2 rounded-full bg-gray-700 hover:bg-gray-600" title="Next Page" disabled>
+            <i data-lucide="chevron-right" class="w-5 h-5"></i>
+          </button>
         </div>
-    </div>
 
-    
+        <div class="flex flex-col md:flex-row gap-4">
+          <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
+            <input type="checkbox" id="destructive-crop-toggle"
+              class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+            Flattening Crop (converts pages to images)
+          </label>
+          <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
+            <input type="checkbox" id="apply-to-all-toggle"
+              class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+            Apply to all pages
+          </label>
+        </div>
+      </div>
+
+      <!-- Cropper Container -->
+      <div id="cropper-container"
+        class="w-full relative overflow-hidden flex items-center justify-center bg-gray-900 rounded-lg border border-gray-600 min-h-[500px]">
+      </div>
+
+      <!-- Options -->
+
+      <button id="crop-button" class="btn-gradient w-full mt-6" disabled>Crop & Download</button>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -250,26 +253,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -282,14 +290,16 @@
           Is crop pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -301,84 +311,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/crop-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/crop-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -400,7 +409,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -429,7 +438,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/csv-to-pdf.html b/src/pages/csv-to-pdf.html
index 4874004f..2a6765d8 100644
--- a/src/pages/csv-to-pdf.html
+++ b/src/pages/csv-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="csv to pdf, csv to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/csv-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/csv-to-pdf">
   <meta property="og:title" content="Csv To Pdf Online Free - Csv To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-csv-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/csv-to-pdf">
   <meta name="twitter:title" content="Csv To Pdf Free">
-  <meta name="twitter:description" content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Csv To Pdf online free - Csv to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-csv-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Csv To Pdf">
-  
 
-    <title>CSV to PDF - Convert Spreadsheets to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert CSV (Comma-Separated Values) spreadsheet files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/csv-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/csv-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/csv-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/csv-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>CSV to PDF - Convert Spreadsheets to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert CSV (Comma-Separated Values) spreadsheet files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/csv-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/csv-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/csv-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/csv-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,154 +66,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Csv To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6">
-                Convert CSV (Comma-Separated Values) spreadsheet files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">One or more CSV files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".csv,text/csv" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Csv To Pdf Converter Free Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6">
+        Convert CSV (Comma-Separated Values) spreadsheet files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">One or more CSV files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".csv,text/csv" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +259,16 @@
           Is csv to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,96 +280,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/csv-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/csv-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -380,7 +390,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -409,7 +419,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/decrypt-pdf.html b/src/pages/decrypt-pdf.html
index 67794437..9090202d 100644
--- a/src/pages/decrypt-pdf.html
+++ b/src/pages/decrypt-pdf.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF</title>
   <meta name="title" content="Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF">
-  <meta name="description" content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="decrypt pdf, remove password, unlock pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/decrypt-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/decrypt-pdf">
   <meta property="og:title" content="Decrypt PDF Online Free - Decrypt PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-decrypt-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/decrypt-pdf">
   <meta name="twitter:title" content="Decrypt PDF Free">
-  <meta name="twitter:description" content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast ">
+  <meta name="twitter:description"
+    content="★ Decrypt PDF online free - Decrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-decrypt-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Decrypt PDF">
-  
 
-    <title>Decrypt PDF - Unlock Password-Protected PDFs - BentoPDF</title>
-    <meta name="description"
-        content="Unlock password-protected PDF files. Remove encryption and password protection from your PDFs. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/decrypt-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/decrypt-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/decrypt-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/decrypt-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Decrypt PDF - Unlock Password-Protected PDFs - BentoPDF</title>
+  <meta name="description"
+    content="Unlock password-protected PDF files. Remove encryption and password protection from your PDFs. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/decrypt-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/decrypt-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/decrypt-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/decrypt-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,147 +68,149 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:decryptPdf.name">Decrypt PDF Free - Remove Password Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:decryptPdf.subtitle">
-                Unlock password-protected PDF files by removing encryption.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="password-input" class="block mb-2 text-sm font-medium text-gray-300">PDF
-                        Password</label>
-                    <input type="password" id="password-input" placeholder="Enter the PDF password"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    <p class="text-xs text-gray-500 mt-1">Enter the password used to protect this PDF.</p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Decrypt PDF</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:decryptPdf.name">Decrypt PDF Free - Remove
+        Password Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:decryptPdf.subtitle">
+        Unlock password-protected PDF files by removing encryption.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="password-input" class="block mb-2 text-sm font-medium text-gray-300">PDF
+            Password</label>
+          <input type="password" id="password-input" placeholder="Enter the PDF password"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          <p class="text-xs text-gray-500 mt-1">Enter the password used to protect this PDF.</p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Decrypt PDF</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -213,26 +218,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -245,14 +255,16 @@
           Is decrypt pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -264,74 +276,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/decrypt-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/decrypt-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -353,7 +364,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -382,7 +393,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/delete-pages.html b/src/pages/delete-pages.html
index ff4f6d4f..b94ae312 100644
--- a/src/pages/delete-pages.html
+++ b/src/pages/delete-pages.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Delete Pages Online Free - Delete Pages Tool | BentoPDF</title>
   <meta name="title" content="Delete Pages Online Free - Delete Pages Tool | BentoPDF">
-  <meta name="description" content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="delete pages, delete pages, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/delete-pages">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/delete-pages">
   <meta property="og:title" content="Delete Pages Online Free - Delete Pages Tool | BentoPDF">
-  <meta property="og:description" content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-delete-pages.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/delete-pages">
   <meta name="twitter:title" content="Delete Pages Free">
-  <meta name="twitter:description" content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Delete Pages online free - Delete pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-delete-pages.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Delete Pages">
-  
 
-    <title>Delete PDF Pages - BentoPDF</title>
-    <meta name="description" content="Remove specific pages from your PDF file. Free and secure.">
-    
-    <link rel="alternate" hreflang="en" href="/en/delete-pages.html" />
-    <link rel="alternate" hreflang="de" href="/de/delete-pages.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/delete-pages.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/delete-pages.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Delete PDF Pages - BentoPDF</title>
+  <meta name="description" content="Remove specific pages from your PDF file. Free and secure.">
+
+  <link rel="alternate" hreflang="en" href="/en/delete-pages.html" />
+  <link rel="alternate" hreflang="de" href="/de/delete-pages.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/delete-pages.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/delete-pages.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,108 +65,111 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-    </nav>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
+        </div>
+      </div>
+    </div>
+  </nav>
 
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:deletePages.name">Delete PDF Pages Free - Remove Pages Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:deletePages.subtitle">Remove specific pages or ranges of
-                pages from your PDF file.</p>
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF Documents</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-            <div id="delete-options" class="hidden mt-6">
-                <p class="mb-2 font-medium text-white">Total Pages: <span id="total-pages"></span></p>
-                <label for="pages-to-delete" class="block mb-2 text-sm font-medium text-gray-300">Enter pages to delete
-                    (e.g., 2, 4-6, 9):</label>
-                <input type="text" id="pages-to-delete"
-                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 mb-4"
-                    placeholder="e.g., 2, 4-6, 9">
-                <div id="delete-pages-preview" class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 my-6"></div>
-                <button id="process-btn" class="btn-gradient w-full">Delete Pages & Download</button>
-            </div>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:deletePages.name">Delete PDF Pages Free - Remove
+        Pages Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:deletePages.subtitle">Remove specific pages or ranges of
+        pages from your PDF file.</p>
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF Documents</p>
         </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+      <div id="delete-options" class="hidden mt-6">
+        <p class="mb-2 font-medium text-white">Total Pages: <span id="total-pages"></span></p>
+        <label for="pages-to-delete" class="block mb-2 text-sm font-medium text-gray-300">Enter pages to delete
+          (e.g., 2, 4-6, 9):</label>
+        <input type="text" id="pages-to-delete"
+          class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 mb-4"
+          placeholder="e.g., 2, 4-6, 9">
+        <div id="delete-pages-preview" class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 my-6"></div>
+        <button id="process-btn" class="btn-gradient w-full">Delete Pages & Download</button>
+      </div>
     </div>
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+  </div>
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
     </div>
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
-                data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
-        </div>
+  </div>
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
+        data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
     </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -171,26 +177,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -203,14 +214,16 @@
           Is delete pages really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -222,80 +235,79 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/delete-pages-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/delete-pages-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -317,7 +329,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -346,7 +358,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/divide-pages.html b/src/pages/divide-pages.html
index 26b8df8b..4e119b75 100644
--- a/src/pages/divide-pages.html
+++ b/src/pages/divide-pages.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Divide Pages Online Free - Divide Pages Tool | BentoPDF</title>
   <meta name="title" content="Divide Pages Online Free - Divide Pages Tool | BentoPDF">
-  <meta name="description" content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="divide pages, divide pages, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/divide-pages">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/divide-pages">
   <meta property="og:title" content="Divide Pages Online Free - Divide Pages Tool | BentoPDF">
-  <meta property="og:description" content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-divide-pages.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/divide-pages">
   <meta name="twitter:title" content="Divide Pages Free">
-  <meta name="twitter:description" content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Divide Pages online free - Divide pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-divide-pages.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Divide Pages">
-  
 
-    <title>Divide PDF Pages - BentoPDF</title>
-    <meta name="description"
-        content="Split each page of your PDF horizontally or vertically into two pages. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/divide-pages.html" />
-    <link rel="alternate" hreflang="de" href="/de/divide-pages.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/divide-pages.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/divide-pages.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Divide PDF Pages - BentoPDF</title>
+  <meta name="description"
+    content="Split each page of your PDF horizontally or vertically into two pages. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/divide-pages.html" />
+  <link rel="alternate" hreflang="de" href="/de/divide-pages.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/divide-pages.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/divide-pages.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,169 +68,169 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:dividePages.name">Divide Pages Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:dividePages.subtitle">
-                Split each page of your PDF horizontally or vertically, turning one page into two.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
-                    <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
-                        <li><strong>Vertical:</strong> Split each page into left and right halves.</li>
-                        <li><strong>Horizontal:</strong> Split each page into top and bottom halves.</li>
-                        <li>Specify which pages to divide. Other pages will be kept as-is.</li>
-                        <li>Leave blank or use "all" to divide all pages.</li>
-                    </ul>
-                </div>
-
-                <div class="mb-4">
-                    <label for="page-range" class="block mb-2 text-sm font-medium text-gray-300">Pages to Divide</label>
-                    <input type="text" id="page-range"
-                        class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"
-                        placeholder="e.g. 1-5, 8, 11-13 (leave blank for all pages)">
-                    <p class="mt-1 text-xs text-gray-400">Enter page numbers separated by commas or ranges with hyphens.
-                    </p>
-                </div>
-
-                <div class="mb-4">
-                    <label for="split-type" class="block mb-2 text-sm font-medium text-gray-300">Split Direction</label>
-                    <select id="split-type"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="vertical">Vertical (Left & Right)</option>
-                        <option value="horizontal">Horizontal (Top & Bottom)</option>
-                    </select>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Divide Pages</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:dividePages.name">Divide Pages Free Online - Fast
+        & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:dividePages.subtitle">
+        Split each page of your PDF horizontally or vertically, turning one page into two.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
+          <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
+            <li><strong>Vertical:</strong> Split each page into left and right halves.</li>
+            <li><strong>Horizontal:</strong> Split each page into top and bottom halves.</li>
+            <li>Specify which pages to divide. Other pages will be kept as-is.</li>
+            <li>Leave blank or use "all" to divide all pages.</li>
+          </ul>
+        </div>
+
+        <div class="mb-4">
+          <label for="page-range" class="block mb-2 text-sm font-medium text-gray-300">Pages to Divide</label>
+          <input type="text" id="page-range"
+            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5"
+            placeholder="e.g. 1-5, 8, 11-13 (leave blank for all pages)">
+          <p class="mt-1 text-xs text-gray-400">Enter page numbers separated by commas or ranges with hyphens.
+          </p>
+        </div>
+
+        <div class="mb-4">
+          <label for="split-type" class="block mb-2 text-sm font-medium text-gray-300">Split Direction</label>
+          <select id="split-type" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="vertical">Vertical (Left & Right)</option>
+            <option value="horizontal">Horizontal (Top & Bottom)</option>
+          </select>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Divide Pages</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -235,26 +238,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -267,14 +275,16 @@
           Is divide pages really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -286,73 +296,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/divide-pages-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/divide-pages-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -374,7 +383,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -403,7 +412,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/edit-attachments.html b/src/pages/edit-attachments.html
index c02c0446..eca47d70 100644
--- a/src/pages/edit-attachments.html
+++ b/src/pages/edit-attachments.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Edit Attachments Online Free - Edit Attachments Tool | BentoPDF</title>
   <meta name="title" content="Edit Attachments Online Free - Edit Attachments Tool | BentoPDF">
-  <meta name="description" content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="edit attachments, edit attachments, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/edit-attachments">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/edit-attachments">
   <meta property="og:title" content="Edit Attachments Online Free - Edit Attachments Tool | BentoPDF">
-  <meta property="og:description" content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-attachments.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/edit-attachments">
   <meta name="twitter:title" content="Edit Attachments Free">
-  <meta name="twitter:description" content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
+  <meta name="twitter:description"
+    content="★ Edit Attachments online free - Edit attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-attachments.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Edit Attachments">
-  
 
-    <title>Edit Attachments - BentoPDF</title>
-    <meta name="description"
-        content="View and remove attachments from your PDF documents. Manage embedded files easily. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/edit-attachments.html" />
-    <link rel="alternate" hreflang="de" href="/de/edit-attachments.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/edit-attachments.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/edit-attachments.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Edit Attachments - BentoPDF</title>
+  <meta name="description"
+    content="View and remove attachments from your PDF documents. Manage embedded files easily. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/edit-attachments.html" />
+  <link rel="alternate" hreflang="de" href="/de/edit-attachments.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/edit-attachments.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/edit-attachments.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,141 +68,143 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editAttachments.name">Edit Attachments Free Online - Edit PDFs Securely</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:editAttachments.subtitle">
-                Upload a PDF to view and remove its embedded attachments.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <h2 class="text-lg font-semibold text-white mb-3">Attachments</h2>
-                <div id="attachments-list" class="space-y-2"></div>
-                <button id="process-btn" class="hidden btn-gradient w-full mt-4">Save Changes</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editAttachments.name">Edit Attachments Free Online
+        - Edit PDFs Securely</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:editAttachments.subtitle">
+        Upload a PDF to view and remove its embedded attachments.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <h2 class="text-lg font-semibold text-white mb-3">Attachments</h2>
+        <div id="attachments-list" class="space-y-2"></div>
+        <button id="process-btn" class="hidden btn-gradient w-full mt-4">Save Changes</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -207,26 +212,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -239,14 +249,16 @@
           Is edit attachments really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -258,74 +270,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/edit-attachments-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/edit-attachments-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -347,7 +358,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -376,7 +387,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/edit-metadata.html b/src/pages/edit-metadata.html
index 4f42e7d5..9944c260 100644
--- a/src/pages/edit-metadata.html
+++ b/src/pages/edit-metadata.html
@@ -2,56 +2,59 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Edit Metadata Online Free - Edit Metadata Tool | BentoPDF</title>
   <meta name="title" content="Edit Metadata Online Free - Edit Metadata Tool | BentoPDF">
-  <meta name="description" content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="edit metadata, edit metadata, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/edit-metadata">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/edit-metadata">
   <meta property="og:title" content="Edit Metadata Online Free - Edit Metadata Tool | BentoPDF">
-  <meta property="og:description" content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-metadata.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/edit-metadata">
   <meta name="twitter:title" content="Edit Metadata Free">
-  <meta name="twitter:description" content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Edit Metadata online free - Edit metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-metadata.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Edit Metadata">
-  
 
-    <title>Edit PDF Metadata - BentoPDF</title>
-    <meta name="description"
-        content="Edit PDF metadata including title, author, subject, keywords, and custom fields. Free, secure, and runs entirely in your browser.">
-    
-    
-    
-    
-    <link rel="alternate" hreflang="en" href="/en/edit-metadata.html" />
-    <link rel="alternate" hreflang="de" href="/de/edit-metadata.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/edit-metadata.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/edit-metadata.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Edit PDF Metadata - BentoPDF</title>
+  <meta name="description"
+    content="Edit PDF metadata including title, author, subject, keywords, and custom fields. Free, secure, and runs entirely in your browser.">
+
+
+
+
+  <link rel="alternate" hreflang="en" href="/en/edit-metadata.html" />
+  <link rel="alternate" hreflang="de" href="/de/edit-metadata.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/edit-metadata.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/edit-metadata.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -65,202 +68,202 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editMetadata.name">Edit Metadata Free Online - Edit PDFs Securely</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:editMetadata.subtitle">
-                Edit metadata fields in your PDF document including title, author, subject, and keywords.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <h2 class="text-lg font-semibold text-white mb-4">Edit Metadata</h2>
-
-                <div class="space-y-4">
-                    <div>
-                        <label for="meta-title" class="block mb-2 text-sm font-medium text-gray-300">Title</label>
-                        <input type="text" id="meta-title"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div>
-                        <label for="meta-author" class="block mb-2 text-sm font-medium text-gray-300">Author</label>
-                        <input type="text" id="meta-author"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div>
-                        <label for="meta-subject" class="block mb-2 text-sm font-medium text-gray-300">Subject</label>
-                        <input type="text" id="meta-subject"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div>
-                        <label for="meta-keywords" class="block mb-2 text-sm font-medium text-gray-300">Keywords
-                            (comma-separated)</label>
-                        <input type="text" id="meta-keywords"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div>
-                        <label for="meta-creator" class="block mb-2 text-sm font-medium text-gray-300">Creator</label>
-                        <input type="text" id="meta-creator"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div>
-                        <label for="meta-producer" class="block mb-2 text-sm font-medium text-gray-300">Producer</label>
-                        <input type="text" id="meta-producer"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                    </div>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                        <div>
-                            <label for="meta-creation-date"
-                                class="block mb-2 text-sm font-medium text-gray-300">Creation Date</label>
-                            <input type="datetime-local" id="meta-creation-date"
-                                class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                        </div>
-                        <div>
-                            <label for="meta-mod-date" class="block mb-2 text-sm font-medium text-gray-300">Modification
-                                Date</label>
-                            <input type="datetime-local" id="meta-mod-date"
-                                class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Custom Fields Section -->
-                <div class="mt-6">
-                    <h3 class="text-md font-semibold text-white mb-2">Custom Fields</h3>
-                    <p class="text-xs text-gray-400 mb-3">Note: Custom fields are not supported by all PDF readers.</p>
-                    <div id="custom-fields-container" class="space-y-3"></div>
-                    <button id="add-custom-field" type="button"
-                        class="flex items-center gap-2 mt-3 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm">
-                        <i data-lucide="plus" class="w-4 h-4"></i> Add Custom Field
-                    </button>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-6">Save Metadata</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:editMetadata.name">Edit Metadata Free Online -
+        Edit PDFs Securely</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:editMetadata.subtitle">
+        Edit metadata fields in your PDF document including title, author, subject, and keywords.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <h2 class="text-lg font-semibold text-white mb-4">Edit Metadata</h2>
+
+        <div class="space-y-4">
+          <div>
+            <label for="meta-title" class="block mb-2 text-sm font-medium text-gray-300">Title</label>
+            <input type="text" id="meta-title"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div>
+            <label for="meta-author" class="block mb-2 text-sm font-medium text-gray-300">Author</label>
+            <input type="text" id="meta-author"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div>
+            <label for="meta-subject" class="block mb-2 text-sm font-medium text-gray-300">Subject</label>
+            <input type="text" id="meta-subject"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div>
+            <label for="meta-keywords" class="block mb-2 text-sm font-medium text-gray-300">Keywords
+              (comma-separated)</label>
+            <input type="text" id="meta-keywords"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div>
+            <label for="meta-creator" class="block mb-2 text-sm font-medium text-gray-300">Creator</label>
+            <input type="text" id="meta-creator"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div>
+            <label for="meta-producer" class="block mb-2 text-sm font-medium text-gray-300">Producer</label>
+            <input type="text" id="meta-producer"
+              class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+          </div>
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label for="meta-creation-date" class="block mb-2 text-sm font-medium text-gray-300">Creation Date</label>
+              <input type="datetime-local" id="meta-creation-date"
+                class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+            </div>
+            <div>
+              <label for="meta-mod-date" class="block mb-2 text-sm font-medium text-gray-300">Modification
+                Date</label>
+              <input type="datetime-local" id="meta-mod-date"
+                class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full p-2.5">
+            </div>
+          </div>
+        </div>
+
+        <!-- Custom Fields Section -->
+        <div class="mt-6">
+          <h3 class="text-md font-semibold text-white mb-2">Custom Fields</h3>
+          <p class="text-xs text-gray-400 mb-3">Note: Custom fields are not supported by all PDF readers.</p>
+          <div id="custom-fields-container" class="space-y-3"></div>
+          <button id="add-custom-field" type="button"
+            class="flex items-center gap-2 mt-3 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm">
+            <i data-lucide="plus" class="w-4 h-4"></i> Add Custom Field
+          </button>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-6">Save Metadata</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -268,26 +271,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -300,14 +308,16 @@
           Is edit metadata really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -319,73 +329,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/edit-metadata-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/edit-metadata-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -407,7 +416,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -436,7 +445,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/edit-pdf.html b/src/pages/edit-pdf.html
index ad91dac3..a2565a7d 100644
--- a/src/pages/edit-pdf.html
+++ b/src/pages/edit-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Edit PDF Online Free - Edit PDF Tool | BentoPDF</title>
   <meta name="title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
-  <meta name="description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="edit pdf, pdf editor, modify pdf, change pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/edit-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/edit-pdf">
   <meta property="og:title" content="Edit PDF Online Free - Edit PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-edit-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/edit-pdf">
   <meta name="twitter:title" content="Edit PDF Free">
-  <meta name="twitter:description" content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
+  <meta name="twitter:description"
+    content="★ Edit PDF online free - Edit PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-edit-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Edit PDF">
-  
 
-    <title>PDF Editor - BentoPDF</title>
-    <meta name="description"
-        content="Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/edit-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/edit-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/edit-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/edit-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF Editor - BentoPDF</title>
+  <meta name="description"
+    content="Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/edit-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/edit-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/edit-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/edit-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,144 +66,145 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-blue-400 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs Securely</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle">
-                Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="embed-pdf-wrapper" class="hidden mt-6">
-                <div id="embed-pdf-container" class="w-full h-[75vh] border border-gray-600 rounded-lg"></div>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-blue-400 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfEditor.name">Edit PDF Free Online - Modify PDFs
+        Securely</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfEditor.subtitle">
+        Annotate, highlight, redact, comment, add shapes/images, search, and view PDFs.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="embed-pdf-wrapper" class="hidden mt-6">
+        <div id="embed-pdf-container" class="w-full h-[75vh] border border-gray-600 rounded-lg"></div>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -208,26 +212,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-        <a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
-        <a href="/add-watermark.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Add Watermark</h3>
-          <p class="text-gray-400 text-sm">Free online add watermark tool</p>
-        </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
+      <a href="/delete-pages.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
+      <a href="/add-watermark.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Add Watermark</h3>
+        <p class="text-gray-400 text-sm">Free online add watermark tool</p>
+      </a>
     </div>
   </section>
 
@@ -240,14 +249,16 @@
           Is edit pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -259,96 +270,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/edit-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/edit-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -370,7 +380,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -399,7 +409,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/encrypt-pdf.html b/src/pages/encrypt-pdf.html
index 6d9aa09c..9036906d 100644
--- a/src/pages/encrypt-pdf.html
+++ b/src/pages/encrypt-pdf.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF</title>
   <meta name="title" content="Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF">
-  <meta name="description" content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="encrypt pdf, password protect pdf, secure pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/encrypt-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/encrypt-pdf">
   <meta property="og:title" content="Encrypt PDF Online Free - Encrypt PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-encrypt-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/encrypt-pdf">
   <meta name="twitter:title" content="Encrypt PDF Free">
-  <meta name="twitter:description" content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast ">
+  <meta name="twitter:description"
+    content="★ Encrypt PDF online free - Encrypt PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-encrypt-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Encrypt PDF">
-  
 
-    <title>Encrypt PDF - Password Protect Your PDFs - BentoPDF</title>
-    <meta name="description"
-        content="Encrypt PDF files with 256-bit AES encryption. Add password protection and set usage restrictions. Free, secure, and runs entirely in your browser.">
- 
-    <link rel="alternate" hreflang="en" href="/en/encrypt-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/encrypt-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/encrypt-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/encrypt-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Encrypt PDF - Password Protect Your PDFs - BentoPDF</title>
+  <meta name="description"
+    content="Encrypt PDF files with 256-bit AES encryption. Add password protection and set usage restrictions. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/encrypt-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/encrypt-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/encrypt-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/encrypt-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,167 +65,168 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:encryptPdf.name">Encrypt PDF Free - Password Protect PDFs</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:encryptPdf.subtitle">
-                Protect your PDF with 256-bit AES encryption. Add password protection and set usage restrictions.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="user-password-input" class="block mb-2 text-sm font-medium text-gray-300">User Password
-                        (Required)</label>
-                    <input type="password" id="user-password-input" placeholder="Enter password to open PDF"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    <p class="text-xs text-gray-500 mt-1">This password will be required to open the PDF.</p>
-                </div>
-
-                <div>
-                    <label for="owner-password-input" class="block mb-2 text-sm font-medium text-gray-300">Owner
-                        Password (Optional)</label>
-                    <input type="password" id="owner-password-input"
-                        placeholder="Enter password for permissions (optional)"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    <p class="text-xs text-gray-500 mt-1">If provided, usage restrictions will be applied. Leave empty
-                        for no restrictions.</p>
-                </div>
-
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
-                    <h3 class="text-sm font-semibold text-white mb-2">Encryption Details:</h3>
-                    <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
-                        <li>256-bit AES encryption (highest security)</li>
-                        <li>User password required to open PDF</li>
-                        <li>Owner password enables usage restrictions</li>
-                        <li>Without owner password: no restrictions applied</li>
-                    </ul>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Encrypt PDF</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:encryptPdf.name">Encrypt PDF Free - Password
+        Protect PDFs</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:encryptPdf.subtitle">
+        Protect your PDF with 256-bit AES encryption. Add password protection and set usage restrictions.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="user-password-input" class="block mb-2 text-sm font-medium text-gray-300">User Password
+            (Required)</label>
+          <input type="password" id="user-password-input" placeholder="Enter password to open PDF"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          <p class="text-xs text-gray-500 mt-1">This password will be required to open the PDF.</p>
+        </div>
+
+        <div>
+          <label for="owner-password-input" class="block mb-2 text-sm font-medium text-gray-300">Owner
+            Password (Optional)</label>
+          <input type="password" id="owner-password-input" placeholder="Enter password for permissions (optional)"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          <p class="text-xs text-gray-500 mt-1">If provided, usage restrictions will be applied. Leave empty
+            for no restrictions.</p>
+        </div>
+
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
+          <h3 class="text-sm font-semibold text-white mb-2">Encryption Details:</h3>
+          <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
+            <li>256-bit AES encryption (highest security)</li>
+            <li>User password required to open PDF</li>
+            <li>Owner password enables usage restrictions</li>
+            <li>Without owner password: no restrictions applied</li>
+          </ul>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Encrypt PDF</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -230,26 +234,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -262,14 +271,16 @@
           Is encrypt pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -281,74 +292,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/encrypt-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/encrypt-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -370,7 +380,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -399,7 +409,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/epub-to-pdf.html b/src/pages/epub-to-pdf.html
index 9d3f3ee0..c5d3cc27 100644
--- a/src/pages/epub-to-pdf.html
+++ b/src/pages/epub-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="epub to pdf, epub to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/epub-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/epub-to-pdf">
   <meta property="og:title" content="Epub To Pdf Online Free - Epub To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-epub-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/epub-to-pdf">
   <meta name="twitter:title" content="Epub To Pdf Free">
-  <meta name="twitter:description" content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Epub To Pdf online free - Epub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-epub-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Epub To Pdf">
-  
 
-    <title>EPUB to PDF - Convert EPUB to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert EPUB e-books to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/epub-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/epub-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/epub-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/epub-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>EPUB to PDF - Convert EPUB to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert EPUB e-books to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/epub-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/epub-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/epub-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/epub-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,155 +66,156 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:epubToPdf.name">Epub To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:epubToPdf.subtitle">
-                Convert EPUB e-books to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:epubToPdf.acceptedFormats">EPUB files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".epub,application/epub+zip" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:epubToPdf.convertButton">Convert
-                    to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:epubToPdf.name">Epub To Pdf Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:epubToPdf.subtitle">
+        Convert EPUB e-books to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:epubToPdf.acceptedFormats">EPUB files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".epub,application/epub+zip" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:epubToPdf.convertButton">Convert
+          to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -219,26 +223,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -251,14 +260,16 @@
           Is epub to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -270,96 +281,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/epub-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/epub-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -381,7 +391,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -410,7 +420,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/excel-to-pdf.html b/src/pages/excel-to-pdf.html
index da75e788..06700376 100644
--- a/src/pages/excel-to-pdf.html
+++ b/src/pages/excel-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Excel to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="excel to pdf, xlsx to pdf, spreadsheet to pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/excel-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/excel-to-pdf">
   <meta property="og:title" content="Excel to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-excel-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/excel-to-pdf">
   <meta name="twitter:title" content="Excel to PDF Free">
-  <meta name="twitter:description" content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
+  <meta name="twitter:description"
+    content="★ Excel to PDF online free - Convert Excel to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-excel-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Excel to PDF">
-  
 
-    <title>Excel to PDF - Convert XLSX, XLS to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/excel-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/excel-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/excel-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/excel-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Excel to PDF - Convert XLSX, XLS to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/excel-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/excel-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/excel-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/excel-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,157 +66,158 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free - Convert XLSX Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle">
-                Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV
-                        files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".xls,.xlsx,.ods,.csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,text/csv"
-                    multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:excelToPdf.convertButton">Convert
-                    to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:excelToPdf.name">Excel to PDF Converter Free -
+        Convert XLSX Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:excelToPdf.subtitle">
+        Convert Excel spreadsheets (XLSX, XLS, ODS, CSV) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:excelToPdf.acceptedFormats">XLSX, XLS, ODS, CSV
+            files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".xls,.xlsx,.ods,.csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.oasis.opendocument.spreadsheet,text/csv"
+          multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:excelToPdf.convertButton">Convert
+          to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -221,26 +225,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/pdf-to-excel.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
-        </a>
-        <a href="/word-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
-        </a>
-        <a href="/csv-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Csv To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online csv to pdf tool</p>
-        </a>
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
+      <a href="/pdf-to-excel.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
+      </a>
+      <a href="/word-to-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
+      </a>
+      <a href="/csv-to-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Csv To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online csv to pdf tool</p>
+      </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -253,14 +262,16 @@
           Is excel to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -272,96 +283,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/excel-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/excel-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -383,7 +393,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -412,7 +422,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/extract-attachments.html b/src/pages/extract-attachments.html
index 1aa72145..ce4080a4 100644
--- a/src/pages/extract-attachments.html
+++ b/src/pages/extract-attachments.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Extract Attachments Online Free - Extract Attachments Tool | BentoPDF</title>
   <meta name="title" content="Extract Attachments Online Free - Extract Attachments Tool | BentoPDF">
-  <meta name="description" content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="extract attachments, extract attachments, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/extract-attachments">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/extract-attachments">
   <meta property="og:title" content="Extract Attachments Online Free - Extract Attachments Tool | BentoPDF">
-  <meta property="og:description" content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-attachments.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/extract-attachments">
   <meta name="twitter:title" content="Extract Attachments Free">
-  <meta name="twitter:description" content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
+  <meta name="twitter:description"
+    content="★ Extract Attachments online free - Extract attachments PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-attachments.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Extract Attachments">
-  
 
-    <title>Extract Attachments from PDF - BentoPDF</title>
-    <meta name="description"
-        content="Extract all embedded attachments from your PDF documents. Download attachments as a ZIP file. Free, secure, and runs entirely in your browser.">  
-    <link rel="alternate" hreflang="en" href="/en/extract-attachments.html" />
-    <link rel="alternate" hreflang="de" href="/de/extract-attachments.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/extract-attachments.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/extract-attachments.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Extract Attachments from PDF - BentoPDF</title>
+  <meta name="description"
+    content="Extract all embedded attachments from your PDF documents. Download attachments as a ZIP file. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/extract-attachments.html" />
+  <link rel="alternate" hreflang="de" href="/de/extract-attachments.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/extract-attachments.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/extract-attachments.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,141 +64,143 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractAttachments.name">Extract Attachments Free Online - Extract PDF Content</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:extractAttachments.subtitle">
-                Upload PDF files to extract all embedded attachments. Files will be downloaded as a ZIP archive.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDFs</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">Multiple PDF files supported</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div id="status-message" class="hidden mt-4 p-3 rounded-lg text-sm"></div>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Extract Attachments</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractAttachments.name">Extract Attachments Free
+        Online - Extract PDF Content</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:extractAttachments.subtitle">
+        Upload PDF files to extract all embedded attachments. Files will be downloaded as a ZIP archive.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDFs</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">Multiple PDF files supported</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div id="status-message" class="hidden mt-4 p-3 rounded-lg text-sm"></div>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Extract Attachments</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -203,26 +208,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -235,14 +245,16 @@
           Is extract attachments really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -254,74 +266,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/extract-attachments-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/extract-attachments-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -343,7 +354,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -372,7 +383,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/extract-images.html b/src/pages/extract-images.html
index 82b69095..519abc4b 100644
--- a/src/pages/extract-images.html
+++ b/src/pages/extract-images.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Extract Images Online Free - Extract Images Tool | BentoPDF</title>
   <meta name="title" content="Extract Images Online Free - Extract Images Tool | BentoPDF">
-  <meta name="description" content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="extract images, extract images, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/extract-images">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/extract-images">
   <meta property="og:title" content="Extract Images Online Free - Extract Images Tool | BentoPDF">
-  <meta property="og:description" content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-images.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/extract-images">
   <meta name="twitter:title" content="Extract Images Free">
-  <meta name="twitter:description" content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ Extract Images online free - Extract images PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-images.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Extract Images">
-  
 
-    <title>Extract Images from PDF - BentoPDF</title>
-    <meta name="description"
-        content="Extract all images from PDF files. Download individual images or all as a ZIP. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/extract-images.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/extract-images.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Extract Images from PDF - BentoPDF</title>
+  <meta name="description"
+    content="Extract all images from PDF files. Download individual images or all as a ZIP. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/extract-images.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/extract-images.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,162 +64,163 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Extract Images Free Online - Extract PDF Content</h1>
-            <p class="text-gray-400 mb-6">
-                Extract all embedded images from PDF files. Download individually or as a ZIP archive.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
-                        or drag and drop
-                    </p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500">Your files never leave your device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span>Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span>Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="extract-options" class="hidden mt-6 space-y-6">
-                <button id="process-btn" class="btn-gradient w-full mt-4">Extract Images</button>
-            </div>
-
-            <div id="images-container" class="hidden mt-8">
-                <div class="flex justify-between items-center mb-4">
-                    <h2 class="text-xl font-bold text-white">Extracted Images</h2>
-                    <button id="download-all-btn"
-                        class="btn bg-green-600 hover:bg-green-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                        <i data-lucide="download"></i> <span>Download All (ZIP)</span>
-                    </button>
-                </div>
-                <div id="images-grid" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4"></div>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Extract Images Free Online - Extract PDF Content</h1>
+      <p class="text-gray-400 mb-6">
+        Extract all embedded images from PDF files. Download individually or as a ZIP archive.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
+            or drag and drop
+          </p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500">Your files never leave your device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span>Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span>Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="extract-options" class="hidden mt-6 space-y-6">
+        <button id="process-btn" class="btn-gradient w-full mt-4">Extract Images</button>
+      </div>
+
+      <div id="images-container" class="hidden mt-8">
+        <div class="flex justify-between items-center mb-4">
+          <h2 class="text-xl font-bold text-white">Extracted Images</h2>
+          <button id="download-all-btn"
+            class="btn bg-green-600 hover:bg-green-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+            <i data-lucide="download"></i> <span>Download All (ZIP)</span>
+          </button>
+        </div>
+        <div id="images-grid" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4"></div>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -224,26 +228,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -256,14 +265,16 @@
           Is extract images really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -275,77 +286,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/extract-images-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/extract-images-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -367,7 +377,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -396,7 +406,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/extract-pages.html b/src/pages/extract-pages.html
index 0ce6dab7..6a0e39f4 100644
--- a/src/pages/extract-pages.html
+++ b/src/pages/extract-pages.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Extract Pages Online Free - Extract Pages Tool | BentoPDF</title>
   <meta name="title" content="Extract Pages Online Free - Extract Pages Tool | BentoPDF">
-  <meta name="description" content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="extract pages, extract pages, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/extract-pages">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/extract-pages">
   <meta property="og:title" content="Extract Pages Online Free - Extract Pages Tool | BentoPDF">
-  <meta property="og:description" content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-pages.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/extract-pages">
   <meta name="twitter:title" content="Extract Pages Free">
-  <meta name="twitter:description" content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Extract Pages online free - Extract pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-pages.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Extract Pages">
-  
 
-    <title>Extract PDF Pages - BentoPDF</title>
-    <meta name="description"
-        content="Extract specific pages from a PDF into separate files. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/extract-pages.html" />
-    <link rel="alternate" hreflang="de" href="/de/extract-pages.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/extract-pages.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/extract-pages.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Extract PDF Pages - BentoPDF</title>
+  <meta name="description"
+    content="Extract specific pages from a PDF into separate files. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/extract-pages.html" />
+  <link rel="alternate" hreflang="de" href="/de/extract-pages.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/extract-pages.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/extract-pages.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,154 +66,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
 
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractPages.name">Extract PDF Pages Free - Copy Pages Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:extractPages.subtitle">
-                Extract specific pages from a PDF into separate files. Your files will download in a ZIP archive.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF Documents</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <!-- File Display -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Extract Options (shown after file upload) -->
-            <div id="extract-options" class="hidden mt-6">
-                <p class="mb-2 font-medium text-white">Total Pages: <span id="total-pages"></span></p>
-                <label for="pages-to-extract" class="block mb-2 text-sm font-medium text-gray-300">Enter pages to
-                    extract (e.g., 2, 4-6, 9):</label>
-                <input type="text" id="pages-to-extract"
-                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 mb-6"
-                    placeholder="e.g., 2, 4-6, 9">
-                <button id="process-btn" class="btn-gradient w-full">Extract & Download ZIP</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractPages.name">Extract PDF Pages Free - Copy
+        Pages Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:extractPages.subtitle">
+        Extract specific pages from a PDF into separate files. Your files will download in a ZIP archive.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF Documents</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <!-- File Display -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Extract Options (shown after file upload) -->
+      <div id="extract-options" class="hidden mt-6">
+        <p class="mb-2 font-medium text-white">Total Pages: <span id="total-pages"></span></p>
+        <label for="pages-to-extract" class="block mb-2 text-sm font-medium text-gray-300">Enter pages to
+          extract (e.g., 2, 4-6, 9):</label>
+        <input type="text" id="pages-to-extract"
+          class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 mb-6"
+          placeholder="e.g., 2, 4-6, 9">
+        <button id="process-btn" class="btn-gradient w-full">Extract & Download ZIP</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +259,16 @@
           Is extract pages really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,84 +280,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/extract-pages-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/extract-pages-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -368,7 +378,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -397,7 +407,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/extract-tables.html b/src/pages/extract-tables.html
index f36ba396..7ce87589 100644
--- a/src/pages/extract-tables.html
+++ b/src/pages/extract-tables.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Extract Tables Online Free - Extract Tables Tool | BentoPDF</title>
   <meta name="title" content="Extract Tables Online Free - Extract Tables Tool | BentoPDF">
-  <meta name="description" content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="extract tables, extract tables, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/extract-tables">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/extract-tables">
   <meta property="og:title" content="Extract Tables Online Free - Extract Tables Tool | BentoPDF">
-  <meta property="og:description" content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-extract-tables.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/extract-tables">
   <meta name="twitter:title" content="Extract Tables Free">
-  <meta name="twitter:description" content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ Extract Tables online free - Extract tables PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-extract-tables.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Extract Tables">
-  
 
-    <title>Extract PDF Tables - BentoPDF</title>
-    <meta name="description"
-        content="Extract tables from PDF files and export as CSV, JSON, or Markdown. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/extract-tables.html" />
-    <link rel="alternate" hreflang="de" href="/de/extract-tables.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/extract-tables.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/extract-tables.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/extract-tables.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Extract PDF Tables - BentoPDF</title>
+  <meta name="description"
+    content="Extract tables from PDF files and export as CSV, JSON, or Markdown. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/extract-tables.html" />
+  <link rel="alternate" hreflang="de" href="/de/extract-tables.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/extract-tables.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/extract-tables.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/extract-tables.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,155 +67,156 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractTables.name">Extract Tables Free Online - Extract PDF Content</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:extractTables.subtitle">
-                Extract tables from PDF files and export as CSV, JSON, or Markdown.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <div>
-                    <label class="block mb-2 text-sm font-medium text-gray-300">Export Format</label>
-                    <div class="flex gap-3 flex-wrap">
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="radio" name="export-format" value="csv" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">CSV</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="radio" name="export-format" value="json"
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">JSON</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="radio" name="export-format" value="markdown"
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Markdown</span>
-                        </label>
-                    </div>
-                </div>
-                <button id="process-btn" class="btn-gradient w-full">Extract Tables</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:extractTables.name">Extract Tables Free Online -
+        Extract PDF Content</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:extractTables.subtitle">
+        Extract tables from PDF files and export as CSV, JSON, or Markdown.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <div>
+          <label class="block mb-2 text-sm font-medium text-gray-300">Export Format</label>
+          <div class="flex gap-3 flex-wrap">
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="radio" name="export-format" value="csv" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">CSV</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="radio" name="export-format" value="json"
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">JSON</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="radio" name="export-format" value="markdown"
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Markdown</span>
+            </label>
+          </div>
+        </div>
+        <button id="process-btn" class="btn-gradient w-full">Extract Tables</button>
+      </div>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -220,26 +224,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -252,14 +261,16 @@
           Is extract tables really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -271,73 +282,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/extract-tables-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/extract-tables-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -359,7 +369,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -388,7 +398,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/fb2-to-pdf.html b/src/pages/fb2-to-pdf.html
index cf2c6670..47500e98 100644
--- a/src/pages/fb2-to-pdf.html
+++ b/src/pages/fb2-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="fb2 to pdf, fb2 to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/fb2-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/fb2-to-pdf">
   <meta property="og:title" content="Fb2 To Pdf Online Free - Fb2 To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-fb2-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/fb2-to-pdf">
   <meta name="twitter:title" content="Fb2 To Pdf Free">
-  <meta name="twitter:description" content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Fb2 To Pdf online free - Fb2 to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-fb2-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Fb2 To Pdf">
-  
 
-    <title>FB2 to PDF - Convert XPS/OFB2 to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/fb2-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/fb2-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/fb2-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/fb2-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>FB2 to PDF - Convert XPS/OFB2 to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/fb2-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/fb2-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/fb2-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/fb2-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,153 +66,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fb2ToPdf.name">Fb2 To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:fb2ToPdf.subtitle">
-                Convert FictionBook (FB2) e-books to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:fb2ToPdf.acceptedFormats">FB2 files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".fb2,application/x-fictionbook+xml,text/xml" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6"
-                data-i18n="tools:fb2ToPdf.convertButton">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fb2ToPdf.name">Fb2 To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:fb2ToPdf.subtitle">
+        Convert FictionBook (FB2) e-books to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:fb2ToPdf.acceptedFormats">FB2 files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".fb2,application/x-fictionbook+xml,text/xml" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:fb2ToPdf.convertButton">Convert
+        to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -217,26 +221,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -249,14 +258,16 @@
           Is fb2 to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,96 +279,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/fb2-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/fb2-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -379,7 +389,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -408,7 +418,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/fix-page-size.html b/src/pages/fix-page-size.html
index 3cd54a88..1c268cff 100644
--- a/src/pages/fix-page-size.html
+++ b/src/pages/fix-page-size.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Fix Page Size Online Free - Fix Page Size Tool | BentoPDF</title>
   <meta name="title" content="Fix Page Size Online Free - Fix Page Size Tool | BentoPDF">
-  <meta name="description" content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="fix page size, fix page size, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/fix-page-size">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/fix-page-size">
   <meta property="og:title" content="Fix Page Size Online Free - Fix Page Size Tool | BentoPDF">
-  <meta property="og:description" content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-fix-page-size.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/fix-page-size">
   <meta name="twitter:title" content="Fix Page Size Free">
-  <meta name="twitter:description" content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Fix Page Size online free - Fix page size PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-fix-page-size.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Fix Page Size">
-  
 
-    <title>Fix Page Size - Standardize PDF Pages - BentoPDF</title>
-    <meta name="description"
-        content="Standardize all pages in your PDF to a uniform size. Choose from standard sizes or set custom dimensions. Free, secure, and runs entirely in your browser.">  
-    <link rel="alternate" hreflang="en" href="/en/fix-page-size.html" />
-    <link rel="alternate" hreflang="de" href="/de/fix-page-size.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/fix-page-size.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/fix-page-size.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Fix Page Size - Standardize PDF Pages - BentoPDF</title>
+  <meta name="description"
+    content="Standardize all pages in your PDF to a uniform size. Choose from standard sizes or set custom dimensions. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/fix-page-size.html" />
+  <link rel="alternate" hreflang="de" href="/de/fix-page-size.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/fix-page-size.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/fix-page-size.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,229 +64,228 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fixPageSize.name">Fix Page Size Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:fixPageSize.subtitle">
-                Standardize all pages in your PDF to a uniform size. Choose from standard sizes or set custom
-                dimensions.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Fix Page Size Options -->
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <!-- Target Size -->
-                <div>
-                    <label for="target-size" class="block mb-2 text-sm font-medium text-gray-300">Target Page
-                        Size</label>
-                    <select id="target-size"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="A4">A4 (210 × 297 mm)</option>
-                        <option value="Letter">Letter (8.5 × 11 in)</option>
-                        <option value="Legal">Legal (8.5 × 14 in)</option>
-                        <option value="A3">A3 (297 × 420 mm)</option>
-                        <option value="A5">A5 (148 × 210 mm)</option>
-                        <option value="Tabloid">Tabloid (11 × 17 in)</option>
-                        <option value="Custom">Custom...</option>
-                    </select>
-                </div>
-
-                <!-- Custom Size (hidden by default) -->
-                <div id="custom-size-wrapper" class="hidden space-y-3">
-                    <div class="grid grid-cols-2 gap-3">
-                        <div>
-                            <label for="custom-width" class="block mb-1 text-xs font-medium text-gray-400">Width</label>
-                            <input type="number" id="custom-width" step="0.01" min="0.1" value="8.5"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                        </div>
-                        <div>
-                            <label for="custom-height"
-                                class="block mb-1 text-xs font-medium text-gray-400">Height</label>
-                            <input type="number" id="custom-height" step="0.01" min="0.1" value="11"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                        </div>
-                    </div>
-                    <div>
-                        <label for="custom-units" class="block mb-1 text-xs font-medium text-gray-400">Units</label>
-                        <select id="custom-units"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                            <option value="in">Inches</option>
-                            <option value="mm">Millimeters</option>
-                        </select>
-                    </div>
-                </div>
-
-                <!-- Orientation -->
-                <div>
-                    <label for="orientation" class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
-                    <select id="orientation"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="auto">Auto (Keep Original)</option>
-                        <option value="portrait">Portrait</option>
-                        <option value="landscape">Landscape</option>
-                    </select>
-                </div>
-
-                <!-- Scaling Mode -->
-                <div>
-                    <label class="block mb-2 text-sm font-medium text-gray-300">Content Scaling</label>
-                    <div class="flex gap-4 p-2 rounded-lg bg-gray-900">
-                        <label
-                            class="flex-1 flex items-center gap-2 p-3 rounded-md hover:bg-gray-700 cursor-pointer has-[:checked]:bg-indigo-600">
-                            <input type="radio" name="scaling-mode" value="fit" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                            <div>
-                                <span class="font-semibold text-white">Fit</span>
-                                <p class="text-xs text-gray-400">Preserves all content, may add margins.</p>
-                            </div>
-                        </label>
-                        <label
-                            class="flex-1 flex items-center gap-2 p-3 rounded-md hover:bg-gray-700 cursor-pointer has-[:checked]:bg-indigo-600">
-                            <input type="radio" name="scaling-mode" value="fill"
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                            <div>
-                                <span class="font-semibold text-white">Fill (Crop)</span>
-                                <p class="text-xs text-gray-400">Fills the page, may crop content.</p>
-                            </div>
-                        </label>
-                    </div>
-                </div>
-
-                <!-- Background Color -->
-                <div>
-                    <label for="background-color" class="block mb-2 text-sm font-medium text-gray-300">Background
-                        Color</label>
-                    <div class="flex items-center gap-3">
-                        <input type="color" id="background-color" value="#ffffff"
-                            class="h-10 w-20 rounded border border-gray-600 bg-gray-700 cursor-pointer">
-                        <span class="text-sm text-gray-400">Color for margins/padding</span>
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Fix Page Size</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:fixPageSize.name">Fix Page Size Free Online - Fast
+        & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:fixPageSize.subtitle">
+        Standardize all pages in your PDF to a uniform size. Choose from standard sizes or set custom
+        dimensions.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Fix Page Size Options -->
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <!-- Target Size -->
+        <div>
+          <label for="target-size" class="block mb-2 text-sm font-medium text-gray-300">Target Page
+            Size</label>
+          <select id="target-size" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="A4">A4 (210 × 297 mm)</option>
+            <option value="Letter">Letter (8.5 × 11 in)</option>
+            <option value="Legal">Legal (8.5 × 14 in)</option>
+            <option value="A3">A3 (297 × 420 mm)</option>
+            <option value="A5">A5 (148 × 210 mm)</option>
+            <option value="Tabloid">Tabloid (11 × 17 in)</option>
+            <option value="Custom">Custom...</option>
+          </select>
+        </div>
+
+        <!-- Custom Size (hidden by default) -->
+        <div id="custom-size-wrapper" class="hidden space-y-3">
+          <div class="grid grid-cols-2 gap-3">
+            <div>
+              <label for="custom-width" class="block mb-1 text-xs font-medium text-gray-400">Width</label>
+              <input type="number" id="custom-width" step="0.01" min="0.1" value="8.5"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
+            </div>
+            <div>
+              <label for="custom-height" class="block mb-1 text-xs font-medium text-gray-400">Height</label>
+              <input type="number" id="custom-height" step="0.01" min="0.1" value="11"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
+            </div>
+          </div>
+          <div>
+            <label for="custom-units" class="block mb-1 text-xs font-medium text-gray-400">Units</label>
+            <select id="custom-units"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
+              <option value="in">Inches</option>
+              <option value="mm">Millimeters</option>
+            </select>
+          </div>
+        </div>
+
+        <!-- Orientation -->
+        <div>
+          <label for="orientation" class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
+          <select id="orientation" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="auto">Auto (Keep Original)</option>
+            <option value="portrait">Portrait</option>
+            <option value="landscape">Landscape</option>
+          </select>
+        </div>
+
+        <!-- Scaling Mode -->
+        <div>
+          <label class="block mb-2 text-sm font-medium text-gray-300">Content Scaling</label>
+          <div class="flex gap-4 p-2 rounded-lg bg-gray-900">
+            <label
+              class="flex-1 flex items-center gap-2 p-3 rounded-md hover:bg-gray-700 cursor-pointer has-[:checked]:bg-indigo-600">
+              <input type="radio" name="scaling-mode" value="fit" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <div>
+                <span class="font-semibold text-white">Fit</span>
+                <p class="text-xs text-gray-400">Preserves all content, may add margins.</p>
+              </div>
+            </label>
+            <label
+              class="flex-1 flex items-center gap-2 p-3 rounded-md hover:bg-gray-700 cursor-pointer has-[:checked]:bg-indigo-600">
+              <input type="radio" name="scaling-mode" value="fill"
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+              <div>
+                <span class="font-semibold text-white">Fill (Crop)</span>
+                <p class="text-xs text-gray-400">Fills the page, may crop content.</p>
+              </div>
+            </label>
+          </div>
+        </div>
+
+        <!-- Background Color -->
+        <div>
+          <label for="background-color" class="block mb-2 text-sm font-medium text-gray-300">Background
+            Color</label>
+          <div class="flex items-center gap-3">
+            <input type="color" id="background-color" value="#ffffff"
+              class="h-10 w-20 rounded border border-gray-600 bg-gray-700 cursor-pointer">
+            <span class="text-sm text-gray-400">Color for margins/padding</span>
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Fix Page Size</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -291,26 +293,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -323,14 +330,16 @@
           Is fix page size really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -342,74 +351,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/fix-page-size-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/fix-page-size-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -431,7 +439,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -460,7 +468,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/flatten-pdf.html b/src/pages/flatten-pdf.html
index fac5708a..98c4959f 100644
--- a/src/pages/flatten-pdf.html
+++ b/src/pages/flatten-pdf.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF</title>
   <meta name="title" content="Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="flatten pdf, flatten pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/flatten-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/flatten-pdf">
   <meta property="og:title" content="Flatten Pdf Online Free - Flatten Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-flatten-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/flatten-pdf">
   <meta name="twitter:title" content="Flatten Pdf Free">
-  <meta name="twitter:description" content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Flatten Pdf online free - Flatten pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-flatten-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Flatten Pdf">
-  
 
-    <title>Flatten PDF - Make Forms Non-Editable - BentoPDF</title>
-    <meta name="description"
-        content="Flatten PDF forms and annotations to make them non-editable. Convert interactive PDFs to static documents. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/flatten-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/flatten-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/flatten-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/flatten-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Flatten PDF - Make Forms Non-Editable - BentoPDF</title>
+  <meta name="description"
+    content="Flatten PDF forms and annotations to make them non-editable. Convert interactive PDFs to static documents. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/flatten-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/flatten-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/flatten-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/flatten-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,161 +64,163 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:flattenPdf.name">Flatten Pdf Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:flattenPdf.subtitle">
-                Make form fields and annotations non-editable by flattening them into the PDF.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDFs</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">Single or multiple PDF files supported</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <!-- Control buttons for multi-file uploads -->
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <h3 class="text-sm font-semibold text-white mb-2">What will be flattened:</h3>
-                    <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
-                        <li>Form fields (text fields, checkboxes, radio buttons, etc.)</li>
-                        <li>Annotations and comments</li>
-                        <li>Interactive elements</li>
-                    </ul>
-                    <p class="text-xs text-gray-500 mt-2">Note: Flattened content cannot be edited or filled out.</p>
-                </div>
-                <button id="process-btn" class="btn-gradient w-full">Flatten PDF(s)</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:flattenPdf.name">Flatten Pdf Free Online - Fast &
+        Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:flattenPdf.subtitle">
+        Make form fields and annotations non-editable by flattening them into the PDF.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDFs</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">Single or multiple PDF files supported</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <!-- Control buttons for multi-file uploads -->
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <h3 class="text-sm font-semibold text-white mb-2">What will be flattened:</h3>
+          <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
+            <li>Form fields (text fields, checkboxes, radio buttons, etc.)</li>
+            <li>Annotations and comments</li>
+            <li>Interactive elements</li>
+          </ul>
+          <p class="text-xs text-gray-500 mt-2">Note: Flattened content cannot be edited or filled out.</p>
+        </div>
+        <button id="process-btn" class="btn-gradient w-full">Flatten PDF(s)</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -223,26 +228,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -255,14 +265,16 @@
           Is flatten pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -274,74 +286,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/flatten-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/flatten-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -363,7 +374,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -392,7 +403,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/form-creator.html b/src/pages/form-creator.html
index a8000046..9928edf2 100644
--- a/src/pages/form-creator.html
+++ b/src/pages/form-creator.html
@@ -4,41 +4,44 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>Form Creator Online Free - Form Creator Tool | BentoPDF</title>
-  <meta name="title" content="Form Creator Online Free - Form Creator Tool | BentoPDF">
-  <meta name="description" content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="form creator, form creator, online pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/form-creator">
-  
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/form-creator">
-  <meta property="og:title" content="Form Creator Online Free - Form Creator Tool | BentoPDF">
-  <meta property="og:description" content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-form-creator.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/form-creator">
-  <meta name="twitter:title" content="Form Creator Free">
-  <meta name="twitter:description" content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-creator.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
-  <!-- Mobile Web App -->
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-title" content="Form Creator">
-  
+
+    <!-- Primary Meta Tags -->
+    <title>Form Creator Online Free - Form Creator Tool | BentoPDF</title>
+    <meta name="title" content="Form Creator Online Free - Form Creator Tool | BentoPDF">
+    <meta name="description"
+        content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta name="keywords" content="form creator, form creator, online pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/form-creator">
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/form-creator">
+    <meta property="og:title" content="Form Creator Online Free - Form Creator Tool | BentoPDF">
+    <meta property="og:description"
+        content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-form-creator.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.bentopdf.com/form-creator">
+    <meta name="twitter:title" content="Form Creator Free">
+    <meta name="twitter:description"
+        content="★ Form Creator online free - Form creator PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-creator.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+    <!-- Mobile Web App -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Form Creator">
+
 
     <title>Create PDF Form - BentoPDF</title>
     <link rel="alternate" hreflang="en" href="/en/form-creator.html" />
@@ -47,15 +50,15 @@
     <link rel="alternate" hreflang="x-default" href="/en/form-creator.html" />
     <link href="/src/css/styles.css" rel="stylesheet" />
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -121,7 +124,8 @@
                 <span class="cursor-pointer">Back to Tools</span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:createPdfForm.name">Form Creator Free Online - Fast & Secure</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:createPdfForm.name">Form Creator Free Online
+                - Fast & Secure</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:createPdfForm.subtitle">
                 Upload an existing PDF or create a blank PDF to start adding form fields.
             </p>
@@ -371,96 +375,107 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+                    <p class="text-gray-400">Click or drag and drop your file to begin</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+                    <p class="text-gray-400">Click the process button to start</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+                    <p class="text-gray-400">Save your processed file instantly</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is form creator really free?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Are my files private and secure?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is there a file size limit?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/compress-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+            </a>
+            <a href="/split-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+            </a>
+            <a href="/edit-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+            </a>
+            <a href="/rotate-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is form creator really free?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
+                    unlimited file processing.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Are my files private and secure?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
+                    your device, ensuring complete privacy.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is there a file size limit?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
+                </p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -469,7 +484,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         Version <span id="app-version"></span>
@@ -567,8 +582,8 @@
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -587,8 +602,8 @@
     }
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "HowTo",
@@ -616,8 +631,8 @@
     ]
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
diff --git a/src/pages/form-filler.html b/src/pages/form-filler.html
index 7735aa5a..72a4e36e 100644
--- a/src/pages/form-filler.html
+++ b/src/pages/form-filler.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Form Filler Online Free - Form Filler Tool | BentoPDF</title>
   <meta name="title" content="Form Filler Online Free - Form Filler Tool | BentoPDF">
-  <meta name="description" content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="form filler, form filler, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/form-filler">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/form-filler">
   <meta property="og:title" content="Form Filler Online Free - Form Filler Tool | BentoPDF">
-  <meta property="og:description" content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-form-filler.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/form-filler">
   <meta name="twitter:title" content="Form Filler Free">
-  <meta name="twitter:description" content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Form Filler online free - Form filler PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-form-filler.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Form Filler">
-  
 
-    <title>PDF Form Filler - BentoPDF</title>
-    <meta name="description"
-        content="Fill PDF forms directly in your browser. Supports both standard AcroForms and legacy XFA forms. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/form-filler.html" />
-    <link rel="alternate" hreflang="de" href="/de/form-filler.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/form-filler.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/form-filler.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF Form Filler - BentoPDF</title>
+  <meta name="description"
+    content="Fill PDF forms directly in your browser. Supports both standard AcroForms and legacy XFA forms. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/form-filler.html" />
+  <link rel="alternate" hreflang="de" href="/de/form-filler.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/form-filler.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/form-filler.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,158 +66,159 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfFormFiller.name">Form Filler Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-4">
-                Upload a PDF with form fields. Fill them directly in the viewer below, then click the button to save and
-                download the filled form. Also supports XFA forms.
-            </p>
-
-            <div class="mb-6 p-3 bg-blue-900/20 border border-blue-700/50 rounded-lg">
-                <p class="text-sm text-blue-300">
-                    <strong>Note on XFA Forms:</strong> XFA (XML Forms Architecture) is a legacy format that's only
-                    supported by certain PDF viewers like BentoPDF and Firefox. If you open an XFA PDF in other software
-                    and see blank pages or no form fields, it means that viewer doesn't support XFA. To view and fill
-                    XFA
-                    forms properly, use Firefox or BentoPDF's Form Filler.
-                </p>
-            </div>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file with form fields</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="form-filler-options" class="hidden mt-6">
-                <div id="pdf-viewer-container"
-                    class="relative w-full overflow-auto bg-gray-900 rounded-lg border border-gray-600 min-h-[600px]">
-                    <!-- PDF.js viewer iframe will be loaded here -->
-                </div>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Save & Download Filled Form</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfFormFiller.name">Form Filler Free Online - Fast
+        & Secure</h1>
+      <p class="text-gray-400 mb-4">
+        Upload a PDF with form fields. Fill them directly in the viewer below, then click the button to save and
+        download the filled form. Also supports XFA forms.
+      </p>
+
+      <div class="mb-6 p-3 bg-blue-900/20 border border-blue-700/50 rounded-lg">
+        <p class="text-sm text-blue-300">
+          <strong>Note on XFA Forms:</strong> XFA (XML Forms Architecture) is a legacy format that's only
+          supported by certain PDF viewers like BentoPDF and Firefox. If you open an XFA PDF in other software
+          and see blank pages or no form fields, it means that viewer doesn't support XFA. To view and fill
+          XFA
+          forms properly, use Firefox or BentoPDF's Form Filler.
+        </p>
+      </div>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file with form fields</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="form-filler-options" class="hidden mt-6">
+        <div id="pdf-viewer-container"
+          class="relative w-full overflow-auto bg-gray-900 rounded-lg border border-gray-600 min-h-[600px]">
+          <!-- PDF.js viewer iframe will be loaded here -->
+        </div>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Save & Download Filled Form</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -222,26 +226,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -254,14 +263,16 @@
           Is form filler really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -273,77 +284,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/form-filler-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/form-filler-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -365,7 +375,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -394,7 +404,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/header-footer.html b/src/pages/header-footer.html
index 68872997..f9d2b36d 100644
--- a/src/pages/header-footer.html
+++ b/src/pages/header-footer.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Header Footer Online Free - Header Footer Tool | BentoPDF</title>
   <meta name="title" content="Header Footer Online Free - Header Footer Tool | BentoPDF">
-  <meta name="description" content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="header footer, header footer, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/header-footer">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/header-footer">
   <meta property="og:title" content="Header Footer Online Free - Header Footer Tool | BentoPDF">
-  <meta property="og:description" content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-header-footer.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/header-footer">
   <meta name="twitter:title" content="Header Footer Free">
-  <meta name="twitter:description" content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Header Footer online free - Header footer PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-header-footer.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Header Footer">
-  
 
-    <title>Add Header & Footer - BentoPDF</title>
-    <meta name="description"
-        content="Add headers and footers to your PDF documents with dynamic page numbers. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/header-footer.html" />
-    <link rel="alternate" hreflang="de" href="/de/header-footer.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/header-footer.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/header-footer.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Add Header & Footer - BentoPDF</title>
+  <meta name="description"
+    content="Add headers and footers to your PDF documents with dynamic page numbers. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/header-footer.html" />
+  <link rel="alternate" hreflang="de" href="/de/header-footer.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/header-footer.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/header-footer.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,210 +66,211 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:headerFooter.name">Header Footer Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:headerFooter.subtitle">
-                Add customizable headers and footers to your PDF documents with dynamic page numbers.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-6">
-                <div class="bg-gray-900/50 border border-gray-700 rounded-lg p-4">
-                    <h3 class="text-sm font-semibold text-gray-300 mb-4">Formatting Options</h3>
-                    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-                        <div>
-                            <label for="page-range" class="block mb-2 text-sm font-medium text-gray-300">Page Range
-                                (optional)</label>
-                            <input type="text" id="page-range" placeholder="e.g., 1-3, 5"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                            <p class="text-xs text-gray-400 mt-1">Total pages: <span id="total-pages">0</span></p>
-                        </div>
-                        <div>
-                            <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font
-                                Size</label>
-                            <input type="number" id="font-size" value="10" min="6" max="24"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        </div>
-                        <div>
-                            <label for="font-color" class="block mb-2 text-sm font-medium text-gray-300">Font
-                                Color</label>
-                            <input type="color" id="font-color" value="#000000"
-                                class="w-full h-[42px] bg-gray-700 border border-gray-600 rounded-lg p-1 cursor-pointer">
-                        </div>
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    <div>
-                        <label for="header-left" class="block mb-2 text-sm font-medium text-gray-300">Header
-                            Left</label>
-                        <input type="text" id="header-left" placeholder=""
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    </div>
-                    <div>
-                        <label for="header-center" class="block mb-2 text-sm font-medium text-gray-300">Header
-                            Center</label>
-                        <input type="text" id="header-center" placeholder=""
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    </div>
-                    <div>
-                        <label for="header-right" class="block mb-2 text-sm font-medium text-gray-300">Header
-                            Right</label>
-                        <input type="text" id="header-right" placeholder=""
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    <div>
-                        <label for="footer-left" class="block mb-2 text-sm font-medium text-gray-300">Footer
-                            Left</label>
-                        <input type="text" id="footer-left" placeholder=""
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    </div>
-                    <div>
-                        <label for="footer-center" class="block mb-2 text-sm font-medium text-gray-300">Footer
-                            Center</label>
-                        <input type="text" id="footer-center" placeholder=""
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    </div>
-                    <div>
-                        <label for="footer-right" class="block mb-2 text-sm font-medium text-gray-300">Footer
-                            Right</label>
-                        <input type="text" id="footer-right" placeholder=""
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Add Header & Footer</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:headerFooter.name">Header Footer Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:headerFooter.subtitle">
+        Add customizable headers and footers to your PDF documents with dynamic page numbers.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-6">
+        <div class="bg-gray-900/50 border border-gray-700 rounded-lg p-4">
+          <h3 class="text-sm font-semibold text-gray-300 mb-4">Formatting Options</h3>
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+            <div>
+              <label for="page-range" class="block mb-2 text-sm font-medium text-gray-300">Page Range
+                (optional)</label>
+              <input type="text" id="page-range" placeholder="e.g., 1-3, 5"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+              <p class="text-xs text-gray-400 mt-1">Total pages: <span id="total-pages">0</span></p>
+            </div>
+            <div>
+              <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font
+                Size</label>
+              <input type="number" id="font-size" value="10" min="6" max="24"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            </div>
+            <div>
+              <label for="font-color" class="block mb-2 text-sm font-medium text-gray-300">Font
+                Color</label>
+              <input type="color" id="font-color" value="#000000"
+                class="w-full h-[42px] bg-gray-700 border border-gray-600 rounded-lg p-1 cursor-pointer">
+            </div>
+          </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label for="header-left" class="block mb-2 text-sm font-medium text-gray-300">Header
+              Left</label>
+            <input type="text" id="header-left" placeholder=""
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          </div>
+          <div>
+            <label for="header-center" class="block mb-2 text-sm font-medium text-gray-300">Header
+              Center</label>
+            <input type="text" id="header-center" placeholder=""
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          </div>
+          <div>
+            <label for="header-right" class="block mb-2 text-sm font-medium text-gray-300">Header
+              Right</label>
+            <input type="text" id="header-right" placeholder=""
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div>
+            <label for="footer-left" class="block mb-2 text-sm font-medium text-gray-300">Footer
+              Left</label>
+            <input type="text" id="footer-left" placeholder=""
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          </div>
+          <div>
+            <label for="footer-center" class="block mb-2 text-sm font-medium text-gray-300">Footer
+              Center</label>
+            <input type="text" id="footer-center" placeholder=""
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          </div>
+          <div>
+            <label for="footer-right" class="block mb-2 text-sm font-medium text-gray-300">Footer
+              Right</label>
+            <input type="text" id="footer-right" placeholder=""
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Add Header & Footer</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -274,26 +278,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -306,14 +315,16 @@
           Is header footer really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -325,77 +336,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/header-footer-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/header-footer-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -417,7 +427,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -446,7 +456,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/heic-to-pdf.html b/src/pages/heic-to-pdf.html
index cbe961e8..723d20f3 100644
--- a/src/pages/heic-to-pdf.html
+++ b/src/pages/heic-to-pdf.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="heic to pdf, heic to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/heic-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/heic-to-pdf">
   <meta property="og:title" content="Heic To Pdf Online Free - Heic To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-heic-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/heic-to-pdf">
   <meta name="twitter:title" content="Heic To Pdf Free">
-  <meta name="twitter:description" content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Heic To Pdf online free - Heic to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-heic-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Heic To Pdf">
-  
 
-    <title>HEIC to PDF - BentoPDF</title>
-    <meta name="description" content="Convert HEIC images to PDF. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/heic-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/heic-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/heic-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/heic-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>HEIC to PDF - BentoPDF</title>
+  <meta name="description" content="Convert HEIC images to PDF. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/heic-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/heic-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/heic-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/heic-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,152 +65,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:heicToPdf.name">Heic To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:heicToPdf.subtitle">
-                Convert one or more HEIC (High Efficiency) images from your iPhone or camera into a single PDF file.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">HEIC/HEIF images</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".heic,.heif" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:heicToPdf.name">Heic To Pdf Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:heicToPdf.subtitle">
+        Convert one or more HEIC (High Efficiency) images from your iPhone or camera into a single PDF file.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">HEIC/HEIF images</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".heic,.heif" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6">Convert to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -215,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -247,14 +257,16 @@
           Is heic to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -266,84 +278,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/heic-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/heic-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -365,7 +376,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -394,7 +405,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/image-to-pdf.html b/src/pages/image-to-pdf.html
index 140b5c6f..1fef63b5 100644
--- a/src/pages/image-to-pdf.html
+++ b/src/pages/image-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Image To Pdf Online Free - Image To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Image To Pdf Online Free - Image To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="image to pdf, image to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/image-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/image-to-pdf">
   <meta property="og:title" content="Image To Pdf Online Free - Image To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-image-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/image-to-pdf">
   <meta name="twitter:title" content="Image To Pdf Free">
-  <meta name="twitter:description" content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Image To Pdf online free - Image to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-image-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Image To Pdf">
-  
 
-    <title>Images to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert images (JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM, PPM, PAM, JXR, JP2, PSD, SVG, HEIC, WebP) to PDF. Free, secure, runs in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/image-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/image-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/image-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/image-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Images to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert images (JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM, PPM, PAM, JXR, JP2, PSD, SVG, HEIC, WebP) to PDF. Free, secure, runs in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/image-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/image-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/image-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/image-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,160 +66,159 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <!-- Copy navigation from jpg-to-pdf.html -->
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <!-- Copy navigation from jpg-to-pdf.html -->
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:imageToPdf.name">Image To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:imageToPdf.subtitle">Convert one or more images into a single
-                PDF file.</p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p id="supported-formats" class="text-xs text-gray-500">JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM,
-                        PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    multiple
-                    accept=".jpg,.jpeg,.png,.bmp,.gif,.tiff,.tif,.pnm,.pgm,.pbm,.ppm,.pam,.jxr,.jpx,.jp2,.psd,.svg,.heic,.heif,.webp">
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="jpg-to-pdf-options" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300">PDF
-                        Quality</label>
-                    <select id="jpg-pdf-quality"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="high">High Quality (Larger file)</option>
-                        <option value="medium" selected>Medium Quality (Balanced)</option>
-                        <option value="low">Low Quality (Smaller file)</option>
-                    </select>
-                    <p class="mt-1 text-xs text-gray-400">Controls image compression when embedding into PDF</p>
-                </div>
-                <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
-                data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:imageToPdf.name">Image To Pdf Converter Free
+        Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:imageToPdf.subtitle">Convert one or more images into a single
+        PDF file.</p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p id="supported-formats" class="text-xs text-gray-500">JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM,
+            PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
+          accept=".jpg,.jpeg,.png,.bmp,.gif,.tiff,.tif,.pnm,.pgm,.pbm,.ppm,.pam,.jxr,.jpx,.jp2,.psd,.svg,.heic,.heif,.webp">
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="jpg-to-pdf-options" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300">PDF
+            Quality</label>
+          <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="high">High Quality (Larger file)</option>
+            <option value="medium" selected>Medium Quality (Balanced)</option>
+            <option value="low">Low Quality (Smaller file)</option>
+          </select>
+          <p class="mt-1 text-xs text-gray-400">Controls image compression when embedding into PDF</p>
+        </div>
+        <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
+      </div>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
+        data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -224,26 +226,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -256,14 +263,16 @@
           Is image to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -275,77 +284,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/image-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/image-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -367,7 +375,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -396,7 +404,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/invert-colors.html b/src/pages/invert-colors.html
index cfc327d5..53718f42 100644
--- a/src/pages/invert-colors.html
+++ b/src/pages/invert-colors.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Invert Colors Online Free - Invert Colors Tool | BentoPDF</title>
   <meta name="title" content="Invert Colors Online Free - Invert Colors Tool | BentoPDF">
-  <meta name="description" content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="invert colors, invert colors, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/invert-colors">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/invert-colors">
   <meta property="og:title" content="Invert Colors Online Free - Invert Colors Tool | BentoPDF">
-  <meta property="og:description" content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-invert-colors.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/invert-colors">
   <meta name="twitter:title" content="Invert Colors Free">
-  <meta name="twitter:description" content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Invert Colors online free - Invert colors PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-invert-colors.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Invert Colors">
-  
 
-    <title>Invert PDF Colors - BentoPDF</title>
-    <meta name="description"
-        content="Invert colors in your PDF documents. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/invert-colors.html" />
-    <link rel="alternate" hreflang="de" href="/de/invert-colors.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/invert-colors.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/invert-colors.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Invert PDF Colors - BentoPDF</title>
+  <meta name="description"
+    content="Invert colors in your PDF documents. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/invert-colors.html" />
+  <link rel="alternate" hreflang="de" href="/de/invert-colors.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/invert-colors.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/invert-colors.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,144 +66,145 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:invertColors.name">Invert Colors Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:invertColors.subtitle">
-                Invert all colors in your PDF document, creating a negative image effect.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <p class="text-gray-400 text-sm">Click the button below to invert all colors in your PDF.</p>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Invert Colors</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:invertColors.name">Invert Colors Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:invertColors.subtitle">
+        Invert all colors in your PDF document, creating a negative image effect.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <p class="text-gray-400 text-sm">Click the button below to invert all colors in your PDF.</p>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Invert Colors</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -208,26 +212,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -240,14 +249,16 @@
           Is invert colors really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -259,77 +270,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/invert-colors-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/invert-colors-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -351,7 +361,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -380,7 +390,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/jpg-to-pdf.html b/src/pages/jpg-to-pdf.html
index 2cd605f7..0d65d350 100644
--- a/src/pages/jpg-to-pdf.html
+++ b/src/pages/jpg-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>JPG to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="JPG to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="jpg to pdf, jpeg to pdf, image to pdf, picture to pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/jpg-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/jpg-to-pdf">
   <meta property="og:title" content="JPG to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-jpg-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/jpg-to-pdf">
   <meta name="twitter:title" content="JPG to PDF Free">
-  <meta name="twitter:description" content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ JPG to PDF online free - Convert JPG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-jpg-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="JPG to PDF">
-  
 
-    <title>JPG to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert one or more JPG images into a single PDF file. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/jpg-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/jpg-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/jpg-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/jpg-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>JPG to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert one or more JPG images into a single PDF file. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/jpg-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/jpg-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/jpg-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/jpg-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,173 +66,173 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jpgToPdf.name">JPG to PDF Converter Free - Convert Images Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:jpgToPdf.subtitle">
-                Create a PDF from JPG, JPEG, and JPEG2000 (JP2/JPX) images.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">JPG, JPEG, JP2, JPX Images</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    multiple accept="image/jpeg, image/jpg, image/jp2, .jp2, .jpx, .jpeg, .jpg">
-            </div>
-
-            <!-- Control buttons -->
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <!-- File List -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Options -->
-            <div id="jpg-to-pdf-options" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
-                    </label>
-                    <select id="jpg-pdf-quality"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="high"> High Quality (Larger file) </option>
-                        <option value="medium" selected> Medium Quality (Balanced) </option>
-                        <option value="low"> Low Quality (Smaller file) </option>
-                    </select>
-                    <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jpgToPdf.name">JPG to PDF Converter Free - Convert
+        Images Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:jpgToPdf.subtitle">
+        Create a PDF from JPG, JPEG, and JPEG2000 (JP2/JPX) images.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">JPG, JPEG, JP2, JPX Images</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
+          accept="image/jpeg, image/jpg, image/jp2, .jp2, .jpx, .jpeg, .jpg">
+      </div>
+
+      <!-- Control buttons -->
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <!-- File List -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Options -->
+      <div id="jpg-to-pdf-options" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
+          </label>
+          <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="high"> High Quality (Larger file) </option>
+            <option value="medium" selected> Medium Quality (Balanced) </option>
+            <option value="low"> Low Quality (Smaller file) </option>
+          </select>
+          <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -237,26 +240,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -269,14 +277,16 @@
           Is jpg to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -288,96 +298,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/jpg-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/jpg-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -399,7 +408,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -428,7 +437,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/json-to-pdf.html b/src/pages/json-to-pdf.html
index fecde352..fbdffa89 100644
--- a/src/pages/json-to-pdf.html
+++ b/src/pages/json-to-pdf.html
@@ -4,41 +4,44 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+
   <!-- Primary Meta Tags -->
   <title>Json To Pdf Online Free - Json To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Json To Pdf Online Free - Json To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="json to pdf, json to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/json-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/json-to-pdf">
   <meta property="og:title" content="Json To Pdf Online Free - Json To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-json-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/json-to-pdf">
   <meta name="twitter:title" content="Json To Pdf Free">
-  <meta name="twitter:description" content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Json To Pdf online free - Json to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-json-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Json To Pdf">
-  
+
 
   <title>JSON to PDF Converter - BentoPDF</title>
   <link rel="alternate" hreflang="en" href="/en/json-to-pdf.html" />
@@ -115,7 +118,8 @@
         <i data-lucide="arrow-left" class="cursor-pointer"></i>
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jsonToPdf.name">Json To Pdf Converter Free Online - Convert Files Fast</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:jsonToPdf.name">Json To Pdf Converter Free Online
+        - Convert Files Fast</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:jsonToPdf.subtitle">
         Upload multiple JSON files to convert them all to PDF format. Files will be downloaded as a ZIP archive.
       </p>
@@ -155,38 +159,41 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -194,26 +201,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -226,14 +238,16 @@
           Is json to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -253,7 +267,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
@@ -355,7 +369,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -384,7 +398,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/linearize-pdf.html b/src/pages/linearize-pdf.html
index 3354cfc8..a9c40d45 100644
--- a/src/pages/linearize-pdf.html
+++ b/src/pages/linearize-pdf.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF</title>
   <meta name="title" content="Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="linearize pdf, linearize pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/linearize-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/linearize-pdf">
   <meta property="og:title" content="Linearize Pdf Online Free - Linearize Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-linearize-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/linearize-pdf">
   <meta name="twitter:title" content="Linearize Pdf Free">
-  <meta name="twitter:description" content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Linearize Pdf online free - Linearize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-linearize-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Linearize Pdf">
-  
 
-    <title>Linearize PDF - Optimize for Web Viewing - BentoPDF</title>
-    <meta name="description"
-        content="Linearize PDF files for fast web viewing. Optimize PDFs to load progressively in browsers. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/linearize-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/linearize-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/linearize-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/linearize-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Linearize PDF - Optimize for Web Viewing - BentoPDF</title>
+  <meta name="description"
+    content="Linearize PDF files for fast web viewing. Optimize PDFs to load progressively in browsers. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/linearize-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/linearize-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/linearize-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/linearize-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,161 +64,163 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:linearizePdf.name">Linearize Pdf Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:linearizePdf.subtitle">
-                Optimize PDF files for fast web viewing. Linearized PDFs load progressively in browsers.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDFs</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">Single or multiple PDF files supported</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <!-- Control buttons for multi-file uploads -->
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <h3 class="text-sm font-semibold text-white mb-2">What is linearization?</h3>
-                    <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
-                        <li>Optimizes PDF structure for web viewing</li>
-                        <li>Enables progressive loading (first page displays faster)</li>
-                        <li>Improves user experience for online PDFs</li>
-                        <li>Also known as "Fast Web View" or "Optimized"</li>
-                    </ul>
-                </div>
-                <button id="process-btn" class="btn-gradient w-full">Linearize PDF(s)</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:linearizePdf.name">Linearize Pdf Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:linearizePdf.subtitle">
+        Optimize PDF files for fast web viewing. Linearized PDFs load progressively in browsers.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDFs</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">Single or multiple PDF files supported</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <!-- Control buttons for multi-file uploads -->
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <h3 class="text-sm font-semibold text-white mb-2">What is linearization?</h3>
+          <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
+            <li>Optimizes PDF structure for web viewing</li>
+            <li>Enables progressive loading (first page displays faster)</li>
+            <li>Improves user experience for online PDFs</li>
+            <li>Also known as "Fast Web View" or "Optimized"</li>
+          </ul>
+        </div>
+        <button id="process-btn" class="btn-gradient w-full">Linearize PDF(s)</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -223,26 +228,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -255,14 +265,16 @@
           Is linearize pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -274,74 +286,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/linearize-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/linearize-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -363,7 +374,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -392,7 +403,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/markdown-to-pdf.html b/src/pages/markdown-to-pdf.html
index 4bbb9f59..3f7c69de 100644
--- a/src/pages/markdown-to-pdf.html
+++ b/src/pages/markdown-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="markdown to pdf, markdown to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/markdown-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/markdown-to-pdf">
   <meta property="og:title" content="Markdown To Pdf Online Free - Markdown To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-markdown-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/markdown-to-pdf">
   <meta name="twitter:title" content="Markdown To Pdf Free">
-  <meta name="twitter:description" content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Markdown To Pdf online free - Markdown to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-markdown-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Markdown To Pdf">
-  
 
-    <title>Markdown to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Markdown to PDF with live preview. Free, secure, and runs entirely in your browser." />
-    
-    <link rel="alternate" hreflang="en" href="/en/markdown-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/markdown-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/markdown-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/markdown-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    <link href="/src/css/markdown-editor.css" rel="stylesheet" />
-    
+
+  <title>Markdown to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Markdown to PDF with live preview. Free, secure, and runs entirely in your browser." />
+
+  <link rel="alternate" hreflang="en" href="/en/markdown-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/markdown-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/markdown-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/markdown-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+  <link href="/src/css/markdown-editor.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,106 +67,107 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
 
-    <div class="min-h-screen py-8 px-4">
-        <div class="max-w-7xl mx-auto">
-            <div class="bg-gray-800 rounded-xl shadow-xl p-6 border border-gray-700">
-                <button id="back-to-tools"
-                    class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                    <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                    <span class="cursor-pointer" data-i18n="tools.backToTools">Back to Tools</span>
-                </button>
-
-                <h1 class="text-2xl font-bold text-white mb-2">Markdown To Pdf Converter Free Online - Convert Files Fast</h1>
-                <p class="text-gray-400 mb-6">
-                    Write markdown with live preview. Supports syntax highlighting, tables, emoji, and more. Print to
-                    save as PDF.
-                </p>
-
-                <!-- Editor container -->
-                <div id="markdown-editor-container"></div>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
+    </div>
+  </nav>
+
+  <div class="min-h-screen py-8 px-4">
+    <div class="max-w-7xl mx-auto">
+      <div class="bg-gray-800 rounded-xl shadow-xl p-6 border border-gray-700">
+        <button id="back-to-tools"
+          class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+          <i data-lucide="arrow-left" class="cursor-pointer"></i>
+          <span class="cursor-pointer" data-i18n="tools.backToTools">Back to Tools</span>
+        </button>
+
+        <h1 class="text-2xl font-bold text-white mb-2">Markdown To Pdf Converter Free Online - Convert Files Fast</h1>
+        <p class="text-gray-400 mb-6">
+          Write markdown with live preview. Supports syntax highlighting, tables, emoji, and more. Print to
+          save as PDF.
+        </p>
+
+        <!-- Editor container -->
+        <div id="markdown-editor-container"></div>
+      </div>
+    </div>
+  </div>
+
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -171,26 +175,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -203,14 +212,16 @@
           Is markdown to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -222,85 +233,84 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
 
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/markdown-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/markdown-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -322,7 +332,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -351,7 +361,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/merge-pdf.html b/src/pages/merge-pdf.html
index acb5e09a..bdc18369 100644
--- a/src/pages/merge-pdf.html
+++ b/src/pages/merge-pdf.html
@@ -42,13 +42,13 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Merge PDF">
 
-  
+
   <link rel="alternate" hreflang="en" href="/en/merge-pdf.html" />
   <link rel="alternate" hreflang="de" href="/de/merge-pdf.html" />
   <link rel="alternate" hreflang="vi" href="/vi/merge-pdf.html" />
   <link rel="alternate" hreflang="x-default" href="/en/merge-pdf.html" />
   <link href="/src/css/styles.css" rel="stylesheet" />
-  
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -121,7 +121,8 @@
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
 
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs Instantly</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mergePdf.name">Merge PDF Files Free - Combine PDFs
+        Instantly</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:mergePdf.subtitle">
         Combine whole files, or select specific pages to merge into a new document.
       </p>
@@ -216,47 +217,51 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
-            <p class="text-gray-400">Select or drag and drop multiple PDF files you want to merge</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Arrange Order</h3>
-            <p class="text-gray-400">Drag files up or down to reorder them in your preferred sequence</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload PDFs</h3>
+          <p class="text-gray-400">Select or drag and drop multiple PDF files you want to merge</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Merge Files</h3>
-            <p class="text-gray-400">Click the merge button to combine all PDFs into a single document</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your merged PDF - all pages combined in the order you chose</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Arrange Order</h3>
+          <p class="text-gray-400">Drag files up or down to reorder them in your preferred sequence</p>
         </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Merge Files</h3>
+          <p class="text-gray-400">Click the merge button to combine all PDFs into a single document</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          4
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your merged PDF - all pages combined in the order you chose</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -264,26 +269,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/organize-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-        <a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/organize-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
+      <a href="/delete-pages.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -296,21 +306,24 @@
           How many PDFs can I merge at once?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No restrictions on file count or total size.</p>
+        <p class="mt-3 text-gray-400">Unlimited! Merge as many PDF files as you need in a single operation. No
+          restrictions on file count or total size.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Will merging reduce PDF quality?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your documents remain crisp and clear with no quality loss.</p>
+        <p class="mt-3 text-gray-400">No! BentoPDF preserves the original quality of all PDFs when merging. Your
+          documents remain crisp and clear with no quality loss.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Can I reorder pages after selecting files?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the merge button.</p>
+        <p class="mt-3 text-gray-400">Yes! Simply drag and drop files to arrange them in any order before clicking the
+          merge button.</p>
       </details>
     </div>
   </section>
@@ -323,7 +336,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
diff --git a/src/pages/mobi-to-pdf.html b/src/pages/mobi-to-pdf.html
index 559614d1..373ebc7e 100644
--- a/src/pages/mobi-to-pdf.html
+++ b/src/pages/mobi-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="mobi to pdf, mobi to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/mobi-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/mobi-to-pdf">
   <meta property="og:title" content="Mobi To Pdf Online Free - Mobi To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-mobi-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/mobi-to-pdf">
   <meta name="twitter:title" content="Mobi To Pdf Free">
-  <meta name="twitter:description" content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Mobi To Pdf online free - Mobi to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-mobi-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Mobi To Pdf">
-  
 
-    <title>MOBI to PDF - Convert XPS/OMOBI to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/mobi-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/mobi-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/mobi-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/mobi-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>MOBI to PDF - Convert XPS/OMOBI to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/mobi-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/mobi-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/mobi-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/mobi-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,153 +66,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mobiToPdf.name">Mobi To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:mobiToPdf.subtitle">
-                Convert MOBI e-books to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:mobiToPdf.acceptedFormats">MOBI files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".mobi,application/x-mobipocket-ebook" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6"
-                data-i18n="tools:mobiToPdf.convertButton">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:mobiToPdf.name">Mobi To Pdf Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:mobiToPdf.subtitle">
+        Convert MOBI e-books to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:mobiToPdf.acceptedFormats">MOBI files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".mobi,application/x-mobipocket-ebook" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:mobiToPdf.convertButton">Convert
+        to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -217,26 +221,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -249,14 +258,16 @@
           Is mobi to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,96 +279,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/mobi-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/mobi-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -379,7 +389,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -408,7 +418,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/n-up-pdf.html b/src/pages/n-up-pdf.html
index aed2a9d8..e841ab7d 100644
--- a/src/pages/n-up-pdf.html
+++ b/src/pages/n-up-pdf.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>N Up Pdf Online Free - N Up Pdf Tool | BentoPDF</title>
   <meta name="title" content="N Up Pdf Online Free - N Up Pdf Tool | BentoPDF">
-  <meta name="description" content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="n up pdf, n up pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/n-up-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/n-up-pdf">
   <meta property="og:title" content="N Up Pdf Online Free - N Up Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-n-up-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/n-up-pdf">
   <meta name="twitter:title" content="N Up Pdf Free">
-  <meta name="twitter:description" content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
+  <meta name="twitter:description"
+    content="★ N Up Pdf online free - N up pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-n-up-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="N Up Pdf">
-  
 
-    <title>N-Up PDF - BentoPDF</title>
-    <meta name="description"
-        content="Arrange multiple PDF pages onto a single sheet. Create 2-up, 4-up, 9-up layouts. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/n-up-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/n-up-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/n-up-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/n-up-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>N-Up PDF - BentoPDF</title>
+  <meta name="description"
+    content="Arrange multiple PDF pages onto a single sheet. Create 2-up, 4-up, 9-up layouts. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/n-up-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/n-up-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/n-up-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/n-up-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,209 +64,207 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:nUpPdf.name">N Up Pdf Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:nUpPdf.subtitle">
-                Arrange multiple pages onto a single sheet. Perfect for printing handouts or saving paper.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
-                    <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
-                        <li>Choose how many pages to fit on each sheet (2, 4, 9, or 16).</li>
-                        <li>Select output page size and orientation.</li>
-                        <li>Optionally add margins and borders around each page.</li>
-                    </ul>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <label for="pages-per-sheet" class="block mb-2 text-sm font-medium text-gray-300">Pages per
-                            Sheet</label>
-                        <select id="pages-per-sheet"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                            <option value="2">2-up (1x2)</option>
-                            <option value="4" selected>4-up (2x2)</option>
-                            <option value="9">9-up (3x3)</option>
-                            <option value="16">16-up (4x4)</option>
-                        </select>
-                    </div>
-                    <div>
-                        <label for="output-page-size" class="block mb-2 text-sm font-medium text-gray-300">Output Page
-                            Size</label>
-                        <select id="output-page-size"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                            <option value="Letter" selected>Letter (8.5" x 11")</option>
-                            <option value="A4">A4</option>
-                            <option value="Legal">Legal</option>
-                            <option value="A3">A3</option>
-                        </select>
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <div>
-                        <label for="output-orientation"
-                            class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
-                        <select id="output-orientation"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                            <option value="auto" selected>Auto</option>
-                            <option value="portrait">Portrait</option>
-                            <option value="landscape">Landscape</option>
-                        </select>
-                    </div>
-                    <div class="flex items-end gap-4">
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="add-margins"
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600">
-                            <span class="text-sm text-gray-300">Add Margins</span>
-                        </label>
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-                    <label class="flex items-center gap-2 cursor-pointer">
-                        <input type="checkbox" id="add-border"
-                            class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600">
-                        <span class="text-sm text-gray-300">Add Border</span>
-                    </label>
-                    <div id="border-color-wrapper" class="hidden">
-                        <label for="border-color" class="block mb-2 text-sm font-medium text-gray-300">Border
-                            Color</label>
-                        <input type="color" id="border-color" value="#000000"
-                            class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Create N-Up PDF</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:nUpPdf.name">N Up Pdf Free Online - Fast & Secure
+      </h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:nUpPdf.subtitle">
+        Arrange multiple pages onto a single sheet. Perfect for printing handouts or saving paper.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
+          <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
+            <li>Choose how many pages to fit on each sheet (2, 4, 9, or 16).</li>
+            <li>Select output page size and orientation.</li>
+            <li>Optionally add margins and borders around each page.</li>
+          </ul>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <div>
+            <label for="pages-per-sheet" class="block mb-2 text-sm font-medium text-gray-300">Pages per
+              Sheet</label>
+            <select id="pages-per-sheet" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+              <option value="2">2-up (1x2)</option>
+              <option value="4" selected>4-up (2x2)</option>
+              <option value="9">9-up (3x3)</option>
+              <option value="16">16-up (4x4)</option>
+            </select>
+          </div>
+          <div>
+            <label for="output-page-size" class="block mb-2 text-sm font-medium text-gray-300">Output Page
+              Size</label>
+            <select id="output-page-size" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+              <option value="Letter" selected>Letter (8.5" x 11")</option>
+              <option value="A4">A4</option>
+              <option value="Legal">Legal</option>
+              <option value="A3">A3</option>
+            </select>
+          </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <div>
+            <label for="output-orientation" class="block mb-2 text-sm font-medium text-gray-300">Orientation</label>
+            <select id="output-orientation"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+              <option value="auto" selected>Auto</option>
+              <option value="portrait">Portrait</option>
+              <option value="landscape">Landscape</option>
+            </select>
+          </div>
+          <div class="flex items-end gap-4">
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="add-margins"
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600">
+              <span class="text-sm text-gray-300">Add Margins</span>
+            </label>
+          </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+          <label class="flex items-center gap-2 cursor-pointer">
+            <input type="checkbox" id="add-border"
+              class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600">
+            <span class="text-sm text-gray-300">Add Border</span>
+          </label>
+          <div id="border-color-wrapper" class="hidden">
+            <label for="border-color" class="block mb-2 text-sm font-medium text-gray-300">Border
+              Color</label>
+            <input type="color" id="border-color" value="#000000"
+              class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Create N-Up PDF</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -271,26 +272,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -303,14 +309,16 @@
           Is n up pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -322,73 +330,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/n-up-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/n-up-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -410,7 +417,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -439,7 +446,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/ocr-pdf.html b/src/pages/ocr-pdf.html
index 34c6f107..43413194 100644
--- a/src/pages/ocr-pdf.html
+++ b/src/pages/ocr-pdf.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>OCR PDF Online Free - OCR PDF Tool | BentoPDF</title>
   <meta name="title" content="OCR PDF Online Free - OCR PDF Tool | BentoPDF">
-  <meta name="description" content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="ocr pdf, pdf ocr, scan to text, pdf text recognition">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/ocr-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/ocr-pdf">
   <meta property="og:title" content="OCR PDF Online Free - OCR PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-ocr-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/ocr-pdf">
   <meta name="twitter:title" content="OCR PDF Free">
-  <meta name="twitter:description" content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="twitter:description"
+    content="★ OCR PDF online free - OCR PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-ocr-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="OCR PDF">
-  
 
-    <title>OCR PDF - Make PDF Searchable - BentoPDF</title>
-    <meta name="description"
-        content="Convert scanned PDFs into searchable documents using OCR. Extract text from images and create searchable PDFs. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/ocr-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/ocr-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/ocr-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/ocr-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>OCR PDF - Make PDF Searchable - BentoPDF</title>
+  <meta name="description"
+    content="Convert scanned PDFs into searchable documents using OCR. Extract text from images and create searchable PDFs. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/ocr-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/ocr-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/ocr-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/ocr-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,262 +64,261 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:ocrPdf.name">OCR PDF Free Online - Extract Text from Scans</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:ocrPdf.subtitle">
-                Convert scanned PDFs into searchable documents. Select one or more languages present in your file for
-                the best results.
-            </p>
-
-            <!-- How it works info box -->
-            <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-6">
-                <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
-                <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
-                    <li><strong class="text-white">Extract Text:</strong> Uses Tesseract OCR to recognize text from
-                        scanned images or PDFs.</li>
-                    <li><strong class="text-white">Searchable Output:</strong> Creates a new PDF with an invisible text
-                        layer, making your document fully searchable while preserving the original appearance.</li>
-                    <li><strong class="text-white">Character Filtering:</strong> Use whitelists to filter out unwanted
-                        characters and improve accuracy for specific document types (invoices, forms, etc.).</li>
-                    <li><strong class="text-white">Multi-language Support:</strong> Select multiple languages for
-                        documents containing mixed language content.</li>
-                </ul>
-            </div>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- OCR Options -->
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <div>
-                    <label class="block mb-2 text-sm font-medium text-gray-300">Languages in Document</label>
-                    <div class="relative">
-                        <input type="text" id="lang-search"
-                            class="w-full bg-gray-900 border border-gray-600 text-white rounded-lg p-2.5 mb-2"
-                            placeholder="Search for languages...">
-                        <div id="lang-list"
-                            class="max-h-48 overflow-y-auto border border-gray-600 rounded-lg p-2 bg-gray-900">
-                            <!-- Language checkboxes will be populated by JS -->
-                        </div>
-                    </div>
-                    <p class="text-xs text-gray-500 mt-1">Selected: <span id="selected-langs-display"
-                            class="font-semibold">None</span></p>
-                </div>
-
-                <!-- Advanced settings -->
-                <details class="bg-gray-900 border border-gray-700 rounded-lg p-3">
-                    <summary class="text-sm font-medium text-gray-300 cursor-pointer flex items-center justify-between">
-                        <span>Advanced Settings (Recommended to improve accuracy)</span>
-                        <i data-lucide="chevron-down" class="w-4 h-4 transition-transform details-icon"></i>
-                    </summary>
-                    <div class="mt-4 space-y-4">
-                        <!-- Resolution -->
-                        <div>
-                            <label for="ocr-resolution"
-                                class="block mb-1 text-xs font-medium text-gray-400">Resolution</label>
-                            <select id="ocr-resolution"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                                <option value="2.0">Standard (192 DPI)</option>
-                                <option value="3.0" selected>High (288 DPI)</option>
-                                <option value="4.0">Ultra (384 DPI)</option>
-                            </select>
-                        </div>
-                        <!-- Binarization -->
-                        <label class="flex items-center gap-2 text-sm text-gray-300 cursor-pointer">
-                            <input type="checkbox" id="ocr-binarize"
-                                class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600">
-                            Binarize Image (Enhance Contrast for Clean Scans)
-                        </label>
-                        <!-- Whitelist Presets -->
-                        <div>
-                            <label for="whitelist-preset" class="block mb-1 text-xs font-medium text-gray-400">Character
-                                Whitelist Preset</label>
-                            <select id="whitelist-preset"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm mb-2">
-                                <option value="">None (All characters)</option>
-                                <option value="alphanumeric">Alphanumeric + Basic Punctuation</option>
-                                <option value="numbers-currency">Numbers + Currency Symbols</option>
-                                <option value="letters-only">Letters Only (A-Z, a-z)</option>
-                                <option value="numbers-only">Numbers Only (0-9)</option>
-                                <option value="invoice">Invoice/Receipt (Numbers, $, ., -, /)</option>
-                                <option value="forms">Forms (Alphanumeric + Common Symbols)</option>
-                                <option value="custom">Custom...</option>
-                            </select>
-                            <p class="text-xs text-gray-500 mt-1">Only these characters will be recognized. Leave empty
-                                for all characters.</p>
-                        </div>
-                        <!-- Whitelist Input -->
-                        <div>
-                            <label for="ocr-whitelist" class="block mb-1 text-xs font-medium text-gray-400">Character
-                                Whitelist (Optional)</label>
-                            <input type="text" id="ocr-whitelist"
-                                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm"
-                                placeholder="e.g., abcdefghijklmnopqrstuvwxyz0123456789$.,">
-                            <p class="text-xs text-gray-500 mt-1">Only these characters will be recognized. Leave empty
-                                for all characters.</p>
-                        </div>
-                    </div>
-                </details>
-
-                <button id="process-btn" class="btn-gradient w-full disabled:opacity-50" disabled>Start OCR</button>
-            </div>
-
-            <!-- Progress Section -->
-            <div id="ocr-progress" class="hidden mt-6 p-4 bg-gray-900 border border-gray-700 rounded-lg">
-                <p id="progress-status" class="text-white mb-2">Initializing...</p>
-                <div class="w-full bg-gray-700 rounded-full h-4">
-                    <div id="progress-bar" class="bg-indigo-600 h-4 rounded-full transition-all duration-300"
-                        style="width: 0%"></div>
-                </div>
-                <pre id="progress-log"
-                    class="mt-4 text-xs text-gray-400 max-h-32 overflow-y-auto bg-black p-2 rounded-md"></pre>
-            </div>
-
-            <!-- Results Section -->
-            <div id="ocr-results" class="hidden mt-6">
-                <h3 class="text-xl font-bold text-white mb-2">OCR Complete</h3>
-                <p class="mb-4 text-gray-400">Your searchable PDF is ready. You can also copy or download the extracted
-                    text below.</p>
-                <div class="relative">
-                    <textarea id="ocr-text-output" rows="10"
-                        class="w-full bg-gray-900 border border-gray-600 text-gray-300 rounded-lg p-2.5 font-sans"
-                        readonly></textarea>
-                    <button id="copy-text-btn"
-                        class="absolute top-2 right-2 bg-gray-700 hover:bg-gray-600 p-2 rounded-md"
-                        title="Copy to Clipboard">
-                        <i data-lucide="clipboard-copy" class="w-4 h-4 text-gray-300"></i>
-                    </button>
-                </div>
-                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4">
-                    <button id="download-txt-btn"
-                        class="w-full bg-gray-700 text-white font-semibold py-3 rounded-lg hover:bg-gray-600">Download
-                        as .txt</button>
-                    <button id="download-searchable-pdf"
-                        class="w-full bg-green-600 text-white font-semibold py-3 rounded-lg hover:bg-green-700">Download
-                        Searchable PDF</button>
-                </div>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:ocrPdf.name">OCR PDF Free Online - Extract Text
+        from Scans</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:ocrPdf.subtitle">
+        Convert scanned PDFs into searchable documents. Select one or more languages present in your file for
+        the best results.
+      </p>
+
+      <!-- How it works info box -->
+      <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-6">
+        <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
+        <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
+          <li><strong class="text-white">Extract Text:</strong> Uses Tesseract OCR to recognize text from
+            scanned images or PDFs.</li>
+          <li><strong class="text-white">Searchable Output:</strong> Creates a new PDF with an invisible text
+            layer, making your document fully searchable while preserving the original appearance.</li>
+          <li><strong class="text-white">Character Filtering:</strong> Use whitelists to filter out unwanted
+            characters and improve accuracy for specific document types (invoices, forms, etc.).</li>
+          <li><strong class="text-white">Multi-language Support:</strong> Select multiple languages for
+            documents containing mixed language content.</li>
+        </ul>
+      </div>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- OCR Options -->
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <div>
+          <label class="block mb-2 text-sm font-medium text-gray-300">Languages in Document</label>
+          <div class="relative">
+            <input type="text" id="lang-search"
+              class="w-full bg-gray-900 border border-gray-600 text-white rounded-lg p-2.5 mb-2"
+              placeholder="Search for languages...">
+            <div id="lang-list" class="max-h-48 overflow-y-auto border border-gray-600 rounded-lg p-2 bg-gray-900">
+              <!-- Language checkboxes will be populated by JS -->
+            </div>
+          </div>
+          <p class="text-xs text-gray-500 mt-1">Selected: <span id="selected-langs-display"
+              class="font-semibold">None</span></p>
+        </div>
+
+        <!-- Advanced settings -->
+        <details class="bg-gray-900 border border-gray-700 rounded-lg p-3">
+          <summary class="text-sm font-medium text-gray-300 cursor-pointer flex items-center justify-between">
+            <span>Advanced Settings (Recommended to improve accuracy)</span>
+            <i data-lucide="chevron-down" class="w-4 h-4 transition-transform details-icon"></i>
+          </summary>
+          <div class="mt-4 space-y-4">
+            <!-- Resolution -->
+            <div>
+              <label for="ocr-resolution" class="block mb-1 text-xs font-medium text-gray-400">Resolution</label>
+              <select id="ocr-resolution"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
+                <option value="2.0">Standard (192 DPI)</option>
+                <option value="3.0" selected>High (288 DPI)</option>
+                <option value="4.0">Ultra (384 DPI)</option>
+              </select>
+            </div>
+            <!-- Binarization -->
+            <label class="flex items-center gap-2 text-sm text-gray-300 cursor-pointer">
+              <input type="checkbox" id="ocr-binarize"
+                class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600">
+              Binarize Image (Enhance Contrast for Clean Scans)
+            </label>
+            <!-- Whitelist Presets -->
+            <div>
+              <label for="whitelist-preset" class="block mb-1 text-xs font-medium text-gray-400">Character
+                Whitelist Preset</label>
+              <select id="whitelist-preset"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm mb-2">
+                <option value="">None (All characters)</option>
+                <option value="alphanumeric">Alphanumeric + Basic Punctuation</option>
+                <option value="numbers-currency">Numbers + Currency Symbols</option>
+                <option value="letters-only">Letters Only (A-Z, a-z)</option>
+                <option value="numbers-only">Numbers Only (0-9)</option>
+                <option value="invoice">Invoice/Receipt (Numbers, $, ., -, /)</option>
+                <option value="forms">Forms (Alphanumeric + Common Symbols)</option>
+                <option value="custom">Custom...</option>
+              </select>
+              <p class="text-xs text-gray-500 mt-1">Only these characters will be recognized. Leave empty
+                for all characters.</p>
+            </div>
+            <!-- Whitelist Input -->
+            <div>
+              <label for="ocr-whitelist" class="block mb-1 text-xs font-medium text-gray-400">Character
+                Whitelist (Optional)</label>
+              <input type="text" id="ocr-whitelist"
+                class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm"
+                placeholder="e.g., abcdefghijklmnopqrstuvwxyz0123456789$.,">
+              <p class="text-xs text-gray-500 mt-1">Only these characters will be recognized. Leave empty
+                for all characters.</p>
+            </div>
+          </div>
+        </details>
+
+        <button id="process-btn" class="btn-gradient w-full disabled:opacity-50" disabled>Start OCR</button>
+      </div>
+
+      <!-- Progress Section -->
+      <div id="ocr-progress" class="hidden mt-6 p-4 bg-gray-900 border border-gray-700 rounded-lg">
+        <p id="progress-status" class="text-white mb-2">Initializing...</p>
+        <div class="w-full bg-gray-700 rounded-full h-4">
+          <div id="progress-bar" class="bg-indigo-600 h-4 rounded-full transition-all duration-300" style="width: 0%">
+          </div>
+        </div>
+        <pre id="progress-log"
+          class="mt-4 text-xs text-gray-400 max-h-32 overflow-y-auto bg-black p-2 rounded-md"></pre>
+      </div>
+
+      <!-- Results Section -->
+      <div id="ocr-results" class="hidden mt-6">
+        <h3 class="text-xl font-bold text-white mb-2">OCR Complete</h3>
+        <p class="mb-4 text-gray-400">Your searchable PDF is ready. You can also copy or download the extracted
+          text below.</p>
+        <div class="relative">
+          <textarea id="ocr-text-output" rows="10"
+            class="w-full bg-gray-900 border border-gray-600 text-gray-300 rounded-lg p-2.5 font-sans"
+            readonly></textarea>
+          <button id="copy-text-btn" class="absolute top-2 right-2 bg-gray-700 hover:bg-gray-600 p-2 rounded-md"
+            title="Copy to Clipboard">
+            <i data-lucide="clipboard-copy" class="w-4 h-4 text-gray-300"></i>
+          </button>
+        </div>
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4">
+          <button id="download-txt-btn"
+            class="w-full bg-gray-700 text-white font-semibold py-3 rounded-lg hover:bg-gray-600">Download
+            as .txt</button>
+          <button id="download-searchable-pdf"
+            class="w-full bg-green-600 text-white font-semibold py-3 rounded-lg hover:bg-green-700">Download
+            Searchable PDF</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -324,26 +326,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -356,14 +363,16 @@
           Is ocr pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -375,74 +384,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/ocr-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/ocr-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -464,7 +472,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -493,7 +501,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/odg-to-pdf.html b/src/pages/odg-to-pdf.html
index 3cf815ef..9d7835c4 100644
--- a/src/pages/odg-to-pdf.html
+++ b/src/pages/odg-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="odg to pdf, odg to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/odg-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/odg-to-pdf">
   <meta property="og:title" content="Odg To Pdf Online Free - Odg To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-odg-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/odg-to-pdf">
   <meta name="twitter:title" content="Odg To Pdf Free">
-  <meta name="twitter:description" content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Odg To Pdf online free - Odg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odg-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Odg To Pdf">
-  
 
-    <title>ODG to PDF - Convert OpenDocument Graphics to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert OpenDocument Graphics (ODG) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/odg-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/odg-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/odg-to-pdf.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/odg-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/odg-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>ODG to PDF - Convert OpenDocument Graphics to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert OpenDocument Graphics (ODG) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/odg-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/odg-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/odg-to-pdf.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/odg-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/odg-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,163 +67,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odgToPdf.name">Odg To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:odgToPdf.subtitle">
-                Convert OpenDocument Graphics (ODG) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:odgToPdf.acceptedFormats">ODG files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".odg" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:odgToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odgToPdf.name">Odg To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:odgToPdf.subtitle">
+        Convert OpenDocument Graphics (ODG) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:odgToPdf.acceptedFormats">ODG files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".odg" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:odgToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +233,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -260,14 +270,16 @@
           Is odg to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,84 +291,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/odg-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/odg-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -378,7 +389,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -407,7 +418,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/odp-to-pdf.html b/src/pages/odp-to-pdf.html
index 2285b7e4..7f864e0e 100644
--- a/src/pages/odp-to-pdf.html
+++ b/src/pages/odp-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="odp to pdf, odp to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/odp-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/odp-to-pdf">
   <meta property="og:title" content="Odp To Pdf Online Free - Odp To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-odp-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/odp-to-pdf">
   <meta name="twitter:title" content="Odp To Pdf Free">
-  <meta name="twitter:description" content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Odp To Pdf online free - Odp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odp-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Odp To Pdf">
-  
 
-    <title>ODP to PDF - Convert OpenDocument Presentation to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert OpenDocument Presentation (ODP) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/odp-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/odp-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/odp-to-pdf.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/odp-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/odp-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>ODP to PDF - Convert OpenDocument Presentation to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert OpenDocument Presentation (ODP) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/odp-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/odp-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/odp-to-pdf.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/odp-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/odp-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,163 +67,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odpToPdf.name">Odp To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:odpToPdf.subtitle">
-                Convert OpenDocument Presentation (ODP) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:odpToPdf.acceptedFormats">ODP files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".odp" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:odpToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odpToPdf.name">Odp To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:odpToPdf.subtitle">
+        Convert OpenDocument Presentation (ODP) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:odpToPdf.acceptedFormats">ODP files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".odp" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:odpToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +233,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -260,14 +270,16 @@
           Is odp to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,84 +291,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/odp-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/odp-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -378,7 +389,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -407,7 +418,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/ods-to-pdf.html b/src/pages/ods-to-pdf.html
index 3b176cab..3e1dd15d 100644
--- a/src/pages/ods-to-pdf.html
+++ b/src/pages/ods-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="ods to pdf, ods to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/ods-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/ods-to-pdf">
   <meta property="og:title" content="Ods To Pdf Online Free - Ods To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-ods-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/ods-to-pdf">
   <meta name="twitter:title" content="Ods To Pdf Free">
-  <meta name="twitter:description" content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Ods To Pdf online free - Ods to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-ods-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Ods To Pdf">
-  
 
-    <title>ODS to PDF - Convert OpenDocument Spreadsheet to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert OpenDocument Spreadsheet (ODS) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/ods-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/ods-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/ods-to-pdf.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/ods-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/ods-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>ODS to PDF - Convert OpenDocument Spreadsheet to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert OpenDocument Spreadsheet (ODS) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/ods-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/ods-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/ods-to-pdf.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/ods-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/ods-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,163 +67,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odsToPdf.name">Ods To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:odsToPdf.subtitle">
-                Convert OpenDocument Spreadsheet (ODS) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:odsToPdf.acceptedFormats">ODS files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".ods" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:odsToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:odsToPdf.name">Ods To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:odsToPdf.subtitle">
+        Convert OpenDocument Spreadsheet (ODS) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:odsToPdf.acceptedFormats">ODS files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".ods" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:odsToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +233,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -260,14 +270,16 @@
           Is ods to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,84 +291,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/ods-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/ods-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -378,7 +389,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -407,7 +418,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/odt-to-pdf.html b/src/pages/odt-to-pdf.html
index 658c884f..3b989335 100644
--- a/src/pages/odt-to-pdf.html
+++ b/src/pages/odt-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="odt to pdf, odt to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/odt-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/odt-to-pdf">
   <meta property="og:title" content="Odt To Pdf Online Free - Odt To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-odt-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/odt-to-pdf">
   <meta name="twitter:title" content="Odt To Pdf Free">
-  <meta name="twitter:description" content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Odt To Pdf online free - Odt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-odt-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Odt To Pdf">
-  
 
-    <title>ODT to PDF - Convert OpenDocument Text to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert ODT (OpenDocument Text) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/odt-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/odt-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/odt-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/odt-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>ODT to PDF - Convert OpenDocument Text to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert ODT (OpenDocument Text) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/odt-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/odt-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/odt-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/odt-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,154 +66,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Odt To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6">
-                Convert OpenDocument Text (.odt) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">One or more ODT files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".odt,application/vnd.oasis.opendocument.text" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Odt To Pdf Converter Free Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6">
+        Convert OpenDocument Text (.odt) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">One or more ODT files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".odt,application/vnd.oasis.opendocument.text" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +259,16 @@
           Is odt to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,96 +280,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/odt-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/odt-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -380,7 +390,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -409,7 +419,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/organize-pdf.html b/src/pages/organize-pdf.html
index dc0846e8..ac806898 100644
--- a/src/pages/organize-pdf.html
+++ b/src/pages/organize-pdf.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Organize PDF Online Free - Organize PDF Tool | BentoPDF</title>
   <meta name="title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
-  <meta name="description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="organize pdf, reorder pages, arrange pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/organize-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/organize-pdf">
   <meta property="og:title" content="Organize PDF Online Free - Organize PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-organize-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/organize-pdf">
   <meta name="twitter:title" content="Organize PDF Free">
-  <meta name="twitter:description" content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Organize PDF online free - Organize PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-organize-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Organize PDF">
-  
 
-    <title>Duplicate and Organize PDF Pages - BentoPDF</title>
-    <meta name="description" content="Reorder, duplicate, and organize PDF pages. Free and secure.">
-    
-    <link rel="alternate" hreflang="en" href="/en/organize-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/organize-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/organize-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/organize-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Duplicate and Organize PDF Pages - BentoPDF</title>
+  <meta name="description" content="Reorder, duplicate, and organize PDF pages. Free and secure.">
+
+  <link rel="alternate" hreflang="en" href="/en/organize-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/organize-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/organize-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/organize-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,114 +65,117 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free - Reorder PDFs Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle">
-                Drag pages to reorder them. Use the <i data-lucide="copy-plus"
-                    class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or
-                the <i data-lucide="x-circle" class="inline-block w-4 h-4 mx-1 align-text-bottom text-red-400"></i> icon
-                to
-                delete it.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF Documents</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <!-- File Display -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Page Grid (shown after file upload) -->
-            <div id="page-grid" class="hidden grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 my-6"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6">Save Changes</button>
-        </div>
-    </div>
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
-    </div>
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
-                data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
+      </div>
     </div>
+  </nav>
+
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:duplicateOrganize.name">Organize PDF Pages Free -
+        Reorder PDFs Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:duplicateOrganize.subtitle">
+        Drag pages to reorder them. Use the <i data-lucide="copy-plus"
+          class="inline-block w-4 h-4 mx-1 align-text-bottom text-green-500"></i> icon to duplicate a page or
+        the <i data-lucide="x-circle" class="inline-block w-4 h-4 mx-1 align-text-bottom text-red-400"></i> icon
+        to
+        delete it.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF Documents</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
+        </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <!-- File Display -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Page Grid (shown after file upload) -->
+      <div id="page-grid" class="hidden grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 my-6"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6">Save Changes</button>
+    </div>
+  </div>
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg"
+        data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -177,26 +183,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-        <a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
-        <a href="/extract-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
-          <p class="text-gray-400 text-sm">Free online extract pages tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
+      <a href="/delete-pages.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
+      <a href="/extract-pages.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
+        <p class="text-gray-400 text-sm">Free online extract pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -209,14 +220,16 @@
           Is organize pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -228,80 +241,79 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/organize-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/organize-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -323,7 +335,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -352,7 +364,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/page-dimensions.html b/src/pages/page-dimensions.html
index b26aa451..8051bef4 100644
--- a/src/pages/page-dimensions.html
+++ b/src/pages/page-dimensions.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Page Dimensions Online Free - Page Dimensions Tool | BentoPDF</title>
   <meta name="title" content="Page Dimensions Online Free - Page Dimensions Tool | BentoPDF">
-  <meta name="description" content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="page dimensions, page dimensions, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/page-dimensions">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/page-dimensions">
   <meta property="og:title" content="Page Dimensions Online Free - Page Dimensions Tool | BentoPDF">
-  <meta property="og:description" content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-page-dimensions.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/page-dimensions">
   <meta name="twitter:title" content="Page Dimensions Free">
-  <meta name="twitter:description" content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Page Dimensions online free - Page dimensions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-page-dimensions.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Page Dimensions">
-  
 
-    <title>Page Dimensions - Analyze PDF Page Sizes - BentoPDF</title>
-    <meta name="description"
-        content="Analyze PDF page dimensions and sizes. View detailed information about each page including dimensions, orientation, and aspect ratio. Export to CSV. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/page-dimensions.html" />
-    <link rel="alternate" hreflang="de" href="/de/page-dimensions.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/page-dimensions.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/page-dimensions.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Page Dimensions - Analyze PDF Page Sizes - BentoPDF</title>
+  <meta name="description"
+    content="Analyze PDF page dimensions and sizes. View detailed information about each page including dimensions, orientation, and aspect ratio. Export to CSV. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/page-dimensions.html" />
+  <link rel="alternate" hreflang="de" href="/de/page-dimensions.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/page-dimensions.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/page-dimensions.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,166 +64,167 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageDimensions.name">Page Dimensions Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pageDimensions.subtitle">
-                Analyze PDF page dimensions and sizes. View detailed information about each page.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="dimensions-results" class="hidden mt-6">
-                <div id="dimensions-summary" class="mb-6"></div>
-
-                <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4">
-                    <div class="flex items-center gap-2">
-                        <label for="units-select" class="text-sm font-medium text-gray-300">Units:</label>
-                        <select id="units-select"
-                            class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg p-2">
-                            <option value="pt">Points (pt)</option>
-                            <option value="in">Inches (in)</option>
-                            <option value="mm">Millimeters (mm)</option>
-                            <option value="px">Pixels (px)</option>
-                        </select>
-                    </div>
-                    <button id="export-csv-btn"
-                        class="flex items-center gap-2 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors">
-                        <i data-lucide="download" class="w-4 h-4"></i>
-                        <span>Export to CSV</span>
-                    </button>
-                </div>
-
-                <div class="overflow-x-auto rounded-lg border border-gray-700">
-                    <table class="w-full text-sm text-left">
-                        <thead class="text-xs uppercase bg-gray-900 text-gray-400">
-                            <tr>
-                                <th class="px-4 py-3">Page #</th>
-                                <th class="px-4 py-3">Dimensions</th>
-                                <th class="px-4 py-3">Standard Size</th>
-                                <th class="px-4 py-3">Orientation</th>
-                                <th class="px-4 py-3">Aspect Ratio</th>
-                                <th class="px-4 py-3">Area</th>
-                                <th class="px-4 py-3">Rotation</th>
-                            </tr>
-                        </thead>
-                        <tbody id="dimensions-table-body" class="bg-gray-800 divide-y divide-gray-700">
-                        </tbody>
-                    </table>
-                </div>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
+
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageDimensions.name">Page Dimensions Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pageDimensions.subtitle">
+        Analyze PDF page dimensions and sizes. View detailed information about each page.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
+        </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="dimensions-results" class="hidden mt-6">
+        <div id="dimensions-summary" class="mb-6"></div>
+
+        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4">
+          <div class="flex items-center gap-2">
+            <label for="units-select" class="text-sm font-medium text-gray-300">Units:</label>
+            <select id="units-select" class="bg-gray-700 border border-gray-600 text-white text-sm rounded-lg p-2">
+              <option value="pt">Points (pt)</option>
+              <option value="in">Inches (in)</option>
+              <option value="mm">Millimeters (mm)</option>
+              <option value="px">Pixels (px)</option>
+            </select>
+          </div>
+          <button id="export-csv-btn"
+            class="flex items-center gap-2 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors">
+            <i data-lucide="download" class="w-4 h-4"></i>
+            <span>Export to CSV</span>
+          </button>
+        </div>
+
+        <div class="overflow-x-auto rounded-lg border border-gray-700">
+          <table class="w-full text-sm text-left">
+            <thead class="text-xs uppercase bg-gray-900 text-gray-400">
+              <tr>
+                <th class="px-4 py-3">Page #</th>
+                <th class="px-4 py-3">Dimensions</th>
+                <th class="px-4 py-3">Standard Size</th>
+                <th class="px-4 py-3">Orientation</th>
+                <th class="px-4 py-3">Aspect Ratio</th>
+                <th class="px-4 py-3">Area</th>
+                <th class="px-4 py-3">Rotation</th>
+              </tr>
+            </thead>
+            <tbody id="dimensions-table-body" class="bg-gray-800 divide-y divide-gray-700">
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +232,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -260,14 +269,16 @@
           Is page dimensions really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,74 +290,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/page-dimensions-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/page-dimensions-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -368,7 +378,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -397,7 +407,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/page-numbers.html b/src/pages/page-numbers.html
index 9973e494..edf80658 100644
--- a/src/pages/page-numbers.html
+++ b/src/pages/page-numbers.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Page Numbers Online Free - Page Numbers Tool | BentoPDF</title>
   <meta name="title" content="Page Numbers Online Free - Page Numbers Tool | BentoPDF">
-  <meta name="description" content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="page numbers, page numbers, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/page-numbers">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/page-numbers">
   <meta property="og:title" content="Page Numbers Online Free - Page Numbers Tool | BentoPDF">
-  <meta property="og:description" content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-page-numbers.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/page-numbers">
   <meta name="twitter:title" content="Page Numbers Free">
-  <meta name="twitter:description" content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Page Numbers online free - Page numbers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-page-numbers.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Page Numbers">
-  
 
-    <title>Add Page Numbers - BentoPDF</title>
-    <meta name="description"
-        content="Add page numbers to your PDF documents. Choose position, format, font size and color. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/page-numbers.html" />
-    <link rel="alternate" hreflang="de" href="/de/page-numbers.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/page-numbers.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/page-numbers.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Add Page Numbers - BentoPDF</title>
+  <meta name="description"
+    content="Add page numbers to your PDF documents. Choose position, format, font size and color. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/page-numbers.html" />
+  <link rel="alternate" hreflang="de" href="/de/page-numbers.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/page-numbers.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/page-numbers.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,181 +66,182 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageNumbers.name">Page Numbers Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pageNumbers.subtitle">
-                Add page numbers to your PDF documents with customizable position, format, and styling.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                        <label for="position" class="block mb-2 text-sm font-medium text-gray-300">Position</label>
-                        <select id="position"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
-                            <option value="bottom-center">Bottom Center</option>
-                            <option value="bottom-left">Bottom Left</option>
-                            <option value="bottom-right">Bottom Right</option>
-                            <option value="top-center">Top Center</option>
-                            <option value="top-left">Top Left</option>
-                            <option value="top-right">Top Right</option>
-                        </select>
-                    </div>
-
-                    <div>
-                        <label for="number-format" class="block mb-2 text-sm font-medium text-gray-300">Format</label>
-                        <select id="number-format"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
-                            <option value="page_only">1, 2, 3...</option>
-                            <option value="page_x_of_y">1 / 5, 2 / 5...</option>
-                        </select>
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    <div>
-                        <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font Size</label>
-                        <input type="number" id="font-size" value="12" min="6" max="72"
-                            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
-                    </div>
-
-                    <div>
-                        <label for="text-color" class="block mb-2 text-sm font-medium text-gray-300">Color</label>
-                        <input type="color" id="text-color" value="#000000"
-                            class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Add Page Numbers</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pageNumbers.name">Page Numbers Free Online - Fast
+        & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pageNumbers.subtitle">
+        Add page numbers to your PDF documents with customizable position, format, and styling.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label for="position" class="block mb-2 text-sm font-medium text-gray-300">Position</label>
+            <select id="position"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
+              <option value="bottom-center">Bottom Center</option>
+              <option value="bottom-left">Bottom Left</option>
+              <option value="bottom-right">Bottom Right</option>
+              <option value="top-center">Top Center</option>
+              <option value="top-left">Top Left</option>
+              <option value="top-right">Top Right</option>
+            </select>
+          </div>
+
+          <div>
+            <label for="number-format" class="block mb-2 text-sm font-medium text-gray-300">Format</label>
+            <select id="number-format"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
+              <option value="page_only">1, 2, 3...</option>
+              <option value="page_x_of_y">1 / 5, 2 / 5...</option>
+            </select>
+          </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font Size</label>
+            <input type="number" id="font-size" value="12" min="6" max="72"
+              class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
+          </div>
+
+          <div>
+            <label for="text-color" class="block mb-2 text-sm font-medium text-gray-300">Color</label>
+            <input type="color" id="text-color" value="#000000"
+              class="w-full h-10 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+          </div>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Add Page Numbers</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -245,26 +249,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -277,14 +286,16 @@
           Is page numbers really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -296,77 +307,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/page-numbers-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/page-numbers-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -388,7 +398,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -417,7 +427,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pages-to-pdf.html b/src/pages/pages-to-pdf.html
index 2b27ca41..b6f91c81 100644
--- a/src/pages/pages-to-pdf.html
+++ b/src/pages/pages-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pages to pdf, pages to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pages-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pages-to-pdf">
   <meta property="og:title" content="Pages To Pdf Online Free - Pages To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pages-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pages-to-pdf">
   <meta name="twitter:title" content="Pages To Pdf Free">
-  <meta name="twitter:description" content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Pages To Pdf online free - Pages to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pages-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pages To Pdf">
-  
 
-    <title>Pages to PDF - Convert WordPerfect to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Apple Pages documents to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pages-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/pages-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pages-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pages-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Pages to PDF - Convert WordPerfect to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Apple Pages documents to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pages-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/pages-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pages-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pages-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,163 +66,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pagesToPdf.name">Pages To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pagesToPdf.subtitle">
-                Convert Apple Pages documents to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:pagesToPdf.acceptedFormats">Pages files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".pages" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:pagesToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pagesToPdf.name">Pages To Pdf Converter Free
+        Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pagesToPdf.subtitle">
+        Convert Apple Pages documents to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:pagesToPdf.acceptedFormats">Pages files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".pages" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:pagesToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -227,26 +232,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -259,14 +269,16 @@
           Is pages to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,84 +290,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pages-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pages-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -377,7 +388,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -406,7 +417,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-booklet.html b/src/pages/pdf-booklet.html
index 799b2e64..0b08e735 100644
--- a/src/pages/pdf-booklet.html
+++ b/src/pages/pdf-booklet.html
@@ -4,41 +4,44 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF</title>
-  <meta name="title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF">
-  <meta name="description" content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="pdf booklet, pdf booklet, online pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-booklet">
-  
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-booklet">
-  <meta property="og:title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-booklet.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/pdf-booklet">
-  <meta name="twitter:title" content="Pdf Booklet Free">
-  <meta name="twitter:description" content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-booklet.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
-  <!-- Mobile Web App -->
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-title" content="Pdf Booklet">
-  
+
+    <!-- Primary Meta Tags -->
+    <title>Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF</title>
+    <meta name="title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF">
+    <meta name="description"
+        content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta name="keywords" content="pdf booklet, pdf booklet, online pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/pdf-booklet">
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-booklet">
+    <meta property="og:title" content="Pdf Booklet Online Free - Pdf Booklet Tool | BentoPDF">
+    <meta property="og:description"
+        content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-booklet.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.bentopdf.com/pdf-booklet">
+    <meta name="twitter:title" content="Pdf Booklet Free">
+    <meta name="twitter:description"
+        content="★ Pdf Booklet online free - Pdf booklet PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-booklet.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+    <!-- Mobile Web App -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Pdf Booklet">
+
 
     <title>PDF Booklet - BentoPDF</title>
     <meta name="description"
@@ -50,15 +53,15 @@
     <link rel="alternate" hreflang="x-default" href="/en/pdf-booklet.html" />
     <link href="/src/css/styles.css" rel="stylesheet" />
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -115,7 +118,8 @@
                 <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfBooklet.name">Pdf Booklet Free Online - Fast & Secure</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfBooklet.name">Pdf Booklet Free Online -
+                Fast & Secure</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:pdfBooklet.subtitle">
                 Rearrange pages for double-sided booklet printing. Fold and staple to create a booklet.
             </p>
@@ -309,96 +313,107 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+                    <p class="text-gray-400">Click or drag and drop your file to begin</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+                    <p class="text-gray-400">Click the process button to start</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+                    <p class="text-gray-400">Save your processed file instantly</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is pdf booklet really free?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Are my files private and secure?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is there a file size limit?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/compress-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+            </a>
+            <a href="/split-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+            </a>
+            <a href="/edit-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+            </a>
+            <a href="/rotate-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is pdf booklet really free?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
+                    unlimited file processing.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Are my files private and secure?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
+                    your device, ensuring complete privacy.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is there a file size limit?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
+                </p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -406,7 +421,7 @@
                         <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">&copy; 2025 BentoPDF. All rights reserved.</p>
+                    <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
                     <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
                 </div>
                 <div>
@@ -467,8 +482,8 @@
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -487,8 +502,8 @@
     }
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "HowTo",
@@ -516,8 +531,8 @@
     ]
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
diff --git a/src/pages/pdf-layers.html b/src/pages/pdf-layers.html
index 02c88784..5bffca26 100644
--- a/src/pages/pdf-layers.html
+++ b/src/pages/pdf-layers.html
@@ -4,48 +4,51 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>Pdf Layers Online Free - Pdf Layers Tool | BentoPDF</title>
-  <meta name="title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF">
-  <meta name="description" content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="pdf layers, pdf layers, online pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-layers">
-  
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-layers">
-  <meta property="og:title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-layers.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/pdf-layers">
-  <meta name="twitter:title" content="Pdf Layers Free">
-  <meta name="twitter:description" content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-layers.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
-  <!-- Mobile Web App -->
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-title" content="Pdf Layers">
-  
+
+    <!-- Primary Meta Tags -->
+    <title>Pdf Layers Online Free - Pdf Layers Tool | BentoPDF</title>
+    <meta name="title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF">
+    <meta name="description"
+        content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta name="keywords" content="pdf layers, pdf layers, online pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/pdf-layers">
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-layers">
+    <meta property="og:title" content="Pdf Layers Online Free - Pdf Layers Tool | BentoPDF">
+    <meta property="og:description"
+        content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-layers.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.bentopdf.com/pdf-layers">
+    <meta name="twitter:title" content="Pdf Layers Free">
+    <meta name="twitter:description"
+        content="★ Pdf Layers online free - Pdf layers PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-layers.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+    <!-- Mobile Web App -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Pdf Layers">
+
 
     <title>PDF Layers - Manage OCG Layers - BentoPDF</title>
     <meta name="description"
         content="View, toggle, add, and delete Optional Content Groups (OCG) in your PDF files. Free, secure, and runs entirely in your browser.">
-    
+
     <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
     <style>
         .layers-container {
             background: #374151;
@@ -165,15 +168,15 @@
         }
     </style>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -313,96 +316,107 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+                    <p class="text-gray-400">Click or drag and drop your file to begin</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+                    <p class="text-gray-400">Click the process button to start</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+                    <p class="text-gray-400">Save your processed file instantly</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is pdf layers really free?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Are my files private and secure?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is there a file size limit?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/compress-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+            </a>
+            <a href="/split-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+            </a>
+            <a href="/edit-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+            </a>
+            <a href="/rotate-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is pdf layers really free?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
+                    unlimited file processing.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Are my files private and secure?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
+                    your device, ensuring complete privacy.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is there a file size limit?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
+                </p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -411,7 +425,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         Version <span id="app-version"></span>
@@ -482,8 +496,8 @@
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -502,8 +516,8 @@
     }
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "HowTo",
@@ -531,8 +545,8 @@
     ]
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
diff --git a/src/pages/pdf-to-bmp.html b/src/pages/pdf-to-bmp.html
index e97574d0..0672cc7c 100644
--- a/src/pages/pdf-to-bmp.html
+++ b/src/pages/pdf-to-bmp.html
@@ -2,54 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to bmp, pdf to bmp, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-bmp">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-bmp">
   <meta property="og:title" content="Pdf To Bmp Online Free - Pdf To Bmp Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-bmp.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-bmp">
   <meta name="twitter:title" content="Pdf To Bmp Free">
-  <meta name="twitter:description" content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Pdf To Bmp online free - Pdf to bmp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-bmp.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Bmp">
-  
 
-    <title>PDF to BMP - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to BMP images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-bmp.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-bmp.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-bmp.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-bmp.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to BMP - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to BMP images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-bmp.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-bmp.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-bmp.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-bmp.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,144 +65,145 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToBmp.name">Pdf To Bmp Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToBmp.subtitle">
-                Convert each page of a PDF file into a BMP image.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToBmp.name">Pdf To Bmp Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToBmp.subtitle">
+        Convert each page of a PDF file into a BMP image.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -208,26 +211,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -240,14 +248,16 @@
           Is pdf to bmp really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -259,84 +269,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-bmp-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-bmp-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -358,7 +367,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -387,7 +396,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-csv.html b/src/pages/pdf-to-csv.html
index 63f020b8..40da219a 100644
--- a/src/pages/pdf-to-csv.html
+++ b/src/pages/pdf-to-csv.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to csv, pdf to csv, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-csv">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-csv">
   <meta property="og:title" content="Pdf To Csv Online Free - Pdf To Csv Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-csv.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-csv">
   <meta name="twitter:title" content="Pdf To Csv Free">
-  <meta name="twitter:description" content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Pdf To Csv online free - Pdf to csv PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-csv.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Csv">
-  
 
-    <title>PDF to CSV - BentoPDF</title>
-    <meta name="description"
-        content="Extract tables from PDF files and convert to CSV format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-csv.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-csv.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-csv.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/pdf-to-csv.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-csv.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to CSV - BentoPDF</title>
+  <meta name="description"
+    content="Extract tables from PDF files and convert to CSV format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-csv.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-csv.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-csv.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/pdf-to-csv.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-csv.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,124 +67,125 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToCsv.name">Pdf To Csv Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToCsv.subtitle">Extract tables from PDF and convert to CSV
-                format.</p>
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-            <div id="options-panel" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to CSV</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+  </nav>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToCsv.name">Pdf To Csv Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToCsv.subtitle">Extract tables from PDF and convert to CSV
+        format.</p>
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+      <div id="options-panel" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to CSV</button>
+      </div>
     </div>
-    
+  </div>
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+    </div>
+  </div>
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -189,26 +193,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -221,14 +230,16 @@
           Is pdf to csv really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -240,69 +251,69 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6"
-                                fill="currentColor" viewBox="0 0 24 24">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg></a>
-                        <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">
-                                <path
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg></a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg
-                                class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg></a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-csv-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6" fill="currentColor"
+                viewBox="0 0 24 24">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg></a>
+            <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">
+                <path
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg></a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg class="w-6 h-6"
+                fill="currentColor" viewBox="0 0 24 24">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-csv-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -324,7 +335,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -353,7 +364,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-docx.html b/src/pages/pdf-to-docx.html
index 7b42f8c7..a8f6cc14 100644
--- a/src/pages/pdf-to-docx.html
+++ b/src/pages/pdf-to-docx.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PDF to Word Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to word, pdf to docx, convert pdf to word">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-docx">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-docx">
   <meta property="og:title" content="PDF to Word Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-docx.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-docx">
   <meta name="twitter:title" content="PDF to Word Free">
-  <meta name="twitter:description" content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ PDF to Word online free - Convert PDF to Word PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-docx.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PDF to Word">
-  
 
-    <title>PDF to DOCX - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF files to editable Word documents (DOCX). Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-docx.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-docx.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to DOCX - BentoPDF</title>
+  <meta name="description"
+    content="Convert PDF files to editable Word documents (DOCX). Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-docx.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-docx.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,154 +64,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools">Back to Tools</span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">PDF to Word Converter Free - Convert PDF to DOCX</h1>
-            <p class="text-gray-400 mb-6">
-                Convert PDF files to editable Word documents. Preserves text, formatting, and layout.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
-                        <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
-                    </p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6 space-y-6">
-                <button id="process-btn" class="btn-gradient w-full mt-4">Convert to DOCX</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools">Back to Tools</span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">PDF to Word Converter Free - Convert PDF to DOCX</h1>
+      <p class="text-gray-400 mb-6">
+        Convert PDF files to editable Word documents. Preserves text, formatting, and layout.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
+            <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
+          </p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6 space-y-6">
+        <button id="process-btn" class="btn-gradient w-full mt-4">Convert to DOCX</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -216,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/word-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
-        </a>
-        <a href="/pdf-to-text.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Text</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to text tool</p>
-        </a>
-        <a href="/pdf-to-excel.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/extract-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
-          <p class="text-gray-400 text-sm">Free online extract pages tool</p>
-        </a>
+      <a href="/word-to-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Word To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online word to pdf tool</p>
+      </a>
+      <a href="/pdf-to-text.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Text</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to text tool</p>
+      </a>
+      <a href="/pdf-to-excel.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Excel</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to excel tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/extract-pages.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
+        <p class="text-gray-400 text-sm">Free online extract pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -248,14 +257,16 @@
           Is pdf to docx really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -267,96 +278,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-docx-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-docx-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -378,7 +388,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -407,7 +417,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-excel.html b/src/pages/pdf-to-excel.html
index fdd48265..476469e6 100644
--- a/src/pages/pdf-to-excel.html
+++ b/src/pages/pdf-to-excel.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PDF to Excel Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PDF to Excel Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to excel, pdf to xlsx, convert pdf to spreadsheet">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-excel">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-excel">
   <meta property="og:title" content="PDF to Excel Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-excel.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-excel">
   <meta name="twitter:title" content="PDF to Excel Free">
-  <meta name="twitter:description" content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
+  <meta name="twitter:description"
+    content="★ PDF to Excel online free - Convert PDF to Excel PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-excel.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PDF to Excel">
-  
 
-    <title>PDF to Excel - BentoPDF</title>
-    <meta name="description"
-        content="Extract tables from PDF files and convert to Excel (XLSX) format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-excel.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-excel.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-excel.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/pdf-to-excel.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-excel.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to Excel - BentoPDF</title>
+  <meta name="description"
+    content="Extract tables from PDF files and convert to Excel (XLSX) format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-excel.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-excel.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-excel.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/pdf-to-excel.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-excel.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,124 +67,125 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToExcel.name">PDF to Excel Converter Free - Extract Tables</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToExcel.subtitle">Extract tables from PDF and convert to
-                Excel (XLSX) format.</p>
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-            <div id="options-panel" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to Excel</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+  </nav>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToExcel.name">PDF to Excel Converter Free -
+        Extract Tables</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToExcel.subtitle">Extract tables from PDF and convert to
+        Excel (XLSX) format.</p>
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+      <div id="options-panel" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to Excel</button>
+      </div>
     </div>
-    
+  </div>
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+    </div>
+  </div>
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -189,26 +193,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -221,14 +230,16 @@
           Is pdf to excel really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -240,69 +251,69 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6"
-                                fill="currentColor" viewBox="0 0 24 24">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg></a>
-                        <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">
-                                <path
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg></a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg
-                                class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg></a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-excel-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6" fill="currentColor"
+                viewBox="0 0 24 24">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg></a>
+            <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">
+                <path
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg></a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X"><svg class="w-6 h-6"
+                fill="currentColor" viewBox="0 0 24 24">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-excel-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -324,7 +335,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -353,7 +364,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-greyscale.html b/src/pages/pdf-to-greyscale.html
index 9a1b53d7..22ec472b 100644
--- a/src/pages/pdf-to-greyscale.html
+++ b/src/pages/pdf-to-greyscale.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to greyscale, pdf to greyscale, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-greyscale">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-greyscale">
   <meta property="og:title" content="Pdf To Greyscale Online Free - Pdf To Greyscale Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-greyscale.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-greyscale">
   <meta name="twitter:title" content="Pdf To Greyscale Free">
-  <meta name="twitter:description" content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
+  <meta name="twitter:description"
+    content="★ Pdf To Greyscale online free - Pdf to greyscale PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in b">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-greyscale.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Greyscale">
-  
 
-    <title>PDF to Greyscale - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF colors to greyscale/black and white. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-greyscale.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-greyscale.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-greyscale.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-greyscale.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to Greyscale - BentoPDF</title>
+  <meta name="description"
+    content="Convert PDF colors to greyscale/black and white. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-greyscale.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-greyscale.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-greyscale.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-greyscale.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,144 +66,145 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToGreyscale.name">Pdf To Greyscale Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToGreyscale.subtitle">
-                Convert all colors in a PDF to black and white.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to Greyscale</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToGreyscale.name">Pdf To Greyscale Converter
+        Free Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToGreyscale.subtitle">
+        Convert all colors in a PDF to black and white.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to Greyscale</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -208,26 +212,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -240,14 +249,16 @@
           Is pdf to greyscale really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -259,84 +270,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-greyscale-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-greyscale-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -358,7 +368,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -387,7 +397,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-jpg.html b/src/pages/pdf-to-jpg.html
index 92c9771c..b5675d29 100644
--- a/src/pages/pdf-to-jpg.html
+++ b/src/pages/pdf-to-jpg.html
@@ -2,54 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PDF to JPG Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to jpg, pdf to image, pdf to jpeg, convert pdf to pictures">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-jpg">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-jpg">
   <meta property="og:title" content="PDF to JPG Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-jpg.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-jpg">
   <meta name="twitter:title" content="PDF to JPG Free">
-  <meta name="twitter:description" content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ PDF to JPG online free - Convert PDF to JPG PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-jpg.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PDF to JPG">
-  
 
-    <title>PDF to JPG - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-jpg.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-jpg.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to JPG - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to JPG images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-jpg.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-jpg.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-jpg.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-jpg.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,162 +65,164 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert PDF to Images</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle">
-                Convert each page of a PDF file into a high-quality JPG image.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
-                    <div class="flex items-center gap-4">
-                        <input type="range" id="jpg-quality" min="0.1" max="1.0" step="0.01" value="0.9" class="flex-1">
-                        <span id="jpg-quality-value" class="text-white font-medium w-16 text-right">90%</span>
-                    </div>
-                    <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJpg.name">PDF to JPG Converter Free - Convert
+        PDF to Images</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJpg.subtitle">
+        Convert each page of a PDF file into a high-quality JPG image.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
+          <div class="flex items-center gap-4">
+            <input type="range" id="jpg-quality" min="0.1" max="1.0" step="0.01" value="0.9" class="flex-1">
+            <span id="jpg-quality-value" class="text-white font-medium w-16 text-right">90%</span>
+          </div>
+          <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
-            <p class="text-gray-400">Select the PDF file you want to convert to images</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Choose Quality</h3>
-            <p class="text-gray-400">Select image quality (Low, Medium, High, Maximum)</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
+          <p class="text-gray-400">Select the PDF file you want to convert to images</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Select Pages</h3>
-            <p class="text-gray-400">Convert all pages or choose specific pages to extract</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download Images</h3>
-            <p class="text-gray-400">Save JPG images individually or as a ZIP archive</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Choose Quality</h3>
+          <p class="text-gray-400">Select image quality (Low, Medium, High, Maximum)</p>
         </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Select Pages</h3>
+          <p class="text-gray-400">Convert all pages or choose specific pages to extract</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          4
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download Images</h3>
+          <p class="text-gray-400">Save JPG images individually or as a ZIP archive</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -226,26 +230,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/pdf-to-png.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Png</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to png tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/pdf-to-webp.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Webp</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to webp tool</p>
-        </a>
-        <a href="/extract-images.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Images</h3>
-          <p class="text-gray-400 text-sm">Free online extract images tool</p>
-        </a>
+      <a href="/pdf-to-png.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Png</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to png tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/pdf-to-webp.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Webp</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to webp tool</p>
+      </a>
+      <a href="/extract-images.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Extract Images</h3>
+        <p class="text-gray-400 text-sm">Free online extract images tool</p>
+      </a>
     </div>
   </section>
 
@@ -258,103 +267,105 @@
           What quality should I choose?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save disk space. Higher quality produces larger file sizes.</p>
+        <p class="mt-3 text-gray-400">Use High or Maximum for print-quality images, Medium for web use, or Low to save
+          disk space. Higher quality produces larger file sizes.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Can I convert specific pages only?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG images.</p>
+        <p class="mt-3 text-gray-400">Yes! You can choose to convert all pages or select specific pages you want as JPG
+          images.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are the JPG files compressed?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality means less compression and larger files.</p>
+        <p class="mt-3 text-gray-400">Yes, JPG is a compressed format. You control the quality level - higher quality
+          means less compression and larger files.</p>
       </details>
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-jpg-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-jpg-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -376,7 +387,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -405,7 +416,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-json.html b/src/pages/pdf-to-json.html
index 0f36f22c..3652e21a 100644
--- a/src/pages/pdf-to-json.html
+++ b/src/pages/pdf-to-json.html
@@ -4,44 +4,47 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Json Online Free - Pdf To Json Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Json Online Free - Pdf To Json Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to json, pdf to json, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-json">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-json">
   <meta property="og:title" content="Pdf To Json Online Free - Pdf To Json Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-json.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-json">
   <meta name="twitter:title" content="Pdf To Json Free">
-  <meta name="twitter:description" content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Pdf To Json online free - Pdf to json PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-json.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Json">
-  
+
 
   <title>PDF to JSON Converter - BentoPDF</title>
-  
+
   <link rel="alternate" hreflang="en" href="/en/pdf-to-json.html" />
   <link rel="alternate" hreflang="de" href="/de/pdf-to-json.html" />
   <link rel="alternate" hreflang="vi" href="/vi/pdf-to-json.html" />
@@ -116,7 +119,8 @@
         <i data-lucide="arrow-left" class="cursor-pointer"></i>
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJson.name">Pdf To Json Converter Free Online - Convert Files Fast</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToJson.name">Pdf To Json Converter Free Online
+        - Convert Files Fast</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:pdfToJson.subtitle">
         Upload multiple PDF files to convert them all to JSON format. Files will be downloaded as a ZIP archive.
       </p>
@@ -150,38 +154,41 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -189,26 +196,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -221,14 +233,16 @@
           Is pdf to json really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -248,7 +262,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
@@ -350,7 +364,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -379,7 +393,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-markdown.html b/src/pages/pdf-to-markdown.html
index 562385a5..8f67920f 100644
--- a/src/pages/pdf-to-markdown.html
+++ b/src/pages/pdf-to-markdown.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to markdown, pdf to markdown, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-markdown">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-markdown">
   <meta property="og:title" content="Pdf To Markdown Online Free - Pdf To Markdown Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-markdown.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-markdown">
   <meta name="twitter:title" content="Pdf To Markdown Free">
-  <meta name="twitter:description" content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Pdf To Markdown online free - Pdf to markdown PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-markdown.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Markdown">
-  
 
-    <title>PDF to Markdown - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF files to Markdown format. Extract text with optional embedded images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-markdown.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-markdown.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to Markdown - BentoPDF</title>
+  <meta name="description"
+    content="Convert PDF files to Markdown format. Extract text with optional embedded images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-markdown.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-markdown.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,156 +64,157 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Pdf To Markdown Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6">
-                Convert PDF files to Markdown format. Preserves text structure with optional image embedding.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
-                        or drag and drop
-                    </p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500">Your files never leave your device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span>Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span>Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6 space-y-6">
-                <div class="flex items-center gap-3">
-                    <input type="checkbox" id="include-images"
-                        class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500">
-                    <label for="include-images" class="text-sm text-gray-300">Include images as base64</label>
-                </div>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Convert to Markdown</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Pdf To Markdown Converter Free Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6">
+        Convert PDF files to Markdown format. Preserves text structure with optional image embedding.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span>
+            or drag and drop
+          </p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500">Your files never leave your device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span>Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span>Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6 space-y-6">
+        <div class="flex items-center gap-3">
+          <input type="checkbox" id="include-images"
+            class="w-4 h-4 rounded bg-gray-700 border-gray-600 text-indigo-600 focus:ring-indigo-500">
+          <label for="include-images" class="text-sm text-gray-300">Include images as base64</label>
+        </div>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Convert to Markdown</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +259,16 @@
           Is pdf to markdown really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,55 +280,55 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nickvidal/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <i data-lucide="github"></i>
-                        </a>
-                        <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="Discord">
-                            <i data-lucide="message-circle"></i>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-markdown-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nickvidal/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <i data-lucide="github"></i>
+            </a>
+            <a href="https://discord.gg/Bgq3Ay3f2w" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="Discord">
+              <i data-lucide="message-circle"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-markdown-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -339,7 +350,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -368,7 +379,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-pdfa.html b/src/pages/pdf-to-pdfa.html
index 213cf0a7..4a847076 100644
--- a/src/pages/pdf-to-pdfa.html
+++ b/src/pages/pdf-to-pdfa.html
@@ -2,50 +2,53 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to pdfa, pdf to pdfa, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-pdfa">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-pdfa">
   <meta property="og:title" content="Pdf To Pdfa Online Free - Pdf To Pdfa Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-pdfa.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-pdfa">
   <meta name="twitter:title" content="Pdf To Pdfa Free">
-  <meta name="twitter:description" content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Pdf To Pdfa online free - Pdf to pdfa PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-pdfa.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Pdfa">
-  
 
-    <title>PDF to PDF/A - Convert PDF for Long-term Archiving - BentoPDF</title>
-    <meta name="description"
-        content="Convert standard PDF files to PDF/A format (PDF/A-1b, PDF/A-2b, PDF/A-3b) for long-term preservation and archiving using Ghostscript directly in your browser.">
-    
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to PDF/A - Convert PDF for Long-term Archiving - BentoPDF</title>
+  <meta name="description"
+    content="Convert standard PDF files to PDF/A format (PDF/A-1b, PDF/A-2b, PDF/A-3b) for long-term preservation and archiving using Ghostscript directly in your browser.">
+
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -59,166 +62,167 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Pdf To Pdfa Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6">
-                Convert your PDF documents to PDF/A format for long-term archiving and preservation.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-container" class="hidden mt-6 space-y-6">
-                <div>
-                    <label class="block mb-2 text-sm font-medium text-gray-300">PDF/A Version</label>
-                    <select id="pdfa-level"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
-                        <option value="PDF/A-1b">PDF/A-1b (Strict, no transparency)</option>
-                        <option value="PDF/A-2b" selected>PDF/A-2b (Recommended, allows transparency)</option>
-                        <option value="PDF/A-3b">PDF/A-3b (Modern, allows attachments)</option>
-                    </select>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Convert to PDF/A</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Converting...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Pdf To Pdfa Converter Free Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6">
+        Convert your PDF documents to PDF/A format for long-term archiving and preservation.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-container" class="hidden mt-6 space-y-6">
+        <div>
+          <label class="block mb-2 text-sm font-medium text-gray-300">PDF/A Version</label>
+          <select id="pdfa-level"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
+            <option value="PDF/A-1b">PDF/A-1b (Strict, no transparency)</option>
+            <option value="PDF/A-2b" selected>PDF/A-2b (Recommended, allows transparency)</option>
+            <option value="PDF/A-3b">PDF/A-3b (Modern, allows attachments)</option>
+          </select>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Convert to PDF/A</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Converting...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -226,26 +230,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -258,14 +267,16 @@
           Is pdf to pdfa really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,84 +288,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-pdfa-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-pdfa-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -376,7 +386,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -405,7 +415,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-png.html b/src/pages/pdf-to-png.html
index 4775964b..240e04b6 100644
--- a/src/pages/pdf-to-png.html
+++ b/src/pages/pdf-to-png.html
@@ -2,54 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Png Online Free - Pdf To Png Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Png Online Free - Pdf To Png Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to png, pdf to png, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-png">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-png">
   <meta property="og:title" content="Pdf To Png Online Free - Pdf To Png Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-png.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-png">
   <meta name="twitter:title" content="Pdf To Png Free">
-  <meta name="twitter:description" content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Pdf To Png online free - Pdf to png PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-png.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Png">
-  
 
-    <title>PDF to PNG - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to PNG images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-png.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-png.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-png.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-png.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to PNG - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to PNG images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-png.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-png.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-png.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-png.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,153 +65,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToPng.name">PDF to PNG Converter Free - High Quality Images</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToPng.subtitle">
-                Convert each page of a PDF file into a high-quality PNG image with transparency support.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="png-scale" class="block mb-2 text-sm font-medium text-gray-300">Image Scale</label>
-                    <div class="flex items-center gap-4">
-                        <input type="range" id="png-scale" min="1.0" max="3.0" step="0.1" value="2.0" class="flex-1">
-                        <span id="png-scale-value" class="text-white font-medium w-16 text-right">2.0x</span>
-                    </div>
-                    <p class="mt-1 text-xs text-gray-400">Higher scale = better quality but larger file size</p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToPng.name">PDF to PNG Converter Free - High
+        Quality Images</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToPng.subtitle">
+        Convert each page of a PDF file into a high-quality PNG image with transparency support.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="png-scale" class="block mb-2 text-sm font-medium text-gray-300">Image Scale</label>
+          <div class="flex items-center gap-4">
+            <input type="range" id="png-scale" min="1.0" max="3.0" step="0.1" value="2.0" class="flex-1">
+            <span id="png-scale-value" class="text-white font-medium w-16 text-right">2.0x</span>
+          </div>
+          <p class="mt-1 text-xs text-gray-400">Higher scale = better quality but larger file size</p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -217,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -249,14 +257,16 @@
           Is pdf to png really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,84 +278,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-png-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-png-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -367,7 +376,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -396,7 +405,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-svg.html b/src/pages/pdf-to-svg.html
index bc2753ae..148ffc0c 100644
--- a/src/pages/pdf-to-svg.html
+++ b/src/pages/pdf-to-svg.html
@@ -2,54 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to svg, pdf to svg, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-svg">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-svg">
   <meta property="og:title" content="Pdf To Svg Online Free - Pdf To Svg Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-svg.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-svg">
   <meta name="twitter:title" content="Pdf To Svg Free">
-  <meta name="twitter:description" content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Pdf To Svg online free - Pdf to svg PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-svg.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Svg">
-  
 
-    <title>PDF to SVG - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to SVG images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-svg.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-svg.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-svg.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-svg.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to SVG - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to SVG images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-svg.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-svg.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-svg.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-svg.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,155 +65,156 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToSvg.name">Pdf To Svg Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToSvg.subtitle">
-                Convert each page of a PDF file into a scalable vector graphic (SVG) for perfect quality at any size.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to SVG</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToSvg.name">Pdf To Svg Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToSvg.subtitle">
+        Convert each page of a PDF file into a scalable vector graphic (SVG) for perfect quality at any size.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to SVG</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -219,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -251,14 +259,16 @@
           Is pdf to svg really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -270,84 +280,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-svg-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-svg-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -369,7 +378,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -398,7 +407,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-text.html b/src/pages/pdf-to-text.html
index a5e8463f..2a737895 100644
--- a/src/pages/pdf-to-text.html
+++ b/src/pages/pdf-to-text.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Text Online Free - Pdf To Text Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Text Online Free - Pdf To Text Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to text, pdf to text, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-text">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-text">
   <meta property="og:title" content="Pdf To Text Online Free - Pdf To Text Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-text.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-text">
   <meta name="twitter:title" content="Pdf To Text Free">
-  <meta name="twitter:description" content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Pdf To Text online free - Pdf to text PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-text.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Text">
-  
 
-    <title>PDF to Text - Extract Text from PDF Files - BentoPDF</title>
-    <meta name="description"
-        content="Extract text from PDF files and save as plain text (.txt). Free, secure, and runs entirely in your browser." />
-    <meta name="keywords"
-        content="PDF to text, extract text from PDF, PDF text extractor, convert PDF to TXT, free PDF tool" />
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-text.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-text.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-text.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/pdf-to-text.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-text.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>PDF to Text - Extract Text from PDF Files - BentoPDF</title>
+  <meta name="description"
+    content="Extract text from PDF files and save as plain text (.txt). Free, secure, and runs entirely in your browser." />
+  <meta name="keywords"
+    content="PDF to text, extract text from PDF, PDF text extractor, convert PDF to TXT, free PDF tool" />
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-text.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-text.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-text.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/pdf-to-text.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-text.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,160 +67,162 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
+    </div>
+  </nav>
 
-    <div class="min-h-screen flex items-center justify-center p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToText.name">PDF to Text Converter Free - Extract Text Online</h1>
-            <p class="text-gray-400 mb-4" data-i18n="tools:pdfToText.subtitle">
-                Extract all text from PDF files and save as plain text (.txt). Supports multiple files.
+  <div class="min-h-screen flex items-center justify-center p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToText.name">PDF to Text Converter Free -
+        Extract Text Online</h1>
+      <p class="text-gray-400 mb-4" data-i18n="tools:pdfToText.subtitle">
+        Extract all text from PDF files and save as plain text (.txt). Supports multiple files.
+      </p>
+      <div class="bg-amber-900/30 border border-amber-700/50 rounded-lg p-3 mb-6">
+        <p class="text-amber-200 text-sm">
+          <strong>Note:</strong> This tool works ONLY with digitally created PDFs. For scanned documents or
+          image-based PDFs, use our <a href="/ocr-pdf.html" class="text-indigo-400 hover:text-indigo-300 underline">OCR
+            PDF tool</a> instead.
+        </p>
+      </div>
+
+      <div class="upload-section mb-6">
+        <div id="drop-zone"
+          class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+          <div class="flex flex-col items-center justify-center pt-5 pb-6">
+            <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+            <p class="mb-2 text-sm text-gray-300">
+              <span class="font-semibold" data-i18n="upload.clickToSelect">Click to select files</span>
+              <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <div class="bg-amber-900/30 border border-amber-700/50 rounded-lg p-3 mb-6">
-                <p class="text-amber-200 text-sm">
-                    <strong>Note:</strong> This tool works ONLY with digitally created PDFs. For scanned documents or
-                    image-based PDFs, use our <a href="/ocr-pdf.html"
-                        class="text-indigo-400 hover:text-indigo-300 underline">OCR PDF tool</a> instead.
-                </p>
-            </div>
-
-            <div class="upload-section mb-6">
-                <div id="drop-zone"
-                    class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                    <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                        <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                        <p class="mb-2 text-sm text-gray-300">
-                            <span class="font-semibold" data-i18n="upload.clickToSelect">Click to select files</span>
-                            <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
-                        </p>
-                        <p class="text-xs text-gray-500">PDF files</p>
-                        <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                            device.</p>
-                    </div>
-                    <input type="file" id="file-input" accept="application/pdf" multiple
-                        class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" />
-                </div>
-
-                <div id="file-controls" class="hidden mt-4 flex gap-3">
-                    <button id="add-more-btn"
-                        class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                        <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                    </button>
-                    <button id="clear-files-btn"
-                        class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                        <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                    </button>
-                </div>
-
-                <div id="file-display-area" class="mt-4 space-y-2"></div>
-            </div>
-
-            <div id="extract-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:pdfToText.convertButton">Extract Text</span>
-                </button>
-            </div>
-
-            <div id="status-message" class="mt-4 hidden p-3 rounded-lg text-sm"></div>
+            <p class="text-xs text-gray-500">PDF files</p>
+            <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+              device.</p>
+          </div>
+          <input type="file" id="file-input" accept="application/pdf" multiple
+            class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" />
         </div>
-    </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing">Processing...</p>
+        <div id="file-controls" class="hidden mt-4 flex gap-3">
+          <button id="add-more-btn"
+            class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+            <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+          </button>
+          <button id="clear-files-btn"
+            class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+            <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+          </button>
         </div>
-    </div>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
-                data-i18n="alert.ok">OK</button>
-        </div>
-    </div>
+        <div id="file-display-area" class="mt-4 space-y-2"></div>
+      </div>
+
+      <div id="extract-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:pdfToText.convertButton">Extract Text</span>
+        </button>
+      </div>
+
+      <div id="status-message" class="mt-4 hidden p-3 rounded-lg text-sm"></div>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
+        data-i18n="alert.ok">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -225,26 +230,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -257,14 +267,16 @@
           Is pdf to text really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,73 +288,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/logic/pdf-to-text-page.ts"></script>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/logic/pdf-to-text-page.ts"></script>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -364,7 +375,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -393,7 +404,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-tiff.html b/src/pages/pdf-to-tiff.html
index 22488f55..cbc5440c 100644
--- a/src/pages/pdf-to-tiff.html
+++ b/src/pages/pdf-to-tiff.html
@@ -2,54 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to tiff, pdf to tiff, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-tiff">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-tiff">
   <meta property="og:title" content="Pdf To Tiff Online Free - Pdf To Tiff Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-tiff.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-tiff">
   <meta name="twitter:title" content="Pdf To Tiff Free">
-  <meta name="twitter:description" content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Pdf To Tiff online free - Pdf to tiff PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-tiff.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Tiff">
-  
 
-    <title>PDF to TIFF - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to TIFF images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-tiff.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-tiff.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-tiff.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-tiff.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to TIFF - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to TIFF images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-tiff.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-tiff.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-tiff.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-tiff.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,127 +65,128 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i><span class="cursor-pointer"
-                    data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToTiff.name">Pdf To Tiff Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToTiff.subtitle">Convert each page of a PDF file into a
-                TIFF image.</p>
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-            <div id="options-panel" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
-                data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+  </nav>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i><span class="cursor-pointer"
+          data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToTiff.name">Pdf To Tiff Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToTiff.subtitle">Convert each page of a PDF file into a
+        TIFF image.</p>
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+      <div id="options-panel" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
+      </div>
     </div>
-    
+  </div>
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
+        data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+    </div>
+  </div>
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -191,26 +194,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -223,14 +231,16 @@
           Is pdf to tiff really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -242,70 +252,69 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6"
-                                fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg></a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg></a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"
-                                aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg></a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-tiff-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6" fill="currentColor"
+                viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg></a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg></a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)"><svg
+                class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-tiff-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -327,7 +336,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -356,7 +365,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-webp.html b/src/pages/pdf-to-webp.html
index ef7af2bd..765056bd 100644
--- a/src/pages/pdf-to-webp.html
+++ b/src/pages/pdf-to-webp.html
@@ -2,54 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to webp, pdf to webp, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-webp">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-webp">
   <meta property="og:title" content="Pdf To Webp Online Free - Pdf To Webp Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-webp.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-webp">
   <meta name="twitter:title" content="Pdf To Webp Free">
-  <meta name="twitter:description" content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Pdf To Webp online free - Pdf to webp PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-webp.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Webp">
-  
 
-    <title>PDF to WebP - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF pages to WebP images. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-webp.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-webp.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-webp.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-webp.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PDF to WebP - BentoPDF</title>
+  <meta name="description" content="Convert PDF pages to WebP images. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-webp.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-webp.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-webp.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-webp.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,154 +65,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToWebp.name">Pdf To Webp Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfToWebp.subtitle">
-                Convert each page of a PDF file into a modern WebP image format with smaller file sizes.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="webp-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
-                    <div class="flex items-center gap-4">
-                        <input type="range" id="webp-quality" min="0.1" max="1.0" step="0.01" value="0.85"
-                            class="flex-1">
-                        <span id="webp-quality-value" class="text-white font-medium w-16 text-right">85%</span>
-                    </div>
-                    <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfToWebp.name">Pdf To Webp Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfToWebp.subtitle">
+        Convert each page of a PDF file into a modern WebP image format with smaller file sizes.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="webp-quality" class="block mb-2 text-sm font-medium text-gray-300">Image Quality</label>
+          <div class="flex items-center gap-4">
+            <input type="range" id="webp-quality" min="0.1" max="1.0" step="0.01" value="0.85" class="flex-1">
+            <span id="webp-quality-value" class="text-white font-medium w-16 text-right">85%</span>
+          </div>
+          <p class="mt-1 text-xs text-gray-400">Higher quality = larger file size</p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Download All as ZIP</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +257,16 @@
           Is pdf to webp really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,84 +278,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-webp-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-webp-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -368,7 +376,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -397,7 +405,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pdf-to-zip.html b/src/pages/pdf-to-zip.html
index 39ae4d49..c6682f3b 100644
--- a/src/pages/pdf-to-zip.html
+++ b/src/pages/pdf-to-zip.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF</title>
   <meta name="title" content="Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF">
-  <meta name="description" content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pdf to zip, pdf to zip, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pdf-to-zip">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pdf-to-zip">
   <meta property="og:title" content="Pdf To Zip Online Free - Pdf To Zip Tool | BentoPDF">
-  <meta property="og:description" content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pdf-to-zip.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pdf-to-zip">
   <meta name="twitter:title" content="Pdf To Zip Free">
-  <meta name="twitter:description" content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Pdf To Zip online free - Pdf to zip PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-to-zip.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pdf To Zip">
-  
 
-    <title>PDFs to ZIP - BentoPDF</title>
-    <meta name="description"
-        content="Package multiple PDF files into a single ZIP archive. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/pdf-to-zip.html" />
-    <link rel="alternate" hreflang="de" href="/de/pdf-to-zip.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pdf-to-zip.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pdf-to-zip.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>PDFs to ZIP - BentoPDF</title>
+  <meta name="description"
+    content="Package multiple PDF files into a single ZIP archive. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/pdf-to-zip.html" />
+  <link rel="alternate" hreflang="de" href="/de/pdf-to-zip.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pdf-to-zip.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-zip.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,148 +64,150 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfsToZip.name">Pdf To Zip Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pdfsToZip.subtitle">
-                Package multiple PDF files into a single ZIP archive for easy sharing and storage.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">Multiple PDF files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
-                    <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
-                        <li>All selected PDF files will be packaged into a single ZIP archive.</li>
-                        <li>File names will be preserved in the archive.</li>
-                    </ul>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Create ZIP Archive</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pdfsToZip.name">Pdf To Zip Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pdfsToZip.subtitle">
+        Package multiple PDF files into a single ZIP archive for easy sharing and storage.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">Multiple PDF files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
+          <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
+            <li>All selected PDF files will be packaged into a single ZIP archive.</li>
+            <li>File names will be preserved in the archive.</li>
+          </ul>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Create ZIP Archive</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -210,26 +215,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -242,14 +252,16 @@
           Is pdf to zip really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -261,73 +273,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pdf-to-zip-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pdf-to-zip-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -349,7 +360,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -378,7 +389,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/png-to-pdf.html b/src/pages/png-to-pdf.html
index 148eff38..e18e4e63 100644
--- a/src/pages/png-to-pdf.html
+++ b/src/pages/png-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PNG to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PNG to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="png to pdf, image to pdf, convert png">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/png-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/png-to-pdf">
   <meta property="og:title" content="PNG to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-png-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/png-to-pdf">
   <meta name="twitter:title" content="PNG to PDF Free">
-  <meta name="twitter:description" content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
+  <meta name="twitter:description"
+    content="★ PNG to PDF online free - Convert PNG to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-png-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PNG to PDF">
-  
 
-    <title>PNG to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert one or more PNG images into a single PDF file. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/png-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/png-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/png-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/png-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PNG to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert one or more PNG images into a single PDF file. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/png-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/png-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/png-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/png-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,173 +66,173 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pngToPdf.name">PNG to PDF Converter Free - Convert Images Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pngToPdf.subtitle">
-                Convert one or more PNG images into a single PDF file.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PNG Images</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    multiple accept="image/png">
-            </div>
-
-            <!-- Control buttons -->
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <!-- File List -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Options -->
-            <div id="jpg-to-pdf-options" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
-                    </label>
-                    <select id="jpg-pdf-quality"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="high"> High Quality (Larger file) </option>
-                        <option value="medium" selected> Medium Quality (Balanced) </option>
-                        <option value="low"> Low Quality (Smaller file) </option>
-                    </select>
-                    <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pngToPdf.name">PNG to PDF Converter Free - Convert
+        Images Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pngToPdf.subtitle">
+        Convert one or more PNG images into a single PDF file.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PNG Images</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
+          accept="image/png">
+      </div>
+
+      <!-- Control buttons -->
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <!-- File List -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Options -->
+      <div id="jpg-to-pdf-options" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
+          </label>
+          <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="high"> High Quality (Larger file) </option>
+            <option value="medium" selected> Medium Quality (Balanced) </option>
+            <option value="low"> Low Quality (Smaller file) </option>
+          </select>
+          <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -237,26 +240,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -269,14 +277,16 @@
           Is png to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -288,96 +298,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/png-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/png-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -399,7 +408,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -428,7 +437,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/posterize-pdf.html b/src/pages/posterize-pdf.html
index 418c1cd3..9a9121dd 100644
--- a/src/pages/posterize-pdf.html
+++ b/src/pages/posterize-pdf.html
@@ -4,41 +4,44 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF</title>
-  <meta name="title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="posterize pdf, posterize pdf, online pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/posterize-pdf">
-  
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/posterize-pdf">
-  <meta property="og:title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-posterize-pdf.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/posterize-pdf">
-  <meta name="twitter:title" content="Posterize Pdf Free">
-  <meta name="twitter:description" content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-posterize-pdf.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
-  <!-- Mobile Web App -->
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-title" content="Posterize Pdf">
-  
+
+    <!-- Primary Meta Tags -->
+    <title>Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF</title>
+    <meta name="title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF">
+    <meta name="description"
+        content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta name="keywords" content="posterize pdf, posterize pdf, online pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/posterize-pdf">
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/posterize-pdf">
+    <meta property="og:title" content="Posterize Pdf Online Free - Posterize Pdf Tool | BentoPDF">
+    <meta property="og:description"
+        content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-posterize-pdf.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.bentopdf.com/posterize-pdf">
+    <meta name="twitter:title" content="Posterize Pdf Free">
+    <meta name="twitter:description"
+        content="★ Posterize Pdf online free - Posterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-posterize-pdf.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+    <!-- Mobile Web App -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Posterize Pdf">
+
 
     <title>Posterize PDF - Split Pages for Poster Printing - BentoPDF</title>
     <meta name="description"
@@ -49,15 +52,15 @@
     <link rel="alternate" hreflang="x-default" href="/en/posterize-pdf.html" />
     <link href="/src/css/styles.css" rel="stylesheet" />
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -114,7 +117,8 @@
                 <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:posterizePdf.name">Posterize Pdf Free Online - Fast & Secure</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:posterizePdf.name">Posterize Pdf Free Online
+                - Fast & Secure</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:posterizePdf.subtitle">
                 Split pages into multiple smaller sheets to print as a poster. Navigate the preview and see the grid
                 update based on your settings.
@@ -289,96 +293,107 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+                    <p class="text-gray-400">Click or drag and drop your file to begin</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+                    <p class="text-gray-400">Click the process button to start</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+                    <p class="text-gray-400">Save your processed file instantly</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is posterize pdf really free?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Are my files private and secure?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Is there a file size limit?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/compress-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+            </a>
+            <a href="/split-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+            </a>
+            <a href="/edit-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+            </a>
+            <a href="/rotate-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is posterize pdf really free?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and
+                    unlimited file processing.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Are my files private and secure?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave
+                    your device, ensuring complete privacy.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Is there a file size limit?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No! Process files of any size, as many times as you want, completely free.
+                </p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -386,7 +401,7 @@
                         <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">&copy; 2025 BentoPDF. All rights reserved.</p>
+                    <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
                     <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
                 </div>
                 <div>
@@ -448,8 +463,8 @@
 
     <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -468,8 +483,8 @@
     }
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "HowTo",
@@ -497,8 +512,8 @@
     ]
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
diff --git a/src/pages/powerpoint-to-pdf.html b/src/pages/powerpoint-to-pdf.html
index 93780932..7e840341 100644
--- a/src/pages/powerpoint-to-pdf.html
+++ b/src/pages/powerpoint-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="powerpoint to pdf, ppt to pdf, presentation to pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/powerpoint-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/powerpoint-to-pdf">
   <meta property="og:title" content="PowerPoint to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
+  <meta property="og:description"
+    content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-powerpoint-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/powerpoint-to-pdf">
   <meta name="twitter:title" content="PowerPoint to PDF Free">
-  <meta name="twitter:description" content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ ">
+  <meta name="twitter:description"
+    content="★ PowerPoint to PDF online free - Convert PowerPoint to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-powerpoint-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="PowerPoint to PDF">
-  
 
-    <title>PowerPoint to PDF - Convert PPTX, PPT to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/powerpoint-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/powerpoint-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/powerpoint-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/powerpoint-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PowerPoint to PDF - Convert PPTX, PPT to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/powerpoint-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/powerpoint-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/powerpoint-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/powerpoint-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,157 +66,158 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:powerpointToPdf.name">PowerPoint to PDF Converter - Convert PPT Free</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:powerpointToPdf.subtitle">
-                Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:powerpointToPdf.acceptedFormats">PPTX, PPT, ODP
-                        files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".ppt,.pptx,.odp,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.oasis.opendocument.presentation"
-                    multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full"
-                    data-i18n="tools:powerpointToPdf.convertButton">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:powerpointToPdf.name">PowerPoint to PDF Converter
+        - Convert PPT Free</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:powerpointToPdf.subtitle">
+        Convert PowerPoint presentations (PPTX, PPT, ODP) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:powerpointToPdf.acceptedFormats">PPTX, PPT, ODP
+            files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".ppt,.pptx,.odp,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.oasis.opendocument.presentation"
+          multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:powerpointToPdf.convertButton">Convert to
+          PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -221,26 +225,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -253,14 +262,16 @@
           Is powerpoint to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -272,96 +283,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/powerpoint-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/powerpoint-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -383,7 +393,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -412,7 +422,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/prepare-pdf-for-ai.html b/src/pages/prepare-pdf-for-ai.html
index e430a297..d7309ee0 100644
--- a/src/pages/prepare-pdf-for-ai.html
+++ b/src/pages/prepare-pdf-for-ai.html
@@ -2,50 +2,53 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF</title>
   <meta name="title" content="Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF">
-  <meta name="description" content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="prepare pdf for ai, prepare pdf for ai, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/prepare-pdf-for-ai">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/prepare-pdf-for-ai">
   <meta property="og:title" content="Prepare Pdf For Ai Online Free - Prepare Pdf For Ai Tool | BentoPDF">
-  <meta property="og:description" content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-prepare-pdf-for-ai.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/prepare-pdf-for-ai">
   <meta name="twitter:title" content="Prepare Pdf For Ai Free">
-  <meta name="twitter:description" content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
+  <meta name="twitter:description"
+    content="★ Prepare Pdf For Ai online free - Prepare pdf for ai PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-prepare-pdf-for-ai.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Prepare Pdf For Ai">
-  
 
-    <title>Prepare PDF for AI - Extract for LLM/RAG - BentoPDF</title>
-    <meta name="description"
-        content="Extract PDF content as AI-ready JSON for LlamaIndex, LangChain, and other LLM frameworks. Free, secure, and runs entirely in your browser.">
-    
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Prepare PDF for AI - Extract for LLM/RAG - BentoPDF</title>
+  <meta name="description"
+    content="Extract PDF content as AI-ready JSON for LlamaIndex, LangChain, and other LLM frameworks. Free, secure, and runs entirely in your browser.">
+
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -59,165 +62,166 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Prepare Pdf For Ai Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6">
-                Extract PDF content as LlamaIndex-compatible JSON documents. Perfect for RAG pipelines, LangChain, and
-                other LLM frameworks.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> or
-                        drag and drop</p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500">Your files never leave your device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span>Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span>Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="extract-options" class="hidden mt-6 space-y-6">
-                <div class="bg-gray-700 rounded-lg p-4 text-sm text-gray-300">
-                    <p class="font-medium text-white mb-2">Output Format:</p>
-                    <p>Each PDF will be extracted as a JSON file containing an array of LlamaIndex Document objects
-                        with:</p>
-                    <ul class="list-disc list-inside mt-2 space-y-1 text-gray-400">
-                        <li><code class="text-indigo-400">text</code> - Extracted text content per page</li>
-                        <li><code class="text-indigo-400">metadata</code> - Page number, headings, and document info
-                        </li>
-                        <li><code class="text-indigo-400">extra_info</code> - Additional context for RAG systems</li>
-                    </ul>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Extract for AI</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Prepare Pdf For Ai Free Online - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6">
+        Extract PDF content as LlamaIndex-compatible JSON documents. Perfect for RAG pipelines, LangChain, and
+        other LLM frameworks.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> or
+            drag and drop</p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500">Your files never leave your device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span>Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span>Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="extract-options" class="hidden mt-6 space-y-6">
+        <div class="bg-gray-700 rounded-lg p-4 text-sm text-gray-300">
+          <p class="font-medium text-white mb-2">Output Format:</p>
+          <p>Each PDF will be extracted as a JSON file containing an array of LlamaIndex Document objects
+            with:</p>
+          <ul class="list-disc list-inside mt-2 space-y-1 text-gray-400">
+            <li><code class="text-indigo-400">text</code> - Extracted text content per page</li>
+            <li><code class="text-indigo-400">metadata</code> - Page number, headings, and document info
+            </li>
+            <li><code class="text-indigo-400">extra_info</code> - Additional context for RAG systems</li>
+          </ul>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Extract for AI</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -225,26 +229,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -257,14 +266,16 @@
           Is prepare pdf for ai really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,84 +287,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/prepare-pdf-for-ai-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/prepare-pdf-for-ai-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -375,7 +385,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -404,7 +414,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/psd-to-pdf.html b/src/pages/psd-to-pdf.html
index 468eaed3..9a6dd7d9 100644
--- a/src/pages/psd-to-pdf.html
+++ b/src/pages/psd-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="psd to pdf, psd to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/psd-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/psd-to-pdf">
   <meta property="og:title" content="Psd To Pdf Online Free - Psd To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-psd-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/psd-to-pdf">
   <meta name="twitter:title" content="Psd To Pdf Free">
-  <meta name="twitter:description" content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Psd To Pdf online free - Psd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-psd-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Psd To Pdf">
-  
 
-    <title>PSD to PDF - Convert Photoshop Files to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Adobe Photoshop (PSD) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/psd-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/psd-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/psd-to-pdf.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/psd-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/psd-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PSD to PDF - Convert Photoshop Files to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Adobe Photoshop (PSD) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/psd-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/psd-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/psd-to-pdf.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/psd-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/psd-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,145 +67,147 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:psdToPdf.name">Psd To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:psdToPdf.subtitle">
-                Convert Adobe Photoshop (PSD) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:psdToPdf.acceptedFormats">PSD files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".psd" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="btn-gradient w-full mt-6 hidden">
-                <span data-i18n="tools:psdToPdf.convertButton">Convert to PDF</span>
-            </button>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:psdToPdf.name">Psd To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:psdToPdf.subtitle">
+        Convert Adobe Photoshop (PSD) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:psdToPdf.acceptedFormats">PSD files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".psd" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="btn-gradient w-full mt-6 hidden">
+        <span data-i18n="tools:psdToPdf.convertButton">Convert to PDF</span>
+      </button>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -210,26 +215,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -242,14 +252,16 @@
           Is psd to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -261,73 +273,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/psd-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/psd-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -349,7 +360,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -378,7 +389,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/pub-to-pdf.html b/src/pages/pub-to-pdf.html
index 2ced985b..86336334 100644
--- a/src/pages/pub-to-pdf.html
+++ b/src/pages/pub-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="pub to pdf, pub to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/pub-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/pub-to-pdf">
   <meta property="og:title" content="Pub To Pdf Online Free - Pub To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-pub-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/pub-to-pdf">
   <meta name="twitter:title" content="Pub To Pdf Free">
-  <meta name="twitter:description" content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Pub To Pdf online free - Pub to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pub-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Pub To Pdf">
-  
 
-    <title>PUB to PDF - Convert Microsoft Publisher to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Microsoft Publisher (PUB) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/pub-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/pub-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/pub-to-pdf.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/pub-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/pub-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>PUB to PDF - Convert Microsoft Publisher to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Microsoft Publisher (PUB) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/pub-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/pub-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/pub-to-pdf.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/pub-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/pub-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,155 +67,157 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pubToPdf.name">Pub To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:pubToPdf.subtitle">
-                Convert Microsoft Publisher (PUB) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:pubToPdf.acceptedFormats">PUB files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".pub" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:pubToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:pubToPdf.name">Pub To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:pubToPdf.subtitle">
+        Convert Microsoft Publisher (PUB) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:pubToPdf.acceptedFormats">PUB files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".pub" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:pubToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -220,26 +225,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -252,14 +262,16 @@
           Is pub to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -271,73 +283,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/pub-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/pub-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -359,7 +370,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -388,7 +399,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/rasterize-pdf.html b/src/pages/rasterize-pdf.html
index 47ee1b3c..29c936ee 100644
--- a/src/pages/rasterize-pdf.html
+++ b/src/pages/rasterize-pdf.html
@@ -2,50 +2,53 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Rasterize Pdf Online Free - Rasterize Pdf Tool | BentoPDF</title>
   <meta name="title" content="Rasterize Pdf Online Free - Rasterize Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Rasterize Pdf online free - Rasterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Rasterize Pdf online free - Rasterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="rasterize pdf, rasterize pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/rasterize-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/rasterize-pdf">
   <meta property="og:title" content="Rasterize Pdf Online Free - Rasterize Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Rasterize Pdf online free - Rasterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Rasterize Pdf online free - Rasterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-rasterize-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/rasterize-pdf">
   <meta name="twitter:title" content="Rasterize Pdf Free">
-  <meta name="twitter:description" content="★ Rasterize Pdf online free - Rasterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Rasterize Pdf online free - Rasterize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rasterize-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Rasterize Pdf">
-  
 
-    <title>Rasterize PDF - Convert to Image-Based PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert PDF to image-based PDF. Flatten layers, remove selectable text. Free, secure, and runs entirely in your browser.">
-    
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Rasterize PDF - Convert to Image-Based PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert PDF to image-based PDF. Flatten layers, remove selectable text. Free, secure, and runs entirely in your browser.">
+
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -59,183 +62,184 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer">Back to Tools</span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Rasterize Pdf Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6">
-                Convert vector graphics and text to images. Useful for flattening layers, removing selectable text, or
-                creating print-ready files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> or
-                        drag and drop</p>
-                    <p class="text-xs text-gray-500">One or more PDF files</p>
-                    <p class="text-xs text-gray-500">Your files never leave your device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span>Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span>Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="rasterize-options" class="hidden mt-6 space-y-6">
-                <div>
-                    <label for="rasterize-dpi" class="block mb-2 text-sm font-medium text-gray-300">DPI
-                        (Resolution)</label>
-                    <select id="rasterize-dpi"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
-                        <option value="72">72 (Screen)</option>
-                        <option value="150" selected>150 (Default)</option>
-                        <option value="200">200 (Good)</option>
-                        <option value="300">300 (Print)</option>
-                        <option value="600">600 (High Quality)</option>
-                    </select>
-                </div>
-
-                <div>
-                    <label for="rasterize-format" class="block mb-2 text-sm font-medium text-gray-300">Image
-                        Format</label>
-                    <select id="rasterize-format"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
-                        <option value="png" selected>PNG (Lossless)</option>
-                        <option value="jpeg">JPEG (Smaller file size)</option>
-                    </select>
-                </div>
-
-                <div class="flex items-center">
-                    <input type="checkbox" id="rasterize-grayscale"
-                        class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                    <label for="rasterize-grayscale" class="ml-2 text-sm font-medium text-gray-300">Convert to
-                        Grayscale</label>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Rasterize PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer">Back to Tools</span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Rasterize Pdf Free Online - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6">
+        Convert vector graphics and text to images. Useful for flattening layers, removing selectable text, or
+        creating print-ready files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> or
+            drag and drop</p>
+          <p class="text-xs text-gray-500">One or more PDF files</p>
+          <p class="text-xs text-gray-500">Your files never leave your device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span>Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span>Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="rasterize-options" class="hidden mt-6 space-y-6">
+        <div>
+          <label for="rasterize-dpi" class="block mb-2 text-sm font-medium text-gray-300">DPI
+            (Resolution)</label>
+          <select id="rasterize-dpi"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
+            <option value="72">72 (Screen)</option>
+            <option value="150" selected>150 (Default)</option>
+            <option value="200">200 (Good)</option>
+            <option value="300">300 (Print)</option>
+            <option value="600">600 (High Quality)</option>
+          </select>
+        </div>
+
+        <div>
+          <label for="rasterize-format" class="block mb-2 text-sm font-medium text-gray-300">Image
+            Format</label>
+          <select id="rasterize-format"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500">
+            <option value="png" selected>PNG (Lossless)</option>
+            <option value="jpeg">JPEG (Smaller file size)</option>
+          </select>
+        </div>
+
+        <div class="flex items-center">
+          <input type="checkbox" id="rasterize-grayscale"
+            class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+          <label for="rasterize-grayscale" class="ml-2 text-sm font-medium text-gray-300">Convert to
+            Grayscale</label>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Rasterize PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -243,26 +247,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -275,14 +284,16 @@
           Is rasterize pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -294,84 +305,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/rasterize-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/rasterize-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -393,7 +403,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -422,7 +432,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/remove-annotations.html b/src/pages/remove-annotations.html
index cf18d93d..e55f3a8a 100644
--- a/src/pages/remove-annotations.html
+++ b/src/pages/remove-annotations.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Remove Annotations Online Free - Remove Annotations Tool | BentoPDF</title>
   <meta name="title" content="Remove Annotations Online Free - Remove Annotations Tool | BentoPDF">
-  <meta name="description" content="★ Remove Annotations online free - Remove annotations PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Remove Annotations online free - Remove annotations PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="remove annotations, remove annotations, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/remove-annotations">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/remove-annotations">
   <meta property="og:title" content="Remove Annotations Online Free - Remove Annotations Tool | BentoPDF">
-  <meta property="og:description" content="★ Remove Annotations online free - Remove annotations PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Remove Annotations online free - Remove annotations PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-remove-annotations.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/remove-annotations">
   <meta name="twitter:title" content="Remove Annotations Free">
-  <meta name="twitter:description" content="★ Remove Annotations online free - Remove annotations PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
+  <meta name="twitter:description"
+    content="★ Remove Annotations online free - Remove annotations PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-remove-annotations.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Remove Annotations">
-  
 
-    <title>Remove Annotations - BentoPDF</title>
-    <meta name="description"
-        content="Remove all annotations, comments, and markup from your PDF documents. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/remove-annotations.html" />
-    <link rel="alternate" hreflang="de" href="/de/remove-annotations.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/remove-annotations.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/remove-annotations.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Remove Annotations - BentoPDF</title>
+  <meta name="description"
+    content="Remove all annotations, comments, and markup from your PDF documents. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/remove-annotations.html" />
+  <link rel="alternate" hreflang="de" href="/de/remove-annotations.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/remove-annotations.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/remove-annotations.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,144 +66,145 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeAnnotations.name">Remove Annotations Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:removeAnnotations.subtitle">
-                Remove all comments, highlights, and markup from your PDF document.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <p class="text-gray-400 text-sm">Click the button below to remove all annotations from your PDF.</p>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Remove Annotations</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeAnnotations.name">Remove Annotations Free
+        Online - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:removeAnnotations.subtitle">
+        Remove all comments, highlights, and markup from your PDF document.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <p class="text-gray-400 text-sm">Click the button below to remove all annotations from your PDF.</p>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Remove Annotations</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -208,26 +212,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -240,14 +249,16 @@
           Is remove annotations really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -259,77 +270,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/remove-annotations-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/remove-annotations-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -351,7 +361,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -380,7 +390,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/remove-blank-pages.html b/src/pages/remove-blank-pages.html
index 44063373..224851fe 100644
--- a/src/pages/remove-blank-pages.html
+++ b/src/pages/remove-blank-pages.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Remove Blank Pages Online Free - Remove Blank Pages Tool | BentoPDF</title>
   <meta name="title" content="Remove Blank Pages Online Free - Remove Blank Pages Tool | BentoPDF">
-  <meta name="description" content="★ Remove Blank Pages online free - Remove blank pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Remove Blank Pages online free - Remove blank pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="remove blank pages, remove blank pages, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/remove-blank-pages">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/remove-blank-pages">
   <meta property="og:title" content="Remove Blank Pages Online Free - Remove Blank Pages Tool | BentoPDF">
-  <meta property="og:description" content="★ Remove Blank Pages online free - Remove blank pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Remove Blank Pages online free - Remove blank pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-remove-blank-pages.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/remove-blank-pages">
   <meta name="twitter:title" content="Remove Blank Pages Free">
-  <meta name="twitter:description" content="★ Remove Blank Pages online free - Remove blank pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
+  <meta name="twitter:description"
+    content="★ Remove Blank Pages online free - Remove blank pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-remove-blank-pages.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Remove Blank Pages">
-  
 
-    <title>Remove Blank Pages - BentoPDF</title>
-    <meta name="description"
-        content="Automatically detect and remove blank pages from your PDF documents. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/remove-blank-pages.html" />
-    <link rel="alternate" hreflang="de" href="/de/remove-blank-pages.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/remove-blank-pages.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/remove-blank-pages.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Remove Blank Pages - BentoPDF</title>
+  <meta name="description"
+    content="Automatically detect and remove blank pages from your PDF documents. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/remove-blank-pages.html" />
+  <link rel="alternate" hreflang="de" href="/de/remove-blank-pages.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/remove-blank-pages.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/remove-blank-pages.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,161 +66,162 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeBlankPages.name">Remove Blank Pages Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:removeBlankPages.subtitle">
-                Automatically detect and remove all blank pages from your PDF document.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="sensitivity-slider" class="block mb-2 text-sm font-medium text-gray-300">
-                        Sensitivity: <span id="sensitivity-value">80</span>%
-                    </label>
-                    <input type="range" id="sensitivity-slider" min="0" max="100" value="80" step="5"
-                        class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
-                    <p class="text-xs text-gray-400 mt-1">Higher values detect more pages as blank</p>
-                </div>
-                <button id="detect-btn" class="btn-gradient w-full mt-4">Detect Blank Pages</button>
-            </div>
-
-            <!-- Preview of detected blank pages -->
-            <div id="preview-panel" class="hidden mt-6">
-                <h3 class="text-lg font-semibold text-white mb-3">Detected Blank Pages</h3>
-                <p id="preview-info" class="text-gray-400 text-sm mb-4"></p>
-                <div id="blank-pages-preview"
-                    class="grid grid-cols-3 md:grid-cols-4 gap-3 max-h-64 overflow-y-auto p-2 bg-gray-900 rounded-lg border border-gray-700">
-                </div>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Remove Selected Blank Pages</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeBlankPages.name">Remove Blank Pages Free
+        Online - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:removeBlankPages.subtitle">
+        Automatically detect and remove all blank pages from your PDF document.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="sensitivity-slider" class="block mb-2 text-sm font-medium text-gray-300">
+            Sensitivity: <span id="sensitivity-value">80</span>%
+          </label>
+          <input type="range" id="sensitivity-slider" min="0" max="100" value="80" step="5"
+            class="w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer">
+          <p class="text-xs text-gray-400 mt-1">Higher values detect more pages as blank</p>
+        </div>
+        <button id="detect-btn" class="btn-gradient w-full mt-4">Detect Blank Pages</button>
+      </div>
+
+      <!-- Preview of detected blank pages -->
+      <div id="preview-panel" class="hidden mt-6">
+        <h3 class="text-lg font-semibold text-white mb-3">Detected Blank Pages</h3>
+        <p id="preview-info" class="text-gray-400 text-sm mb-4"></p>
+        <div id="blank-pages-preview"
+          class="grid grid-cols-3 md:grid-cols-4 gap-3 max-h-64 overflow-y-auto p-2 bg-gray-900 rounded-lg border border-gray-700">
+        </div>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Remove Selected Blank Pages</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -225,26 +229,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -257,14 +266,16 @@
           Is remove blank pages really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -276,77 +287,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/remove-blank-pages-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/remove-blank-pages-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -368,7 +378,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -397,7 +407,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/remove-metadata.html b/src/pages/remove-metadata.html
index 267c0831..b5835549 100644
--- a/src/pages/remove-metadata.html
+++ b/src/pages/remove-metadata.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Remove Metadata Online Free - Remove Metadata Tool | BentoPDF</title>
   <meta name="title" content="Remove Metadata Online Free - Remove Metadata Tool | BentoPDF">
-  <meta name="description" content="★ Remove Metadata online free - Remove metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Remove Metadata online free - Remove metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="remove metadata, remove metadata, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/remove-metadata">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/remove-metadata">
   <meta property="og:title" content="Remove Metadata Online Free - Remove Metadata Tool | BentoPDF">
-  <meta property="og:description" content="★ Remove Metadata online free - Remove metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Remove Metadata online free - Remove metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-remove-metadata.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/remove-metadata">
   <meta name="twitter:title" content="Remove Metadata Free">
-  <meta name="twitter:description" content="★ Remove Metadata online free - Remove metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Remove Metadata online free - Remove metadata PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-remove-metadata.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Remove Metadata">
-  
 
-    <title>Remove Metadata - Strip Hidden Data from PDF - BentoPDF</title>
-    <meta name="description"
-        content="Remove all metadata from your PDF files. Strip hidden data including author, title, creation date, and more. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/remove-metadata.html" />
-    <link rel="alternate" hreflang="de" href="/de/remove-metadata.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/remove-metadata.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/remove-metadata.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Remove Metadata - Strip Hidden Data from PDF - BentoPDF</title>
+  <meta name="description"
+    content="Remove all metadata from your PDF files. Strip hidden data including author, title, creation date, and more. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/remove-metadata.html" />
+  <link rel="alternate" hreflang="de" href="/de/remove-metadata.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/remove-metadata.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/remove-metadata.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,150 +64,152 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeMetadata.name">Remove Metadata Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:removeMetadata.subtitle">
-                Strip all hidden data from your PDF including author, title, creation date, and XMP metadata.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <h3 class="text-sm font-semibold text-white mb-2">What will be removed:</h3>
-                    <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
-                        <li>Title, Author, Subject, Keywords</li>
-                        <li>Creator and Producer information</li>
-                        <li>Creation and Modification dates</li>
-                        <li>XMP Metadata streams</li>
-                        <li>Document IDs</li>
-                        <li>PieceInfo (private application data)</li>
-                    </ul>
-                </div>
-                <button id="process-btn" class="btn-gradient w-full">Remove All Metadata</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeMetadata.name">Remove Metadata Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:removeMetadata.subtitle">
+        Strip all hidden data from your PDF including author, title, creation date, and XMP metadata.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <h3 class="text-sm font-semibold text-white mb-2">What will be removed:</h3>
+          <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
+            <li>Title, Author, Subject, Keywords</li>
+            <li>Creator and Producer information</li>
+            <li>Creation and Modification dates</li>
+            <li>XMP Metadata streams</li>
+            <li>Document IDs</li>
+            <li>PieceInfo (private application data)</li>
+          </ul>
+        </div>
+        <button id="process-btn" class="btn-gradient w-full">Remove All Metadata</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -212,26 +217,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -244,14 +254,16 @@
           Is remove metadata really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -263,74 +275,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/remove-metadata-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/remove-metadata-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -352,7 +363,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -381,7 +392,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/remove-restrictions.html b/src/pages/remove-restrictions.html
index 9177303b..5673d355 100644
--- a/src/pages/remove-restrictions.html
+++ b/src/pages/remove-restrictions.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Remove Restrictions Online Free - Remove Restrictions Tool | BentoPDF</title>
   <meta name="title" content="Remove Restrictions Online Free - Remove Restrictions Tool | BentoPDF">
-  <meta name="description" content="★ Remove Restrictions online free - Remove restrictions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Remove Restrictions online free - Remove restrictions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="remove restrictions, remove restrictions, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/remove-restrictions">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/remove-restrictions">
   <meta property="og:title" content="Remove Restrictions Online Free - Remove Restrictions Tool | BentoPDF">
-  <meta property="og:description" content="★ Remove Restrictions online free - Remove restrictions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Remove Restrictions online free - Remove restrictions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-remove-restrictions.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/remove-restrictions">
   <meta name="twitter:title" content="Remove Restrictions Free">
-  <meta name="twitter:description" content="★ Remove Restrictions online free - Remove restrictions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
+  <meta name="twitter:description"
+    content="★ Remove Restrictions online free - Remove restrictions PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Work">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-remove-restrictions.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Remove Restrictions">
-  
 
-    <title>Remove PDF Restrictions - Unlock Editing and Printing - BentoPDF</title>
-    <meta name="description"
-        content="Remove restrictions from PDF files. Unlock editing, printing, and copying permissions. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/remove-restrictions.html" />
-    <link rel="alternate" hreflang="de" href="/de/remove-restrictions.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/remove-restrictions.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/remove-restrictions.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Remove PDF Restrictions - Unlock Editing and Printing - BentoPDF</title>
+  <meta name="description"
+    content="Remove restrictions from PDF files. Unlock editing, printing, and copying permissions. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/remove-restrictions.html" />
+  <link rel="alternate" hreflang="de" href="/de/remove-restrictions.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/remove-restrictions.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/remove-restrictions.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,159 +64,161 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeRestrictions.name">Remove Restrictions Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:removeRestrictions.subtitle">
-                Remove password protection and security restrictions from PDF files. Make PDFs fully editable and
-                printable.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="owner-password-remove" class="block mb-2 text-sm font-medium text-gray-300">Owner
-                        Password (Optional)</label>
-                    <input type="password" id="owner-password-remove" placeholder="Enter owner password if required"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                    <p class="text-xs text-gray-500 mt-1">Leave empty if the PDF has no owner password.</p>
-                </div>
-
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
-                    <h3 class="text-sm font-semibold text-white mb-2">What will be removed:</h3>
-                    <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
-                        <li>Password protection</li>
-                        <li>Printing restrictions</li>
-                        <li>Editing restrictions</li>
-                        <li>Copying restrictions</li>
-                        <li>All other security limitations</li>
-                    </ul>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Remove Restrictions</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:removeRestrictions.name">Remove Restrictions Free
+        Online - Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:removeRestrictions.subtitle">
+        Remove password protection and security restrictions from PDF files. Make PDFs fully editable and
+        printable.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="owner-password-remove" class="block mb-2 text-sm font-medium text-gray-300">Owner
+            Password (Optional)</label>
+          <input type="password" id="owner-password-remove" placeholder="Enter owner password if required"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+          <p class="text-xs text-gray-500 mt-1">Leave empty if the PDF has no owner password.</p>
+        </div>
+
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
+          <h3 class="text-sm font-semibold text-white mb-2">What will be removed:</h3>
+          <ul class="text-xs text-gray-400 space-y-1 list-disc list-inside">
+            <li>Password protection</li>
+            <li>Printing restrictions</li>
+            <li>Editing restrictions</li>
+            <li>Copying restrictions</li>
+            <li>All other security limitations</li>
+          </ul>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full">Remove Restrictions</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -221,26 +226,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -253,14 +263,16 @@
           Is remove restrictions really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -272,74 +284,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/remove-restrictions-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/remove-restrictions-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -361,7 +372,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -390,7 +401,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/repair-pdf.html b/src/pages/repair-pdf.html
index 7b5ff698..dc7ec469 100644
--- a/src/pages/repair-pdf.html
+++ b/src/pages/repair-pdf.html
@@ -4,50 +4,53 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+
   <!-- Primary Meta Tags -->
   <title>Repair Pdf Online Free - Repair Pdf Tool | BentoPDF</title>
   <meta name="title" content="Repair Pdf Online Free - Repair Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Repair Pdf online free - Repair pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Repair Pdf online free - Repair pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="repair pdf, repair pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/repair-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/repair-pdf">
   <meta property="og:title" content="Repair Pdf Online Free - Repair Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Repair Pdf online free - Repair pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Repair Pdf online free - Repair pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-repair-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/repair-pdf">
   <meta name="twitter:title" content="Repair Pdf Free">
-  <meta name="twitter:description" content="★ Repair Pdf online free - Repair pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Repair Pdf online free - Repair pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-repair-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Repair Pdf">
-  
+
 
   <title>Repair PDF - BentoPDF</title>
-  
+
   <link rel="alternate" hreflang="en" href="/en/repair-pdf.html" />
   <link rel="alternate" hreflang="de" href="/de/repair-pdf.html" />
   <link rel="alternate" hreflang="vi" href="/vi/repair-pdf.html" />
   <link rel="alternate" hreflang="x-default" href="/en/repair-pdf.html" />
   <link href="/src/css/styles.css" rel="stylesheet" />
-  
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -119,7 +122,8 @@
         <i data-lucide="arrow-left" class="cursor-pointer"></i>
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:repairPdf.name">Repair Pdf Free Online - Fast & Secure</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:repairPdf.name">Repair Pdf Free Online - Fast &
+        Secure</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:repairPdf.subtitle">
         Recover data from corrupted or damaged PDF files.
       </p>
@@ -180,38 +184,41 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -219,26 +226,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -251,14 +263,16 @@
           Is repair pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,7 +292,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
@@ -380,7 +394,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -409,7 +423,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/reverse-pages.html b/src/pages/reverse-pages.html
index 8f74017f..2116073a 100644
--- a/src/pages/reverse-pages.html
+++ b/src/pages/reverse-pages.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Reverse Pages Online Free - Reverse Pages Tool | BentoPDF</title>
   <meta name="title" content="Reverse Pages Online Free - Reverse Pages Tool | BentoPDF">
-  <meta name="description" content="★ Reverse Pages online free - Reverse pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Reverse Pages online free - Reverse pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="reverse pages, reverse pages, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/reverse-pages">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/reverse-pages">
   <meta property="og:title" content="Reverse Pages Online Free - Reverse Pages Tool | BentoPDF">
-  <meta property="og:description" content="★ Reverse Pages online free - Reverse pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Reverse Pages online free - Reverse pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-reverse-pages.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/reverse-pages">
   <meta name="twitter:title" content="Reverse Pages Free">
-  <meta name="twitter:description" content="★ Reverse Pages online free - Reverse pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Reverse Pages online free - Reverse pages PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-reverse-pages.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Reverse Pages">
-  
 
-    <title>Reverse PDF Pages - BentoPDF</title>
-    <meta name="description"
-        content="Reverse the page order of your PDF document. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/reverse-pages.html" />
-    <link rel="alternate" hreflang="de" href="/de/reverse-pages.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/reverse-pages.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/reverse-pages.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Reverse PDF Pages - BentoPDF</title>
+  <meta name="description"
+    content="Reverse the page order of your PDF document. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/reverse-pages.html" />
+  <link rel="alternate" hreflang="de" href="/de/reverse-pages.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/reverse-pages.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/reverse-pages.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,159 +64,161 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <!-- Desktop Navigation -->
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <!-- Mobile Hamburger Button -->
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <!-- Hamburger Icon -->
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <!-- Close Icon -->
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <!-- 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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <!-- Desktop Navigation -->
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:reversePages.name">Reverse Pages Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:reversePages.subtitle">
-                Flip the order of all pages in your PDF document. The last page becomes the first, and so on.
-            </p>
-
-            <!-- Drop Zone for PDF Upload -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF files (one or more)</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf" multiple>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
-                    <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
-                    <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
-                        <li>All pages will be reversed (first becomes last, last becomes first).</li>
-                        <li>If you upload multiple PDFs, each will be reversed and downloaded as a ZIP file.</li>
-                    </ul>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Reverse Pages</button>
-            </div>
 
+        <!-- Mobile Hamburger Button -->
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <!-- Hamburger Icon -->
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <!-- Close Icon -->
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <!-- 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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:reversePages.name">Reverse Pages Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:reversePages.subtitle">
+        Flip the order of all pages in your PDF document. The last page becomes the first, and so on.
+      </p>
+
+      <!-- Drop Zone for PDF Upload -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF files (one or more)</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf" multiple>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-4">
+          <p class="text-sm text-gray-300"><strong class="text-white">How it works:</strong></p>
+          <ul class="list-disc list-inside text-xs text-gray-400 mt-1 space-y-1">
+            <li>All pages will be reversed (first becomes last, last becomes first).</li>
+            <li>If you upload multiple PDFs, each will be reversed and downloaded as a ZIP file.</li>
+          </ul>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Reverse Pages</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -221,26 +226,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -253,14 +263,16 @@
           Is reverse pages really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -272,96 +284,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/reverse-pages-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/reverse-pages-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -383,7 +394,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -412,7 +423,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/rotate-custom.html b/src/pages/rotate-custom.html
index 29cc715f..d18fe9f9 100644
--- a/src/pages/rotate-custom.html
+++ b/src/pages/rotate-custom.html
@@ -2,48 +2,51 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Rotate Custom Online Free - Rotate Custom Tool | BentoPDF</title>
   <meta name="title" content="Rotate Custom Online Free - Rotate Custom Tool | BentoPDF">
-  <meta name="description" content="★ Rotate Custom online free - Rotate custom PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Rotate Custom online free - Rotate custom PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="rotate custom, rotate custom, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/rotate-custom">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/rotate-custom">
   <meta property="og:title" content="Rotate Custom Online Free - Rotate Custom Tool | BentoPDF">
-  <meta property="og:description" content="★ Rotate Custom online free - Rotate custom PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Rotate Custom online free - Rotate custom PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-rotate-custom.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/rotate-custom">
   <meta name="twitter:title" content="Rotate Custom Free">
-  <meta name="twitter:description" content="★ Rotate Custom online free - Rotate custom PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
+  <meta name="twitter:description"
+    content="★ Rotate Custom online free - Rotate custom PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rotate-custom.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Rotate Custom">
-  
 
-    <title>Rotate PDF by Custom Degrees - BentoPDF</title>
-    <meta name="description"
-        content="Rotate PDF pages by any custom angle. Rotate individual pages or all pages at once. Free, secure, and runs entirely in your browser.">
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Rotate PDF by Custom Degrees - BentoPDF</title>
+  <meta name="description"
+    content="Rotate PDF pages by any custom angle. Rotate individual pages or all pages at once. Free, secure, and runs entirely in your browser.">
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -57,168 +60,169 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotateCustom.name">Rotate Custom Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:rotateCustom.subtitle">
-                Rotate pages by any custom angle. Enter degrees (positive = counter-clockwise, negative = clockwise).
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select a file</span>
-                        <span>or drag and drop</span>
-                    </p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500">Your files never leave your device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <!-- Batch Actions -->
-                <div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
-                    <h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch
-                        Rotation
-                    </h3>
-                    <div class="flex justify-center items-center">
-                        <div class="flex items-center gap-2">
-                            <button id="batch-decrement"
-                                class="w-10 h-10 flex items-center justify-center bg-gray-700 hover:bg-gray-600 text-white rounded-lg border border-gray-600">
-                                −
-                            </button>
-                            <input id="batch-custom-angle" type="number" value="0"
-                                class="w-20 h-10 text-center bg-gray-700 border border-gray-600 text-white rounded-lg">
-                            <button id="batch-increment"
-                                class="w-10 h-10 flex items-center justify-center bg-gray-700 hover:bg-gray-600 text-white rounded-lg border border-gray-600">
-                                +
-                            </button>
-                            <button id="batch-apply"
-                                class="px-4 h-10 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-medium">
-                                Apply to All
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Page Thumbnails -->
-                <div id="page-thumbnails"
-                    class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotateCustom.name">Rotate Custom Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:rotateCustom.subtitle">
+        Rotate pages by any custom angle. Enter degrees (positive = counter-clockwise, negative = clockwise).
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select a file</span>
+            <span>or drag and drop</span>
+          </p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500">Your files never leave your device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <!-- Batch Actions -->
+        <div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
+          <h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch
+            Rotation
+          </h3>
+          <div class="flex justify-center items-center">
+            <div class="flex items-center gap-2">
+              <button id="batch-decrement"
+                class="w-10 h-10 flex items-center justify-center bg-gray-700 hover:bg-gray-600 text-white rounded-lg border border-gray-600">
+                −
+              </button>
+              <input id="batch-custom-angle" type="number" value="0"
+                class="w-20 h-10 text-center bg-gray-700 border border-gray-600 text-white rounded-lg">
+              <button id="batch-increment"
+                class="w-10 h-10 flex items-center justify-center bg-gray-700 hover:bg-gray-600 text-white rounded-lg border border-gray-600">
+                +
+              </button>
+              <button id="batch-apply"
+                class="px-4 h-10 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-medium">
+                Apply to All
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Page Thumbnails -->
+        <div id="page-thumbnails" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -226,26 +230,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -258,14 +267,16 @@
           Is rotate custom really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -277,73 +288,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/rotate-custom-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/rotate-custom-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -365,7 +375,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -394,7 +404,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/rotate-pdf.html b/src/pages/rotate-pdf.html
index 645389d9..4fda7c48 100644
--- a/src/pages/rotate-pdf.html
+++ b/src/pages/rotate-pdf.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Rotate PDF Online Free - Rotate PDF Tool | BentoPDF</title>
   <meta name="title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF">
-  <meta name="description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="rotate pdf, turn pdf, flip pdf pages">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/rotate-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/rotate-pdf">
   <meta property="og:title" content="Rotate PDF Online Free - Rotate PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-rotate-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/rotate-pdf">
   <meta name="twitter:title" content="Rotate PDF Free">
-  <meta name="twitter:description" content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
+  <meta name="twitter:description"
+    content="★ Rotate PDF online free - Rotate PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & ">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rotate-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Rotate PDF">
-  
 
-    <title>Rotate PDF - BentoPDF</title>
-    <meta name="description"
-        content="Rotate PDF pages by 90, 180, or 270 degrees. Rotate individual pages or all pages at once. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/rotate-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/rotate-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/rotate-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/rotate-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Rotate PDF - BentoPDF</title>
+  <meta name="description"
+    content="Rotate PDF pages by 90, 180, or 270 degrees. Rotate individual pages or all pages at once. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/rotate-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/rotate-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/rotate-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/rotate-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,165 +65,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotatePdf.name">Rotate PDF Pages Free - Turn PDFs Online</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:rotatePdf.subtitle">
-                Rotate individual pages or all pages at once. Click on page thumbnails to rotate them.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">A single PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6">
-                <!-- Batch Actions -->
-                <div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
-                    <h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch Actions
-                    </h3>
-                    <div class="flex justify-center items-center">
-                        <!-- Rotate by 90 Degrees -->
-                        <div class="flex gap-2">
-                            <button id="rotate-all-left"
-                                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
-                                <i data-lucide="rotate-ccw" class="w-4 h-4"></i> Left
-                            </button>
-                            <button id="rotate-all-right"
-                                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
-                                <i data-lucide="rotate-cw" class="w-4 h-4"></i> Right
-                            </button>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Page Thumbnails -->
-                <div id="page-thumbnails"
-                    class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-4xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:rotatePdf.name">Rotate PDF Pages Free - Turn PDFs
+        Online</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:rotatePdf.subtitle">
+        Rotate individual pages or all pages at once. Click on page thumbnails to rotate them.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">A single PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6">
+        <!-- Batch Actions -->
+        <div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
+          <h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch Actions
+          </h3>
+          <div class="flex justify-center items-center">
+            <!-- Rotate by 90 Degrees -->
+            <div class="flex gap-2">
+              <button id="rotate-all-left"
+                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
+                <i data-lucide="rotate-ccw" class="w-4 h-4"></i> Left
+              </button>
+              <button id="rotate-all-right"
+                class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
+                <i data-lucide="rotate-cw" class="w-4 h-4"></i> Right
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Page Thumbnails -->
+        <div id="page-thumbnails" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mb-4">
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-4">Apply Rotations</button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +231,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/organize-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/organize-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/delete-pages.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+        <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+      </a>
     </div>
   </section>
 
@@ -260,14 +268,16 @@
           Is rotate pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,73 +289,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/rotate-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/rotate-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -367,7 +376,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -396,7 +405,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/rtf-to-pdf.html b/src/pages/rtf-to-pdf.html
index 10e3995d..c235f657 100644
--- a/src/pages/rtf-to-pdf.html
+++ b/src/pages/rtf-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Rtf To Pdf Online Free - Rtf To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Rtf To Pdf Online Free - Rtf To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Rtf To Pdf online free - Rtf to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Rtf To Pdf online free - Rtf to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="rtf to pdf, rtf to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/rtf-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/rtf-to-pdf">
   <meta property="og:title" content="Rtf To Pdf Online Free - Rtf To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Rtf To Pdf online free - Rtf to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Rtf To Pdf online free - Rtf to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-rtf-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/rtf-to-pdf">
   <meta name="twitter:title" content="Rtf To Pdf Free">
-  <meta name="twitter:description" content="★ Rtf To Pdf online free - Rtf to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Rtf To Pdf online free - Rtf to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-rtf-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Rtf To Pdf">
-  
 
-    <title>RTF to PDF - Convert Rich Text Format to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert RTF (Rich Text Format) document files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/rtf-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/rtf-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/rtf-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/rtf-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>RTF to PDF - Convert Rich Text Format to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert RTF (Rich Text Format) document files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/rtf-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/rtf-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/rtf-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/rtf-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,154 +66,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2">Rtf To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6">
-                Convert RTF (Rich Text Format) document files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">One or more RTF files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".rtf,text/rtf,application/rtf" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2">Rtf To Pdf Converter Free Online - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6">
+        Convert RTF (Rich Text Format) document files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">One or more RTF files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".rtf,text/rtf,application/rtf" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -218,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -250,14 +259,16 @@
           Is rtf to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -269,96 +280,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/rtf-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/rtf-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -380,7 +390,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -409,7 +419,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/sanitize-pdf.html b/src/pages/sanitize-pdf.html
index 7abc1d0b..355114ef 100644
--- a/src/pages/sanitize-pdf.html
+++ b/src/pages/sanitize-pdf.html
@@ -2,52 +2,55 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Sanitize Pdf Online Free - Sanitize Pdf Tool | BentoPDF</title>
   <meta name="title" content="Sanitize Pdf Online Free - Sanitize Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Sanitize Pdf online free - Sanitize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Sanitize Pdf online free - Sanitize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="sanitize pdf, sanitize pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/sanitize-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/sanitize-pdf">
   <meta property="og:title" content="Sanitize Pdf Online Free - Sanitize Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Sanitize Pdf online free - Sanitize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Sanitize Pdf online free - Sanitize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-sanitize-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/sanitize-pdf">
   <meta name="twitter:title" content="Sanitize Pdf Free">
-  <meta name="twitter:description" content="★ Sanitize Pdf online free - Sanitize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
+  <meta name="twitter:description"
+    content="★ Sanitize Pdf online free - Sanitize pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-sanitize-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Sanitize Pdf">
-  
 
-    <title>Sanitize PDF - Remove Sensitive Content - BentoPDF</title>
-    <meta name="description"
-        content="Sanitize PDF files by removing sensitive content. Remove metadata, JavaScript, embedded files, and more. Free, secure, and runs entirely in your browser.">
-    <link rel="alternate" hreflang="en" href="/en/sanitize-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/sanitize-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/sanitize-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/sanitize-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
+
+  <title>Sanitize PDF - Remove Sensitive Content - BentoPDF</title>
+  <meta name="description"
+    content="Sanitize PDF files by removing sensitive content. Remove metadata, JavaScript, embedded files, and more. Free, secure, and runs entirely in your browser.">
+  <link rel="alternate" hreflang="en" href="/en/sanitize-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/sanitize-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/sanitize-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/sanitize-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -61,204 +64,206 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
+    </div>
+  </nav>
 
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:sanitizePdf.name">Sanitize Pdf Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:sanitizePdf.subtitle">
-                Remove sensitive content from PDF files. Clean metadata, JavaScript, embedded files, and more.
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:sanitizePdf.name">Sanitize Pdf Free Online - Fast
+        & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:sanitizePdf.subtitle">
+        Remove sensitive content from PDF files. Clean metadata, JavaScript, embedded files, and more.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
+        </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="tool-options" class="hidden mt-6 space-y-4">
+        <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
+          <h3 class="text-sm font-semibold text-white mb-3">Sanitization Optionst:</h3>
+          <div class="space-y-2">
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="flatten-forms" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Flatten Forms</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-metadata" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Metadata</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-annotations" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Annotations</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-javascript" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove JavaScript</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-embedded-files" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Embedded Files</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-layers" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Layers (OCG)</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-links" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Links</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-structure-tree" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Structure Tree</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-markinfo" checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove MarkInfo</span>
+            </label>
+            <label class="flex items-center gap-2 cursor-pointer">
+              <input type="checkbox" id="remove-fonts"
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
+              <span class="text-sm text-gray-300">Remove Embedded Fonts</span>
+            </label>
+          </div>
+        </div>
+
+        <div class="p-4 bg-yellow-900/20 border border-yellow-500/30 rounded-lg">
+          <div class="flex items-start gap-2">
+            <i data-lucide="alert-triangle" class="w-5 h-5 text-yellow-400 mt-0.5 flex-shrink-0"></i>
+            <p class="text-xs text-gray-300">
+              Sanitization removes sensitive content permanently. Some options may affect PDF rendering.
             </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select PDF</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="tool-options" class="hidden mt-6 space-y-4">
-                <div class="p-4 bg-gray-900 rounded-lg border border-gray-700">
-                    <h3 class="text-sm font-semibold text-white mb-3">Sanitization Optionst:</h3>
-                    <div class="space-y-2">
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="flatten-forms" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Flatten Forms</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-metadata" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Metadata</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-annotations" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Annotations</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-javascript" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove JavaScript</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-embedded-files" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Embedded Files</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-layers" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Layers (OCG)</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-links" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Links</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-structure-tree" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Structure Tree</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-markinfo" checked
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove MarkInfo</span>
-                        </label>
-                        <label class="flex items-center gap-2 cursor-pointer">
-                            <input type="checkbox" id="remove-fonts"
-                                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500">
-                            <span class="text-sm text-gray-300">Remove Embedded Fonts</span>
-                        </label>
-                    </div>
-                </div>
-
-                <div class="p-4 bg-yellow-900/20 border border-yellow-500/30 rounded-lg">
-                    <div class="flex items-start gap-2">
-                        <i data-lucide="alert-triangle" class="w-5 h-5 text-yellow-400 mt-0.5 flex-shrink-0"></i>
-                        <p class="text-xs text-gray-300">
-                            Sanitization removes sensitive content permanently. Some options may affect PDF rendering.
-                        </p>
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full">Sanitize PDF</button>
-            </div>
+          </div>
         </div>
-    </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+        <button id="process-btn" class="btn-gradient w-full">Sanitize PDF</button>
+      </div>
     </div>
+  </div>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
-        </div>
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
     </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -266,26 +271,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -298,14 +308,16 @@
           Is sanitize pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -317,74 +329,73 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/sanitize-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/BentoPDF" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/sanitize-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
 
-    <script type="module" src="/src/js/main.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -406,7 +417,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -435,7 +446,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/sign-pdf.html b/src/pages/sign-pdf.html
index c7bf016c..5a6ecb47 100644
--- a/src/pages/sign-pdf.html
+++ b/src/pages/sign-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Sign PDF Online Free - Sign PDF Tool | BentoPDF</title>
   <meta name="title" content="Sign PDF Online Free - Sign PDF Tool | BentoPDF">
-  <meta name="description" content="★ Sign PDF online free - Sign PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Sign PDF online free - Sign PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="sign pdf, digital signature, pdf signature">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/sign-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/sign-pdf">
   <meta property="og:title" content="Sign PDF Online Free - Sign PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Sign PDF online free - Sign PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Sign PDF online free - Sign PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-sign-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/sign-pdf">
   <meta name="twitter:title" content="Sign PDF Free">
-  <meta name="twitter:description" content="★ Sign PDF online free - Sign PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
+  <meta name="twitter:description"
+    content="★ Sign PDF online free - Sign PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secu">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-sign-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Sign PDF">
-  
 
-    <title>Sign PDF - BentoPDF</title>
-    <meta name="description"
-        content="Sign PDF documents digitally using your signature. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/sign-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/sign-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/sign-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/sign-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Sign PDF - BentoPDF</title>
+  <meta name="description"
+    content="Sign PDF documents digitally using your signature. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/sign-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/sign-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/sign-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/sign-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,164 +66,164 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
-        </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:signPdf.name">Sign PDF Free Online - Add Digital Signature</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:signPdf.subtitle">
-                Upload a PDF to sign it using the built-in PDF.js viewer. Look for the <strong>signature / pen
-                    tool</strong> in the toolbar to add your signature.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF Documents</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <!-- File Display -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
 
-        <!-- Signature Editor (shown after file upload) -->
-        <div id="signature-editor" class="hidden w-full max-w-6xl mt-6">
-            <div id="canvas-container-sign"
-                class="relative w-full overflow-auto bg-gray-900 rounded-lg border border-gray-600"
-                style="height: 85vh;">
-                <!-- PDF.js viewer iframe will be loaded here -->
-            </div>
-
-            <div class="mt-4 flex items-center gap-2">
-                <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
-                    <input type="checkbox" id="flatten-signature-toggle"
-                        class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
-                    Flatten PDF (use the Save button below)
-                </label>
-            </div>
-
-            <button id="process-btn" class="btn-gradient w-full mt-4" style="display:none;">Save & Download Signed
-                PDF</button>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
+    </div>
+  </nav>
+
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:signPdf.name">Sign PDF Free Online - Add Digital
+        Signature</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:signPdf.subtitle">
+        Upload a PDF to sign it using the built-in PDF.js viewer. Look for the <strong>signature / pen
+          tool</strong> in the toolbar to add your signature.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF Documents</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <!-- File Display -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
     </div>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
-        </div>
-    </div>
+    <!-- Signature Editor (shown after file upload) -->
+    <div id="signature-editor" class="hidden w-full max-w-6xl mt-6">
+      <div id="canvas-container-sign"
+        class="relative w-full overflow-auto bg-gray-900 rounded-lg border border-gray-600" style="height: 85vh;">
+        <!-- PDF.js viewer iframe will be loaded here -->
+      </div>
+
+      <div class="mt-4 flex items-center gap-2">
+        <label class="flex items-center gap-2 text-sm font-medium text-gray-300 cursor-pointer">
+          <input type="checkbox" id="flatten-signature-toggle"
+            class="w-4 h-4 rounded text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-500">
+          Flatten PDF (use the Save button below)
+        </label>
+      </div>
+
+      <button id="process-btn" class="btn-gradient w-full mt-4" style="display:none;">Save & Download Signed
+        PDF</button>
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -228,26 +231,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -260,14 +268,16 @@
           Is sign pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -279,84 +289,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/sign-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/sign-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -378,7 +387,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -407,7 +416,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/split-pdf.html b/src/pages/split-pdf.html
index 0e867b03..52392d23 100644
--- a/src/pages/split-pdf.html
+++ b/src/pages/split-pdf.html
@@ -4,62 +4,65 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
-  <!-- Primary Meta Tags -->
-  <title>Split PDF Online Free - Split PDF Tool | BentoPDF</title>
-  <meta name="title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
-  <meta name="description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="split pdf, divide pdf, extract pages, separate pdf">
-  <meta name="author" content="BentoPDF">
-  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/split-pdf">
-  
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/split-pdf">
-  <meta property="og:title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
-  <meta property="og:description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-split-pdf.png">
-  <meta property="og:image:width" content="1200">
-  <meta property="og:image:height" content="630">
-  <meta property="og:site_name" content="BentoPDF">
-  
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/split-pdf">
-  <meta name="twitter:title" content="Split PDF Free">
-  <meta name="twitter:description" content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & se">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-split-pdf.png">
-  <meta name="twitter:site" content="@BentoPDF">
-  
-  <!-- Mobile Web App -->
-  <meta name="mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-title" content="Split PDF">
-  
+
+    <!-- Primary Meta Tags -->
+    <title>Split PDF Online Free - Split PDF Tool | BentoPDF</title>
+    <meta name="title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
+    <meta name="description"
+        content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta name="keywords" content="split pdf, divide pdf, extract pages, separate pdf">
+    <meta name="author" content="BentoPDF">
+    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://www.bentopdf.com/split-pdf">
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://www.bentopdf.com/split-pdf">
+    <meta property="og:title" content="Split PDF Online Free - Split PDF Tool | BentoPDF">
+    <meta property="og:description"
+        content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+    <meta property="og:image" content="https://www.bentopdf.com/images/og-split-pdf.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:site_name" content="BentoPDF">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:url" content="https://www.bentopdf.com/split-pdf">
+    <meta name="twitter:title" content="Split PDF Free">
+    <meta name="twitter:description"
+        content="★ Split PDF online free - Split PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & se">
+    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-split-pdf.png">
+    <meta name="twitter:site" content="@BentoPDF">
+
+    <!-- Mobile Web App -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="Split PDF">
+
 
     <title>Split PDF - BentoPDF</title>
     <meta name="description"
         content="Extract pages from a PDF using various methods. Free, secure, and runs entirely in your browser.">
-    
+
     <link rel="alternate" hreflang="en" href="/en/split-pdf.html" />
     <link rel="alternate" hreflang="de" href="/de/split-pdf.html" />
     <link rel="alternate" hreflang="vi" href="/vi/split-pdf.html" />
     <link rel="alternate" hreflang="x-default" href="/en/split-pdf.html" />
     <link href="/src/css/styles.css" rel="stylesheet" />
-    
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
+
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -124,7 +127,8 @@
                 <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
             </button>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:splitPdf.name">Split PDF Online Free - Extract Pages Easily</h1>
+            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:splitPdf.name">Split PDF Online Free -
+                Extract Pages Easily</h1>
             <p class="text-gray-400 mb-6" data-i18n="tools:splitPdf.subtitle">
                 Extract pages from a PDF using various methods.
             </p>
@@ -291,105 +295,117 @@
         </div>
     </div>
 
-    
-  <!-- How It Works Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
-    <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
-            <p class="text-gray-400">Select the PDF file you want to split or extract pages from</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Choose Split Method</h3>
-            <p class="text-gray-400">Select specific pages, page ranges, or split into individual pages</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Preview & Select</h3>
-            <p class="text-gray-400">View page thumbnails and select exactly which pages you want</p>
-          </div>
-        </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Split & Download</h3>
-            <p class="text-gray-400">Download extracted pages as separate PDFs or as a ZIP file</p>
-          </div>
-        </div>
-    </div>
-  </section>
 
-  <!-- Related Tools Section -->
-  <section class="max-w-6xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
-    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/extract-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
-          <p class="text-gray-400 text-sm">Free online extract pages tool</p>
-        </a>
-        <a href="/organize-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/delete-pages.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
-          <p class="text-gray-400 text-sm">Free online delete pages tool</p>
-        </a>
-    </div>
-  </section>
+    <!-- How It Works Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
+        <div class="space-y-6">
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    1
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Upload PDF</h3>
+                    <p class="text-gray-400">Select the PDF file you want to split or extract pages from</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    2
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Choose Split Method</h3>
+                    <p class="text-gray-400">Select specific pages, page ranges, or split into individual pages</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    3
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Preview & Select</h3>
+                    <p class="text-gray-400">View page thumbnails and select exactly which pages you want</p>
+                </div>
+            </div>
+            <div class="flex items-start gap-4">
+                <div
+                    class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+                    4
+                </div>
+                <div class="flex-1">
+                    <h3 class="text-lg font-semibold text-white mb-1">Split & Download</h3>
+                    <p class="text-gray-400">Download extracted pages as separate PDFs or as a ZIP file</p>
+                </div>
+            </div>
+        </div>
+    </section>
 
-  <!-- FAQ Section -->
-  <section class="max-w-4xl mx-auto px-4 py-12">
-    <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
-    <div class="space-y-4">
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Can I extract specific page ranges?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! You can extract any specific pages or page ranges from your PDF. Select exactly which pages you need or split into individual files.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Will split PDFs lose quality?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">No! Split PDFs maintain the exact same quality as the original document. No compression or quality loss occurs.</p>
-      </details>
-      <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
-        <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
-          Can I split multiple PDFs at once?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes, process multiple PDFs in batches for efficient document management.</p>
-      </details>
-    </div>
-  </section>
-  <footer class="mt-16 border-t-2 border-gray-700 py-8">
+    <!-- Related Tools Section -->
+    <section class="max-w-6xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
+        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
+            <a href="/merge-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+            </a>
+            <a href="/extract-pages.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Extract Pages</h3>
+                <p class="text-gray-400 text-sm">Free online extract pages tool</p>
+            </a>
+            <a href="/organize-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Organize Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online organize pdf tool</p>
+            </a>
+            <a href="/compress-pdf.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+                <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+            </a>
+            <a href="/delete-pages.html"
+                class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+                <h3 class="text-white font-semibold mb-1">Delete Pages</h3>
+                <p class="text-gray-400 text-sm">Free online delete pages tool</p>
+            </a>
+        </div>
+    </section>
+
+    <!-- FAQ Section -->
+    <section class="max-w-4xl mx-auto px-4 py-12">
+        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Frequently Asked Questions</h2>
+        <div class="space-y-4">
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Can I extract specific page ranges?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes! You can extract any specific pages or page ranges from your PDF.
+                    Select exactly which pages you need or split into individual files.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Will split PDFs lose quality?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">No! Split PDFs maintain the exact same quality as the original document.
+                    No compression or quality loss occurs.</p>
+            </details>
+            <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
+                <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
+                    Can I split multiple PDFs at once?
+                    <i data-lucide="chevron-down" class="w-5 h-5"></i>
+                </summary>
+                <p class="mt-3 text-gray-400">Yes, process multiple PDFs in batches for efficient document management.
+                </p>
+            </details>
+        </div>
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                 <div class="mb-8 md:mb-0">
@@ -398,7 +414,7 @@
                         <span class="text-xl font-bold text-white">BentoPDF</span>
                     </div>
                     <p class="text-gray-400 text-sm">
-                        &copy; 2025 BentoPDF. All rights reserved.
+                        &copy; 2026 BentoPDF. All rights reserved.
                     </p>
                     <p class="text-gray-500 text-xs mt-2">
                         Version <span id="app-version"></span>
@@ -481,8 +497,8 @@
     <script type="module" src="/src/js/mobileMenu.ts"></script>
     <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -501,8 +517,8 @@
     }
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "HowTo",
@@ -530,8 +546,8 @@
     ]
   }
   </script>
-  
-  <script type="application/ld+json">
+
+    <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
diff --git a/src/pages/svg-to-pdf.html b/src/pages/svg-to-pdf.html
index 9b6f9da2..db4792db 100644
--- a/src/pages/svg-to-pdf.html
+++ b/src/pages/svg-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Svg To Pdf Online Free - Svg To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Svg To Pdf Online Free - Svg To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Svg To Pdf online free - Svg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Svg To Pdf online free - Svg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="svg to pdf, svg to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/svg-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/svg-to-pdf">
   <meta property="og:title" content="Svg To Pdf Online Free - Svg To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Svg To Pdf online free - Svg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Svg To Pdf online free - Svg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-svg-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/svg-to-pdf">
   <meta name="twitter:title" content="Svg To Pdf Free">
-  <meta name="twitter:description" content="★ Svg To Pdf online free - Svg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Svg To Pdf online free - Svg to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-svg-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Svg To Pdf">
-  
 
-    <title>SVG to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert one or more SVG graphics into a single PDF file. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/svg-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/svg-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/svg-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/svg-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>SVG to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert one or more SVG graphics into a single PDF file. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/svg-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/svg-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/svg-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/svg-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,173 +66,173 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:svgToPdf.name">Svg To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:svgToPdf.subtitle">
-                Convert one or more SVG graphics into a single PDF file.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">SVG Graphics</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    multiple accept="image/svg+xml,.svg">
-            </div>
-
-            <!-- Control buttons -->
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <!-- File List -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Options -->
-            <div id="jpg-to-pdf-options" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
-                    </label>
-                    <select id="jpg-pdf-quality"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="high"> High Quality (Larger file) </option>
-                        <option value="medium" selected> Medium Quality (Balanced) </option>
-                        <option value="low"> Low Quality (Smaller file) </option>
-                    </select>
-                    <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:svgToPdf.name">Svg To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:svgToPdf.subtitle">
+        Convert one or more SVG graphics into a single PDF file.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">SVG Graphics</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
+          accept="image/svg+xml,.svg">
+      </div>
+
+      <!-- Control buttons -->
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <!-- File List -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Options -->
+      <div id="jpg-to-pdf-options" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
+          </label>
+          <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="high"> High Quality (Larger file) </option>
+            <option value="medium" selected> Medium Quality (Balanced) </option>
+            <option value="low"> Low Quality (Smaller file) </option>
+          </select>
+          <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -237,26 +240,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -269,14 +277,16 @@
           Is svg to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -288,96 +298,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/svg-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/svg-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -399,7 +408,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -428,7 +437,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/table-of-contents.html b/src/pages/table-of-contents.html
index e0d60e5a..a16fbd7e 100644
--- a/src/pages/table-of-contents.html
+++ b/src/pages/table-of-contents.html
@@ -4,47 +4,50 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+
   <!-- Primary Meta Tags -->
   <title>Table Of Contents Online Free - Table Of Contents Tool | BentoPDF</title>
   <meta name="title" content="Table Of Contents Online Free - Table Of Contents Tool | BentoPDF">
-  <meta name="description" content="★ Table Of Contents online free - Table of contents PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Table Of Contents online free - Table of contents PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="table of contents, table of contents, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/table-of-contents">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/table-of-contents">
   <meta property="og:title" content="Table Of Contents Online Free - Table Of Contents Tool | BentoPDF">
-  <meta property="og:description" content="★ Table Of Contents online free - Table of contents PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Table Of Contents online free - Table of contents PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-table-of-contents.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/table-of-contents">
   <meta name="twitter:title" content="Table Of Contents Free">
-  <meta name="twitter:description" content="★ Table Of Contents online free - Table of contents PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in">
+  <meta name="twitter:description"
+    content="★ Table Of Contents online free - Table of contents PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-table-of-contents.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Table Of Contents">
-  
+
 
   <title>Generate Table of Contents - BentoPDF</title>
-  
-  
-  
-  
+
+
+
+
   <link rel="alternate" hreflang="en" href="/en/table-of-contents.html" />
   <link rel="alternate" hreflang="de" href="/de/table-of-contents.html" />
   <link rel="alternate" hreflang="vi" href="/vi/table-of-contents.html" />
@@ -121,7 +124,8 @@
         <i data-lucide="arrow-left" class="cursor-pointer"></i>
         <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
       </button>
-      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:tableOfContents.name">Table Of Contents Free Online - Fast & Secure</h1>
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:tableOfContents.name">Table Of Contents Free
+        Online - Fast & Secure</h1>
       <p class="text-gray-400 mb-6" data-i18n="tools:tableOfContents.subtitle">
         Upload a PDF with bookmarks to generate a table of contents page
       </p>
@@ -222,38 +226,41 @@
     </div>
   </div>
 
-  
+
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -261,26 +268,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -293,14 +305,16 @@
           Is table of contents really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -320,7 +334,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
@@ -421,7 +435,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -450,7 +464,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/text-color.html b/src/pages/text-color.html
index f9b32c41..b558ee96 100644
--- a/src/pages/text-color.html
+++ b/src/pages/text-color.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Text Color Online Free - Text Color Tool | BentoPDF</title>
   <meta name="title" content="Text Color Online Free - Text Color Tool | BentoPDF">
-  <meta name="description" content="★ Text Color online free - Text color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Text Color online free - Text color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="text color, text color, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/text-color">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/text-color">
   <meta property="og:title" content="Text Color Online Free - Text Color Tool | BentoPDF">
-  <meta property="og:description" content="★ Text Color online free - Text color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Text Color online free - Text color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-text-color.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/text-color">
   <meta name="twitter:title" content="Text Color Free">
-  <meta name="twitter:description" content="★ Text Color online free - Text color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Text Color online free - Text color PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-text-color.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Text Color">
-  
 
-    <title>Change Text Color - BentoPDF</title>
-    <meta name="description"
-        content="Change the text color of your PDF documents. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/text-color.html" />
-    <link rel="alternate" hreflang="de" href="/de/text-color.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/text-color.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/text-color.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Change Text Color - BentoPDF</title>
+  <meta name="description"
+    content="Change the text color of your PDF documents. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/text-color.html" />
+  <link rel="alternate" hreflang="de" href="/de/text-color.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/text-color.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/text-color.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,149 +66,150 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:changeTextColor.name">Text Color Free Online - Fast & Secure</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:changeTextColor.subtitle">
-                Change the color of dark text in your PDF document. Note: This converts pages to images.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">PDF file</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="application/pdf">
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="options-panel" class="hidden mt-6 space-y-4">
-                <div>
-                    <label for="text-color-input" class="block mb-2 text-sm font-medium text-gray-300">New Text
-                        Color</label>
-                    <input type="color" id="text-color-input" value="#0000FF"
-                        class="w-full h-12 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
-                </div>
-                <button id="process-btn" class="btn-gradient w-full mt-4">Change Text Color</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:changeTextColor.name">Text Color Free Online -
+        Fast & Secure</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:changeTextColor.subtitle">
+        Change the color of dark text in your PDF document. Note: This converts pages to images.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">PDF file</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="application/pdf">
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="options-panel" class="hidden mt-6 space-y-4">
+        <div>
+          <label for="text-color-input" class="block mb-2 text-sm font-medium text-gray-300">New Text
+            Color</label>
+          <input type="color" id="text-color-input" value="#0000FF"
+            class="w-full h-12 bg-gray-700 border border-gray-600 rounded-lg cursor-pointer">
+        </div>
+        <button id="process-btn" class="btn-gradient w-full mt-4">Change Text Color</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -213,26 +217,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -245,14 +254,16 @@
           Is text color really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -264,77 +275,76 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Follow Us</h3>
-                    <div class="flex justify-center md:justify-start space-x-4">
-                        <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
-                            class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/text-color-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Follow Us</h3>
+          <div class="flex justify-center md:justify-start space-x-4">
+            <a href="https://github.com/nicholaschen09/bentopdf" target="_blank" rel="noopener noreferrer"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/text-color-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -356,7 +366,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -385,7 +395,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/tiff-to-pdf.html b/src/pages/tiff-to-pdf.html
index b8d2d4e6..6befcbb4 100644
--- a/src/pages/tiff-to-pdf.html
+++ b/src/pages/tiff-to-pdf.html
@@ -2,53 +2,56 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Tiff To Pdf Online Free - Tiff To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Tiff To Pdf Online Free - Tiff To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Tiff To Pdf online free - Tiff to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Tiff To Pdf online free - Tiff to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="tiff to pdf, tiff to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/tiff-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/tiff-to-pdf">
   <meta property="og:title" content="Tiff To Pdf Online Free - Tiff To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Tiff To Pdf online free - Tiff to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Tiff To Pdf online free - Tiff to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-tiff-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/tiff-to-pdf">
   <meta name="twitter:title" content="Tiff To Pdf Free">
-  <meta name="twitter:description" content="★ Tiff To Pdf online free - Tiff to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Tiff To Pdf online free - Tiff to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-tiff-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Tiff To Pdf">
-  
 
-    <title>TIFF to PDF - BentoPDF</title>
-    <meta name="description" content="Convert TIFF images to PDF. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/tiff-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/tiff-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/tiff-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/tiff-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>TIFF to PDF - BentoPDF</title>
+  <meta name="description" content="Convert TIFF images to PDF. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/tiff-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/tiff-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/tiff-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/tiff-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -62,152 +65,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:tiffToPdf.name">Tiff To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:tiffToPdf.subtitle">
-                Convert one or more single or multi-page TIFF images into a single PDF file.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">TIFF images</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept="image/tiff,.tiff,.tif" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:tiffToPdf.name">Tiff To Pdf Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:tiffToPdf.subtitle">
+        Convert one or more single or multi-page TIFF images into a single PDF file.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">TIFF images</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept="image/tiff,.tiff,.tif" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6">Convert to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -215,26 +220,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -247,14 +257,16 @@
           Is tiff to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -266,84 +278,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/tiff-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/tiff-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -365,7 +376,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -394,7 +405,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/txt-to-pdf.html b/src/pages/txt-to-pdf.html
index 172162f9..57b9ceae 100644
--- a/src/pages/txt-to-pdf.html
+++ b/src/pages/txt-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Txt To Pdf Online Free - Txt To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Txt To Pdf Online Free - Txt To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Txt To Pdf online free - Txt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Txt To Pdf online free - Txt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="txt to pdf, txt to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/txt-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/txt-to-pdf">
   <meta property="og:title" content="Txt To Pdf Online Free - Txt To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Txt To Pdf online free - Txt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Txt To Pdf online free - Txt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-txt-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/txt-to-pdf">
   <meta name="twitter:title" content="Txt To Pdf Free">
-  <meta name="twitter:description" content="★ Txt To Pdf online free - Txt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Txt To Pdf online free - Txt to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-txt-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Txt To Pdf">
-  
 
-    <title>Text to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert text files or typed text to PDF format with custom formatting. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/txt-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/txt-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/txt-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/txt-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Text to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert text files or typed text to PDF format with custom formatting. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/txt-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/txt-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/txt-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/txt-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,246 +66,245 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2"><a href="/">BentoPDF</a></span>
         </div>
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
+    </div>
+  </nav>
 
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i><span class="cursor-pointer"> Back to Tools
-                </span>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i><span class="cursor-pointer"> Back to Tools
+        </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:textToPdf.name">Txt To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:textToPdf.subtitle">Upload one or more text files, or
+        type/paste text below to convert to PDF with
+        custom formatting.</p>
+
+      <!-- Mode Toggle -->
+      <div class="mb-4">
+        <div class="flex gap-2 p-1 rounded-lg bg-gray-900 border border-gray-700 mb-4">
+          <button id="txt-mode-upload-btn"
+            class="flex-1 btn bg-indigo-600 text-white font-semibold py-2 rounded-md">Upload Files</button>
+          <button id="txt-mode-text-btn" class="flex-1 btn bg-gray-700 text-gray-300 font-semibold py-2 rounded-md">Type
+            Text</button>
+        </div>
+
+        <!-- Upload Panel -->
+        <div id="txt-upload-panel">
+          <div id="drop-zone"
+            class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+            <div class="flex flex-col items-center justify-center pt-5 pb-6">
+              <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+              <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select
+                  file(s)</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+              <p class="text-xs text-gray-500">Text files (.txt)</p>
+              <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave
+                your device.</p>
+            </div>
+            <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+              multiple accept="text/plain,.txt">
+          </div>
+
+          <div id="file-controls" class="hidden mt-4 flex gap-3">
+            <button id="add-more-btn"
+              class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+              <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
             </button>
+            <button id="clear-files-btn"
+              class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+              <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+            </button>
+          </div>
 
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:textToPdf.name">Txt To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:textToPdf.subtitle">Upload one or more text files, or
-                type/paste text below to convert to PDF with
-                custom formatting.</p>
-
-            <!-- Mode Toggle -->
-            <div class="mb-4">
-                <div class="flex gap-2 p-1 rounded-lg bg-gray-900 border border-gray-700 mb-4">
-                    <button id="txt-mode-upload-btn"
-                        class="flex-1 btn bg-indigo-600 text-white font-semibold py-2 rounded-md">Upload Files</button>
-                    <button id="txt-mode-text-btn"
-                        class="flex-1 btn bg-gray-700 text-gray-300 font-semibold py-2 rounded-md">Type Text</button>
-                </div>
-
-                <!-- Upload Panel -->
-                <div id="txt-upload-panel">
-                    <div id="drop-zone"
-                        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                        <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                            <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                            <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select
-                                    file(s)</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                            <p class="text-xs text-gray-500">Text files (.txt)</p>
-                            <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave
-                                your device.</p>
-                        </div>
-                        <input id="file-input" type="file"
-                            class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
-                            accept="text/plain,.txt">
-                    </div>
-
-                    <div id="file-controls" class="hidden mt-4 flex gap-3">
-                        <button id="add-more-btn"
-                            class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                            <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                        </button>
-                        <button id="clear-files-btn"
-                            class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                            <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                        </button>
-                    </div>
-
-                    <div id="file-display-area" class="mt-4 space-y-2"></div>
-                </div>
-
-                <!-- Type Text Panel -->
-                <div id="txt-text-panel" class="hidden">
-                    <textarea id="text-input" rows="12"
-                        class="w-full bg-gray-900 border border-gray-600 text-gray-300 rounded-lg p-2.5 font-sans"
-                        placeholder="Start typing here..."></textarea>
-                </div>
-            </div>
-
-            <!-- Formatting Options -->
-            <div class="mt-6 grid grid-cols-2 md:grid-cols-4 gap-4">
-                <div>
-                    <label for="font-family" class="block mb-2 text-sm font-medium text-gray-300">Font Family</label>
-                    <select id="font-family"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="helv" selected>Helvetica (Sans-serif)</option>
-                        <option value="tiro">Tiro (Serif)</option>
-                        <option value="cour">Courier (Monospace)</option>
-                        <option value="times">Times (Serif)</option>
-                    </select>
-                </div>
-                <div>
-                    <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font Size</label>
-                    <input type="number" id="font-size" value="12" min="6" max="72"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                </div>
-                <div>
-                    <label for="text-color" class="block mb-2 text-sm font-medium text-gray-300">Text Color</label>
-                    <input type="color" id="text-color" value="#000000"
-                        class="w-full h-[42px] bg-gray-700 border border-gray-600 rounded-lg p-1 cursor-pointer">
-                </div>
-                <div>
-                    <label for="page-size" class="block mb-2 text-sm font-medium text-gray-300">Page Size</label>
-                    <select id="page-size"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <optgroup label="ISO A Series">
-                            <option value="A0">A0 (841 × 1189 mm)</option>
-                            <option value="A1">A1 (594 × 841 mm)</option>
-                            <option value="A2">A2 (420 × 594 mm)</option>
-                            <option value="A3">A3 (297 × 420 mm)</option>
-                            <option value="A4" selected>A4 (210 × 297 mm)</option>
-                            <option value="A5">A5 (148 × 210 mm)</option>
-                            <option value="A6">A6 (105 × 148 mm)</option>
-                            <option value="A7">A7 (74 × 105 mm)</option>
-                            <option value="A8">A8 (52 × 74 mm)</option>
-                            <option value="A9">A9 (37 × 52 mm)</option>
-                            <option value="A10">A10 (26 × 37 mm)</option>
-                        </optgroup>
-                        <optgroup label="ISO B Series">
-                            <option value="B0">B0 (1000 × 1414 mm)</option>
-                            <option value="B1">B1 (707 × 1000 mm)</option>
-                            <option value="B2">B2 (500 × 707 mm)</option>
-                            <option value="B3">B3 (353 × 500 mm)</option>
-                            <option value="B4">B4 (250 × 353 mm)</option>
-                            <option value="B5">B5 (176 × 250 mm)</option>
-                            <option value="B6">B6 (125 × 176 mm)</option>
-                            <option value="B7">B7 (88 × 125 mm)</option>
-                            <option value="B8">B8 (62 × 88 mm)</option>
-                            <option value="B9">B9 (44 × 62 mm)</option>
-                            <option value="B10">B10 (31 × 44 mm)</option>
-                        </optgroup>
-                        <optgroup label="ISO C Series (Envelopes)">
-                            <option value="C0">C0 (917 × 1297 mm)</option>
-                            <option value="C1">C1 (648 × 917 mm)</option>
-                            <option value="C2">C2 (458 × 648 mm)</option>
-                            <option value="C3">C3 (324 × 458 mm)</option>
-                            <option value="C4">C4 (229 × 324 mm)</option>
-                            <option value="C5">C5 (162 × 229 mm)</option>
-                            <option value="C6">C6 (114 × 162 mm)</option>
-                            <option value="C7">C7 (81 × 114 mm)</option>
-                            <option value="C8">C8 (57 × 81 mm)</option>
-                            <option value="C9">C9 (40 × 57 mm)</option>
-                            <option value="C10">C10 (28 × 40 mm)</option>
-                        </optgroup>
-                        <optgroup label="North American">
-                            <option value="Letter">Letter (8.5 × 11 in)</option>
-                            <option value="Legal">Legal (8.5 × 14 in)</option>
-                            <option value="Tabloid">Tabloid (11 × 17 in)</option>
-                            <option value="Ledger">Ledger (17 × 11 in)</option>
-                            <option value="11x17">11×17 (11 × 17 in)</option>
-                        </optgroup>
-                    </select>
-                </div>
-            </div>
-
-            <p class="text-xs text-gray-500 mt-3">
-                <i data-lucide="info" class="inline w-3 h-3"></i>
-                RTL languages (Arabic, Urdu, Persian, etc.) are automatically detected and text direction is adjusted.
-            </p>
-
-            <button id="process-btn" class="btn-gradient w-full mt-6">Create PDF</button>
+          <div id="file-display-area" class="mt-4 space-y-2"></div>
         </div>
-    </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
-                data-i18n="loader.processing">Processing...</p>
+        <!-- Type Text Panel -->
+        <div id="txt-text-panel" class="hidden">
+          <textarea id="text-input" rows="12"
+            class="w-full bg-gray-900 border border-gray-600 text-gray-300 rounded-lg p-2.5 font-sans"
+            placeholder="Start typing here..."></textarea>
         </div>
-    </div>
+      </div>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
-                data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+      <!-- Formatting Options -->
+      <div class="mt-6 grid grid-cols-2 md:grid-cols-4 gap-4">
+        <div>
+          <label for="font-family" class="block mb-2 text-sm font-medium text-gray-300">Font Family</label>
+          <select id="font-family" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="helv" selected>Helvetica (Sans-serif)</option>
+            <option value="tiro">Tiro (Serif)</option>
+            <option value="cour">Courier (Monospace)</option>
+            <option value="times">Times (Serif)</option>
+          </select>
         </div>
-    </div>
+        <div>
+          <label for="font-size" class="block mb-2 text-sm font-medium text-gray-300">Font Size</label>
+          <input type="number" id="font-size" value="12" min="6" max="72"
+            class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+        </div>
+        <div>
+          <label for="text-color" class="block mb-2 text-sm font-medium text-gray-300">Text Color</label>
+          <input type="color" id="text-color" value="#000000"
+            class="w-full h-[42px] bg-gray-700 border border-gray-600 rounded-lg p-1 cursor-pointer">
+        </div>
+        <div>
+          <label for="page-size" class="block mb-2 text-sm font-medium text-gray-300">Page Size</label>
+          <select id="page-size" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <optgroup label="ISO A Series">
+              <option value="A0">A0 (841 × 1189 mm)</option>
+              <option value="A1">A1 (594 × 841 mm)</option>
+              <option value="A2">A2 (420 × 594 mm)</option>
+              <option value="A3">A3 (297 × 420 mm)</option>
+              <option value="A4" selected>A4 (210 × 297 mm)</option>
+              <option value="A5">A5 (148 × 210 mm)</option>
+              <option value="A6">A6 (105 × 148 mm)</option>
+              <option value="A7">A7 (74 × 105 mm)</option>
+              <option value="A8">A8 (52 × 74 mm)</option>
+              <option value="A9">A9 (37 × 52 mm)</option>
+              <option value="A10">A10 (26 × 37 mm)</option>
+            </optgroup>
+            <optgroup label="ISO B Series">
+              <option value="B0">B0 (1000 × 1414 mm)</option>
+              <option value="B1">B1 (707 × 1000 mm)</option>
+              <option value="B2">B2 (500 × 707 mm)</option>
+              <option value="B3">B3 (353 × 500 mm)</option>
+              <option value="B4">B4 (250 × 353 mm)</option>
+              <option value="B5">B5 (176 × 250 mm)</option>
+              <option value="B6">B6 (125 × 176 mm)</option>
+              <option value="B7">B7 (88 × 125 mm)</option>
+              <option value="B8">B8 (62 × 88 mm)</option>
+              <option value="B9">B9 (44 × 62 mm)</option>
+              <option value="B10">B10 (31 × 44 mm)</option>
+            </optgroup>
+            <optgroup label="ISO C Series (Envelopes)">
+              <option value="C0">C0 (917 × 1297 mm)</option>
+              <option value="C1">C1 (648 × 917 mm)</option>
+              <option value="C2">C2 (458 × 648 mm)</option>
+              <option value="C3">C3 (324 × 458 mm)</option>
+              <option value="C4">C4 (229 × 324 mm)</option>
+              <option value="C5">C5 (162 × 229 mm)</option>
+              <option value="C6">C6 (114 × 162 mm)</option>
+              <option value="C7">C7 (81 × 114 mm)</option>
+              <option value="C8">C8 (57 × 81 mm)</option>
+              <option value="C9">C9 (40 × 57 mm)</option>
+              <option value="C10">C10 (28 × 40 mm)</option>
+            </optgroup>
+            <optgroup label="North American">
+              <option value="Letter">Letter (8.5 × 11 in)</option>
+              <option value="Legal">Legal (8.5 × 14 in)</option>
+              <option value="Tabloid">Tabloid (11 × 17 in)</option>
+              <option value="Ledger">Ledger (17 × 11 in)</option>
+              <option value="11x17">11×17 (11 × 17 in)</option>
+            </optgroup>
+          </select>
+        </div>
+      </div>
+
+      <p class="text-xs text-gray-500 mt-3">
+        <i data-lucide="info" class="inline w-3 h-3"></i>
+        RTL languages (Arabic, Urdu, Persian, etc.) are automatically detected and text direction is adjusted.
+      </p>
+
+      <button id="process-btn" class="btn-gradient w-full mt-6">Create PDF</button>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium" data-i18n="loader.processing"
+        data-i18n="loader.processing">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200"
+        data-i18n="alert.ok" data-i18n="alert.ok">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -310,26 +312,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -342,14 +349,16 @@
           Is txt to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -361,70 +370,69 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6"
-                                fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg></a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg></a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"
-                                aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg></a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/txt-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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"><svg class="w-6 h-6" fill="currentColor"
+                viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg></a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg></a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)"><svg
+                class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/txt-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -446,7 +454,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -475,7 +483,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/view-metadata.html b/src/pages/view-metadata.html
index 08bcdb26..5e4e9e1d 100644
--- a/src/pages/view-metadata.html
+++ b/src/pages/view-metadata.html
@@ -279,7 +279,7 @@
             <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">&copy; 2025 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-400 text-sm">&copy; 2026 BentoPDF. All rights reserved.</p>
           <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
         <div>
diff --git a/src/pages/vsd-to-pdf.html b/src/pages/vsd-to-pdf.html
index de0b6616..9a1ca153 100644
--- a/src/pages/vsd-to-pdf.html
+++ b/src/pages/vsd-to-pdf.html
@@ -2,55 +2,58 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Vsd To Pdf Online Free - Vsd To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Vsd To Pdf Online Free - Vsd To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Vsd To Pdf online free - Vsd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Vsd To Pdf online free - Vsd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="vsd to pdf, vsd to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/vsd-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/vsd-to-pdf">
   <meta property="og:title" content="Vsd To Pdf Online Free - Vsd To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Vsd To Pdf online free - Vsd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Vsd To Pdf online free - Vsd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-vsd-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/vsd-to-pdf">
   <meta name="twitter:title" content="Vsd To Pdf Free">
-  <meta name="twitter:description" content="★ Vsd To Pdf online free - Vsd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Vsd To Pdf online free - Vsd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-vsd-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Vsd To Pdf">
-  
 
-    <title>VSD to PDF - Convert Microsoft Publisher to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Microsoft Visio (VSD, VSDX) files to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/vsd-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/vsd-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/vsd-to-pdf.html" />
-    <link rel="alternate" hreflang="zh" href="/zh/vsd-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/vsd-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>VSD to PDF - Convert Microsoft Publisher to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Microsoft Visio (VSD, VSDX) files to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/vsd-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/vsd-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/vsd-to-pdf.html" />
+  <link rel="alternate" hreflang="zh" href="/zh/vsd-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/vsd-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -64,155 +67,157 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:vsdToPdf.name">Vsd To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:vsdToPdf.subtitle">
-                Convert Microsoft Visio (VSD, VSDX) files to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:vsdToPdf.acceptedFormats">VSD, VSDX files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".vsd,.vsdx" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:vsdToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
-
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:vsdToPdf.name">Vsd To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:vsdToPdf.subtitle">
+        Convert Microsoft Visio (VSD, VSDX) files to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:vsdToPdf.acceptedFormats">VSD, VSDX files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".vsd,.vsdx" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:vsdToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">Processing...</p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">OK</button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -220,26 +225,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -252,14 +262,16 @@
           Is vsd to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -271,73 +283,72 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">&copy; 2025 BentoPDF. All rights reserved.</p>
-                    <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram"><i data-lucide="instagram"></i></a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn"><i data-lucide="linkedin"></i></a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">&copy; 2026 BentoPDF. All rights reserved.</p>
+          <p class="text-gray-500 text-xs mt-2">Version <span id="app-version"></span></p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/vsd-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram"><i data-lucide="instagram"></i></a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn"><i data-lucide="linkedin"></i></a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/vsd-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -359,7 +370,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -388,7 +399,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/webp-to-pdf.html b/src/pages/webp-to-pdf.html
index 1a1095b4..06e00a01 100644
--- a/src/pages/webp-to-pdf.html
+++ b/src/pages/webp-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Webp To Pdf Online Free - Webp To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Webp To Pdf Online Free - Webp To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Webp To Pdf online free - Webp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Webp To Pdf online free - Webp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="webp to pdf, webp to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/webp-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/webp-to-pdf">
   <meta property="og:title" content="Webp To Pdf Online Free - Webp To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Webp To Pdf online free - Webp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Webp To Pdf online free - Webp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-webp-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/webp-to-pdf">
   <meta name="twitter:title" content="Webp To Pdf Free">
-  <meta name="twitter:description" content="★ Webp To Pdf online free - Webp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
+  <meta name="twitter:description"
+    content="★ Webp To Pdf online free - Webp to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ F">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-webp-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Webp To Pdf">
-  
 
-    <title>WebP to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert one or more WebP images into a single PDF file. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/webp-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/webp-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/webp-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/webp-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>WebP to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert one or more WebP images into a single PDF file. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/webp-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/webp-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/webp-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/webp-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,173 +66,173 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" 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="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:webpToPdf.name">Webp To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:webpToPdf.subtitle">
-                Convert one or more WebP images into a single PDF file.
-            </p>
-
-            <!-- Drop Zone -->
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select a file</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500">WebP Images</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    multiple accept="image/webp">
-            </div>
-
-            <!-- Control buttons -->
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <!-- File List -->
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <!-- Options -->
-            <div id="jpg-to-pdf-options" class="hidden mt-6">
-                <div class="mb-4">
-                    <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
-                    </label>
-                    <select id="jpg-pdf-quality"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
-                        <option value="high"> High Quality (Larger file) </option>
-                        <option value="medium" selected> Medium Quality (Balanced) </option>
-                        <option value="low"> Low Quality (Smaller file) </option>
-                    </select>
-                    <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <!-- Loader Modal -->
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" 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="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <!-- Alert Modal -->
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title"
-                data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:webpToPdf.name">Webp To Pdf Converter Free Online
+        - Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:webpToPdf.subtitle">
+        Convert one or more WebP images into a single PDF file.
+      </p>
+
+      <!-- Drop Zone -->
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select a file</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500">WebP Images</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" multiple
+          accept="image/webp">
+      </div>
+
+      <!-- Control buttons -->
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <!-- File List -->
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <!-- Options -->
+      <div id="jpg-to-pdf-options" class="hidden mt-6">
+        <div class="mb-4">
+          <label for="jpg-pdf-quality" class="block mb-2 text-sm font-medium text-gray-300"> PDF Quality
+          </label>
+          <select id="jpg-pdf-quality" class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5">
+            <option value="high"> High Quality (Larger file) </option>
+            <option value="medium" selected> Medium Quality (Balanced) </option>
+            <option value="low"> Low Quality (Smaller file) </option>
+          </select>
+          <p class="mt-1 text-xs text-gray-400"> Controls image compression when embedding into PDF </p>
+        </div>
+
+        <button id="process-btn" class="btn-gradient w-full mt-6">Convert to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <!-- Loader Modal -->
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <!-- Alert Modal -->
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title" data-i18n="alert.title">
+        Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -237,26 +240,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -269,14 +277,16 @@
           Is webp to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -288,96 +298,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/webp-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/webp-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -399,7 +408,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -428,7 +437,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/word-to-pdf.html b/src/pages/word-to-pdf.html
index a17758bd..5c46405c 100644
--- a/src/pages/word-to-pdf.html
+++ b/src/pages/word-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Word to PDF Converter Free Online - Convert Files | BentoPDF</title>
   <meta name="title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta name="description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="word to pdf, docx to pdf, convert word, doc to pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/word-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/word-to-pdf">
   <meta property="og:title" content="Word to PDF Converter Free Online - Convert Files | BentoPDF">
-  <meta property="og:description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-word-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/word-to-pdf">
   <meta name="twitter:title" content="Word to PDF Free">
-  <meta name="twitter:description" content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
+  <meta name="twitter:description"
+    content="★ Word to PDF online free - Convert Word to PDF PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in bro">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-word-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Word to PDF">
-  
 
-    <title>Word to PDF - Convert DOCX, DOC to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/word-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/word-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/word-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/word-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>Word to PDF - Convert DOCX, DOC to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/word-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/word-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/word-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/word-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,174 +66,176 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wordToPdf.name">Word to PDF Converter Free Online - Convert DOCX Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:wordToPdf.subtitle">
-                Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:wordToPdf.acceptedFormats">DOCX, DOC, ODT, RTF
-                        files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".doc,.docx,.odt,.rtf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,text/rtf,application/rtf"
-                    multiple>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-4">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:wordToPdf.convertButton">Convert
-                    to PDF</button>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wordToPdf.name">Word to PDF Converter Free Online
+        - Convert DOCX Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:wordToPdf.subtitle">
+        Convert Word documents (DOCX, DOC, ODT, RTF) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:wordToPdf.acceptedFormats">DOCX, DOC, ODT, RTF
+            files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".doc,.docx,.odt,.rtf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.oasis.opendocument.text,text/rtf,application/rtf"
+          multiple>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-4">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full" data-i18n="tools:wordToPdf.convertButton">Convert
+          to PDF</button>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload Word Files</h3>
-            <p class="text-gray-400">Select or drag DOCX or DOC files you want to convert</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Auto Convert</h3>
-            <p class="text-gray-400">Conversion starts automatically, processing in your browser</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload Word Files</h3>
+          <p class="text-gray-400">Select or drag DOCX or DOC files you want to convert</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Preview Results</h3>
-            <p class="text-gray-400">See your converted PDF with preserved formatting</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            4
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download PDFs</h3>
-            <p class="text-gray-400">Save your PDF files - formatting perfectly preserved</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Auto Convert</h3>
+          <p class="text-gray-400">Conversion starts automatically, processing in your browser</p>
         </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Preview Results</h3>
+          <p class="text-gray-400">See your converted PDF with preserved formatting</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          4
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download PDFs</h3>
+          <p class="text-gray-400">Save your PDF files - formatting perfectly preserved</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -238,26 +243,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/pdf-to-docx.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Pdf To Docx</h3>
-          <p class="text-gray-400 text-sm">Free online pdf to docx tool</p>
-        </a>
-        <a href="/excel-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Excel To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online excel to pdf tool</p>
-        </a>
-        <a href="/powerpoint-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Powerpoint To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online powerpoint to pdf tool</p>
-        </a>
-        <a href="/txt-to-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Txt To Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online txt to pdf tool</p>
-        </a>
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
+      <a href="/pdf-to-docx.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Pdf To Docx</h3>
+        <p class="text-gray-400 text-sm">Free online pdf to docx tool</p>
+      </a>
+      <a href="/excel-to-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Excel To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online excel to pdf tool</p>
+      </a>
+      <a href="/powerpoint-to-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Powerpoint To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online powerpoint to pdf tool</p>
+      </a>
+      <a href="/txt-to-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Txt To Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online txt to pdf tool</p>
+      </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -277,108 +287,109 @@
           Will formatting be preserved?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! Fonts, images, tables, headers, footers, and all formatting are preserved exactly as they appear in Word.</p>
+        <p class="mt-3 text-gray-400">Yes! Fonts, images, tables, headers, footers, and all formatting are preserved
+          exactly as they appear in Word.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Can I convert password-protected Word files?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">You'll need to unlock password-protected files first before converting them to PDF.</p>
+        <p class="mt-3 text-gray-400">You'll need to unlock password-protected files first before converting them to
+          PDF.</p>
       </details>
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/word-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/word-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -400,7 +411,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -429,7 +440,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/wpd-to-pdf.html b/src/pages/wpd-to-pdf.html
index 37ed30fd..37b0e757 100644
--- a/src/pages/wpd-to-pdf.html
+++ b/src/pages/wpd-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Wpd To Pdf Online Free - Wpd To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Wpd To Pdf Online Free - Wpd To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Wpd To Pdf online free - Wpd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Wpd To Pdf online free - Wpd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="wpd to pdf, wpd to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/wpd-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/wpd-to-pdf">
   <meta property="og:title" content="Wpd To Pdf Online Free - Wpd To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Wpd To Pdf online free - Wpd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Wpd To Pdf online free - Wpd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-wpd-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/wpd-to-pdf">
   <meta name="twitter:title" content="Wpd To Pdf Free">
-  <meta name="twitter:description" content="★ Wpd To Pdf online free - Wpd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Wpd To Pdf online free - Wpd to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-wpd-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Wpd To Pdf">
-  
 
-    <title>WPD to PDF - Convert WordPerfect to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert WordPerfect documents (WPD) to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/wpd-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/wpd-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/wpd-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/wpd-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>WPD to PDF - Convert WordPerfect to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert WordPerfect documents (WPD) to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/wpd-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/wpd-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/wpd-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/wpd-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,163 +66,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wpdToPdf.name">Wpd To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:wpdToPdf.subtitle">
-                Convert WordPerfect documents (WPD) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:wpdToPdf.acceptedFormats">WPD files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".wpd" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:wpdToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wpdToPdf.name">Wpd To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:wpdToPdf.subtitle">
+        Convert WordPerfect documents (WPD) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:wpdToPdf.acceptedFormats">WPD files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".wpd" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:wpdToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -227,26 +232,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -259,14 +269,16 @@
           Is wpd to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,84 +290,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/wpd-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/wpd-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -377,7 +388,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -406,7 +417,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/wps-to-pdf.html b/src/pages/wps-to-pdf.html
index 8ed46f40..a2ac946f 100644
--- a/src/pages/wps-to-pdf.html
+++ b/src/pages/wps-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Wps To Pdf Online Free - Wps To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Wps To Pdf Online Free - Wps To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Wps To Pdf online free - Wps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Wps To Pdf online free - Wps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="wps to pdf, wps to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/wps-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/wps-to-pdf">
   <meta property="og:title" content="Wps To Pdf Online Free - Wps To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Wps To Pdf online free - Wps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Wps To Pdf online free - Wps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-wps-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/wps-to-pdf">
   <meta name="twitter:title" content="Wps To Pdf Free">
-  <meta name="twitter:description" content="★ Wps To Pdf online free - Wps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Wps To Pdf online free - Wps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-wps-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Wps To Pdf">
-  
 
-    <title>WPS to PDF - Convert WPS Office to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert WPS Office documents (WPS) to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/wps-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/wps-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/wps-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/wps-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>WPS to PDF - Convert WPS Office to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert WPS Office documents (WPS) to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/wps-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/wps-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/wps-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/wps-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,163 +66,165 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wpsToPdf.name">Wps To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:wpsToPdf.subtitle">
-                Convert WPS Office documents (WPS) to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:wpsToPdf.acceptedFormats">WPS files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".wps" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <div id="convert-options" class="hidden mt-6">
-                <button id="process-btn" class="btn-gradient w-full">
-                    <span data-i18n="tools:wpsToPdf.convertButton">Convert to PDF</span>
-                </button>
-            </div>
-
-            <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
-                <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
-                <p data-i18n="tools.firstLoadNotice">
-                    First load takes a moment as we download our conversion engine. After that, all loads will be
-                    instant.
-                </p>
-            </div>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:wpsToPdf.name">Wps To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:wpsToPdf.subtitle">
+        Convert WPS Office documents (WPS) to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:wpsToPdf.acceptedFormats">WPS files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".wps" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <div id="convert-options" class="hidden mt-6">
+        <button id="process-btn" class="btn-gradient w-full">
+          <span data-i18n="tools:wpsToPdf.convertButton">Convert to PDF</span>
+        </button>
+      </div>
+
+      <div class="flex items-center gap-2 text-gray-500 text-xs mt-6">
+        <i data-lucide="info" class="w-4 h-4 flex-shrink-0"></i>
+        <p data-i18n="tools.firstLoadNotice">
+          First load takes a moment as we download our conversion engine. After that, all loads will be
+          instant.
+        </p>
+      </div>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -227,26 +232,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -259,14 +269,16 @@
           Is wps to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -278,84 +290,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/wps-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/wps-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -377,7 +388,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -406,7 +417,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/xml-to-pdf.html b/src/pages/xml-to-pdf.html
index df1271ac..783157f7 100644
--- a/src/pages/xml-to-pdf.html
+++ b/src/pages/xml-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Xml To Pdf Online Free - Xml To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Xml To Pdf Online Free - Xml To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Xml To Pdf online free - Xml to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Xml To Pdf online free - Xml to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="xml to pdf, xml to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/xml-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/xml-to-pdf">
   <meta property="og:title" content="Xml To Pdf Online Free - Xml To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Xml To Pdf online free - Xml to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Xml To Pdf online free - Xml to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-xml-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/xml-to-pdf">
   <meta name="twitter:title" content="Xml To Pdf Free">
-  <meta name="twitter:description" content="★ Xml To Pdf online free - Xml to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Xml To Pdf online free - Xml to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-xml-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Xml To Pdf">
-  
 
-    <title>XML to PDF - Convert WordPerfect to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert XML documents to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/xml-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/xml-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/xml-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/xml-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>XML to PDF - Convert WordPerfect to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert XML documents to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/xml-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/xml-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/xml-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/xml-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,153 +66,155 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:xmlToPdf.name">Xml To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:xmlToPdf.subtitle">
-                Convert XML documents to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:xmlToPdf.acceptedFormats">XML files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".xml" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="btn-gradient w-full mt-6 hidden">
-                <span data-i18n="tools:xmlToPdf.convertButton">Convert to PDF</span>
-            </button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:xmlToPdf.name">Xml To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:xmlToPdf.subtitle">
+        Convert XML documents to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold">Click to select files</span> <span
+              data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:xmlToPdf.acceptedFormats">XML files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".xml" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="trash-2"></i> <span data-i18n="upload.clearFiles">Clear Files</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="btn-gradient w-full mt-6 hidden">
+        <span data-i18n="tools:xmlToPdf.convertButton">Convert to PDF</span>
+      </button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -217,26 +222,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -249,14 +259,16 @@
           Is xml to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,84 +280,83 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
-                        <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
-                        <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
-                        <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
-                        <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/xml-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/about.html" class="hover:text-indigo-400">About Us</a></li>
+            <li><a href="/faq.html" class="hover:text-indigo-400">FAQ</a></li>
+            <li><a href="/contact.html" class="hover:text-indigo-400">Contact Us</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li><a href="/licensing.html" class="hover:text-indigo-400">Licensing</a></li>
+            <li><a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a></li>
+            <li><a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a></li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/xml-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -367,7 +378,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -396,7 +407,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/pages/xps-to-pdf.html b/src/pages/xps-to-pdf.html
index 55cf3c9f..4ed6a446 100644
--- a/src/pages/xps-to-pdf.html
+++ b/src/pages/xps-to-pdf.html
@@ -2,54 +2,57 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
   <!-- Primary Meta Tags -->
   <title>Xps To Pdf Online Free - Xps To Pdf Tool | BentoPDF</title>
   <meta name="title" content="Xps To Pdf Online Free - Xps To Pdf Tool | BentoPDF">
-  <meta name="description" content="★ Xps To Pdf online free - Xps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta name="description"
+    content="★ Xps To Pdf online free - Xps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta name="keywords" content="xps to pdf, xps to pdf, online pdf">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/xps-to-pdf">
-  
+
   <!-- Open Graph / Facebook / LinkedIn -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/xps-to-pdf">
   <meta property="og:title" content="Xps To Pdf Online Free - Xps To Pdf Tool | BentoPDF">
-  <meta property="og:description" content="★ Xps To Pdf online free - Xps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
+  <meta property="og:description"
+    content="★ Xps To Pdf online free - Xps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-xps-to-pdf.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:url" content="https://www.bentopdf.com/xps-to-pdf">
   <meta name="twitter:title" content="Xps To Pdf Free">
-  <meta name="twitter:description" content="★ Xps To Pdf online free - Xps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
+  <meta name="twitter:description"
+    content="★ Xps To Pdf online free - Xps to pdf PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fas">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-xps-to-pdf.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <!-- Mobile Web App -->
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-title" content="Xps To Pdf">
-  
 
-    <title>XPS to PDF - Convert XPS/OXPS to PDF - BentoPDF</title>
-    <meta name="description"
-        content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
-    
-    <link rel="alternate" hreflang="en" href="/en/xps-to-pdf.html" />
-    <link rel="alternate" hreflang="de" href="/de/xps-to-pdf.html" />
-    <link rel="alternate" hreflang="vi" href="/vi/xps-to-pdf.html" />
-    <link rel="alternate" hreflang="x-default" href="/en/xps-to-pdf.html" />
-    <link href="/src/css/styles.css" rel="stylesheet" />
-    
+
+  <title>XPS to PDF - Convert XPS/OXPS to PDF - BentoPDF</title>
+  <meta name="description"
+    content="Convert XPS and OXPS documents to PDF format. Free, secure, and runs entirely in your browser.">
+
+  <link rel="alternate" hreflang="en" href="/en/xps-to-pdf.html" />
+  <link rel="alternate" hreflang="de" href="/de/xps-to-pdf.html" />
+  <link rel="alternate" hreflang="vi" href="/vi/xps-to-pdf.html" />
+  <link rel="alternate" hreflang="x-default" href="/en/xps-to-pdf.html" />
+  <link href="/src/css/styles.css" rel="stylesheet" />
+
 
   <!-- Web App Manifest -->
   <link rel="manifest" href="/site.webmanifest" />
@@ -63,153 +66,154 @@
 </head>
 
 <body class="antialiased bg-gray-900">
-    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center h-16">
-                <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-                    <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-                    <span class="text-white font-bold text-xl ml-2">
-                        <a href="/">BentoPDF</a>
-                    </span>
-                </div>
-
-                <div class="hidden md:flex items-center space-x-8 text-white">
-                    <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
-                    <a href="/about.html" class="nav-link">About</a>
-                    <a href="/contact.html" class="nav-link">Contact</a>
-                    <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
-                </div>
-
-                <div class="md:hidden flex items-center">
-                    <button id="mobile-menu-button" type="button"
-                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-                        aria-controls="mobile-menu" aria-expanded="false">
-                        <span class="sr-only">Open main menu</span>
-                        <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M4 6h16M4 12h16M4 18h16" />
-                        </svg>
-                        <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                            viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M6 18L18 6M6 6l12 12" />
-                        </svg>
-                    </button>
-                </div>
-            </div>
+  <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
+    <div class="container mx-auto px-4">
+      <div class="flex justify-between items-center h-16">
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
+          <img src="/images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
+          <span class="text-white font-bold text-xl ml-2">
+            <a href="/">BentoPDF</a>
+          </span>
         </div>
 
-        <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
-                <a href="/about.html" class="mobile-nav-link">About</a>
-                <a href="/contact.html" class="mobile-nav-link">Contact</a>
-                <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
-            </div>
+        <div class="hidden md:flex items-center space-x-8 text-white">
+          <a href="/" class="nav-link" data-i18n="nav.home">Home</a>
+          <a href="/about.html" class="nav-link">About</a>
+          <a href="/contact.html" class="nav-link">Contact</a>
+          <a href="/" class="nav-link" data-i18n="nav.allTools">All Tools</a>
         </div>
-    </nav>
-
-    <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
-        <div id="tool-uploader"
-            class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
-            <button id="back-to-tools"
-                class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-                <i data-lucide="arrow-left" class="cursor-pointer"></i>
-                <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
-            </button>
-
-            <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:xpsToPdf.name">Xps To Pdf Converter Free Online - Convert Files Fast</h1>
-            <p class="text-gray-400 mb-6" data-i18n="tools:xpsToPdf.subtitle">
-                Convert XPS/OXPS documents to PDF format. Supports multiple files.
-            </p>
-
-            <div id="drop-zone"
-                class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
-                <div class="flex flex-col items-center justify-center pt-5 pb-6">
-                    <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
-                    <p class="mb-2 text-sm text-gray-400"><span class="font-semibold"
-                            data-i18n="upload.clickToSelect">Click to select files</span> <span
-                            data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
-                    <p class="text-xs text-gray-500" data-i18n="tools:xpsToPdf.acceptedFormats">XPS, OXPS files</p>
-                    <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
-                        device.</p>
-                </div>
-                <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
-                    accept=".xps,.oxps,application/vnd.ms-xpsdocument,application/oxps" multiple>
-            </div>
-
-            <div id="file-controls" class="hidden mt-4 flex gap-3">
-                <button id="add-more-btn"
-                    class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
-                </button>
-                <button id="clear-files-btn"
-                    class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
-                    <i data-lucide="x"></i> <span data-i18n="upload.clearAll">Clear All</span>
-                </button>
-            </div>
-
-            <div id="file-display-area" class="mt-4 space-y-2"></div>
-
-            <button id="process-btn" class="hidden btn-gradient w-full mt-6"
-                data-i18n="tools:xpsToPdf.convertButton">Convert to PDF</button>
 
+        <div class="md:hidden flex items-center">
+          <button id="mobile-menu-button" type="button"
+            class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
+            aria-controls="mobile-menu" aria-expanded="false">
+            <span class="sr-only">Open main menu</span>
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+              stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+            </svg>
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+            </svg>
+          </button>
         </div>
+      </div>
     </div>
 
-    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-            <div class="solid-spinner"></div>
-            <p id="loader-text" class="text-white text-lg font-medium">
-                Processing...
-            </p>
-        </div>
+    <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="/" class="mobile-nav-link" data-i18n="nav.home">Home</a>
+        <a href="/about.html" class="mobile-nav-link">About</a>
+        <a href="/contact.html" class="mobile-nav-link">Contact</a>
+        <a href="/" class="mobile-nav-link" data-i18n="nav.allTools">All Tools</a>
+      </div>
     </div>
+  </nav>
 
-    <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
-        <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
-            <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
-            <p id="alert-message" class="text-gray-300 mb-6"></p>
-            <button id="alert-ok"
-                class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
-                OK
-            </button>
+  <div id="uploader" class="min-h-screen flex flex-col items-center justify-start py-12 p-4 bg-gray-900">
+    <div id="tool-uploader"
+      class="bg-gray-800 rounded-xl shadow-xl px-4 py-8 md:p-8 max-w-2xl w-full text-gray-200 border border-gray-700">
+      <button id="back-to-tools"
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
+        <i data-lucide="arrow-left" class="cursor-pointer"></i>
+        <span class="cursor-pointer" data-i18n="tools.backToTools"> Back to Tools </span>
+      </button>
+
+      <h1 class="text-2xl font-bold text-white mb-2" data-i18n="tools:xpsToPdf.name">Xps To Pdf Converter Free Online -
+        Convert Files Fast</h1>
+      <p class="text-gray-400 mb-6" data-i18n="tools:xpsToPdf.subtitle">
+        Convert XPS/OXPS documents to PDF format. Supports multiple files.
+      </p>
+
+      <div id="drop-zone"
+        class="relative flex flex-col items-center justify-center w-full h-48 md:h-64 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-900 hover:bg-gray-700 transition-colors duration-300">
+        <div class="flex flex-col items-center justify-center pt-5 pb-6">
+          <i data-lucide="upload-cloud" class="w-10 h-10 mb-3 text-gray-400"></i>
+          <p class="mb-2 text-sm text-gray-400"><span class="font-semibold" data-i18n="upload.clickToSelect">Click to
+              select files</span> <span data-i18n="upload.orDragAndDrop">or drag and drop</span></p>
+          <p class="text-xs text-gray-500" data-i18n="tools:xpsToPdf.acceptedFormats">XPS, OXPS files</p>
+          <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">Your files never leave your
+            device.</p>
         </div>
-    </div>
+        <input id="file-input" type="file" class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+          accept=".xps,.oxps,application/vnd.ms-xpsdocument,application/oxps" multiple>
+      </div>
+
+      <div id="file-controls" class="hidden mt-4 flex gap-3">
+        <button id="add-more-btn"
+          class="btn bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="plus"></i> <span data-i18n="upload.addMore">Add More Files</span>
+        </button>
+        <button id="clear-files-btn"
+          class="btn bg-gray-700 hover:bg-gray-600 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2">
+          <i data-lucide="x"></i> <span data-i18n="upload.clearAll">Clear All</span>
+        </button>
+      </div>
+
+      <div id="file-display-area" class="mt-4 space-y-2"></div>
+
+      <button id="process-btn" class="hidden btn-gradient w-full mt-6" data-i18n="tools:xpsToPdf.convertButton">Convert
+        to PDF</button>
+
+    </div>
+  </div>
+
+  <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
+    <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
+      <div class="solid-spinner"></div>
+      <p id="loader-text" class="text-white text-lg font-medium">
+        Processing...
+      </p>
+    </div>
+  </div>
+
+  <div id="alert-modal" class="fixed inset-0 bg-gray-900 bg-opacity-90 flex items-center justify-center z-50 hidden">
+    <div class="bg-gray-800 rounded-lg shadow-xl p-6 max-w-sm w-full border border-gray-700">
+      <h3 id="alert-title" class="text-xl font-bold text-white mb-2" data-i18n="alert.title">Alert</h3>
+      <p id="alert-message" class="text-gray-300 mb-6"></p>
+      <button id="alert-ok"
+        class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200">
+        OK
+      </button>
+    </div>
+  </div>
+
 
-    
   <!-- How It Works Section -->
   <section class="max-w-4xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">How It Works</h2>
     <div class="space-y-6">
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            1
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">Click or drag and drop your file to begin</p>
-          </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          1
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            2
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
-            <p class="text-gray-400">Click the process button to start</p>
-          </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
+          <p class="text-gray-400">Click or drag and drop your file to begin</p>
         </div>
-        <div class="flex items-start gap-4">
-          <div class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
-            3
-          </div>
-          <div class="flex-1">
-            <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
-            <p class="text-gray-400">Save your processed file instantly</p>
-          </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          2
         </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Process</h3>
+          <p class="text-gray-400">Click the process button to start</p>
+        </div>
+      </div>
+      <div class="flex items-start gap-4">
+        <div
+          class="flex-shrink-0 w-10 h-10 bg-indigo-600 rounded-full flex items-center justify-center text-white font-bold">
+          3
+        </div>
+        <div class="flex-1">
+          <h3 class="text-lg font-semibold text-white mb-1">Download</h3>
+          <p class="text-gray-400">Save your processed file instantly</p>
+        </div>
+      </div>
     </div>
   </section>
 
@@ -217,26 +221,31 @@
   <section class="max-w-6xl mx-auto px-4 py-12">
     <h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">Related PDF Tools</h2>
     <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
-        <a href="/merge-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
-        </a>
-        <a href="/compress-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
-        </a>
-        <a href="/split-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online split pdf tool</p>
-        </a>
-        <a href="/edit-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
-        </a>
-        <a href="/rotate-pdf.html" class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
-          <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
-          <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
-        </a>
+      <a href="/merge-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Merge Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online merge pdf tool</p>
+      </a>
+      <a href="/compress-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Compress Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online compress pdf tool</p>
+      </a>
+      <a href="/split-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Split Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online split pdf tool</p>
+      </a>
+      <a href="/edit-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Edit Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online edit pdf tool</p>
+      </a>
+      <a href="/rotate-pdf.html"
+        class="block bg-gray-800 p-4 rounded-lg hover:bg-gray-700 transition-colors border border-gray-700">
+        <h3 class="text-white font-semibold mb-1">Rotate Pdf</h3>
+        <p class="text-gray-400 text-sm">Free online rotate pdf tool</p>
+      </a>
     </div>
   </section>
 
@@ -249,14 +258,16 @@
           Is xps to pdf really free?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited file processing.</p>
+        <p class="mt-3 text-gray-400">Yes! BentoPDF is 100% free with no hidden fees, no signup required, and unlimited
+          file processing.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
           Are my files private and secure?
           <i data-lucide="chevron-down" class="w-5 h-5"></i>
         </summary>
-        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your device, ensuring complete privacy.</p>
+        <p class="mt-3 text-gray-400">Absolutely! All processing happens in your browser. Your files never leave your
+          device, ensuring complete privacy.</p>
       </details>
       <details class="bg-gray-800 p-5 rounded-lg border border-gray-700">
         <summary class="cursor-pointer font-semibold text-white flex items-center justify-between">
@@ -268,96 +279,95 @@
     </div>
   </section>
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-                <div class="mb-8 md:mb-0">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <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">
-                        &copy; 2025 BentoPDF. All rights reserved.
-                    </p>
-                    <p class="text-gray-500 text-xs mt-2">
-                        Version <span id="app-version"></span>
-                    </p>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Company</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/about.html" class="hover:text-indigo-400">About Us</a>
-                        </li>
-                        <li>
-                            <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
-                        </li>
-                        <li>
-                            <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">Legal</h3>
-                    <ul class="space-y-2 text-gray-400">
-                        <li>
-                            <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
-                        </li>
-                        <li>
-                            <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                        </li>
-                        <li>
-                            <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                        </li>
-                    </ul>
-                </div>
-
-                <div>
-                    <h3 class="font-bold text-white mb-4">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">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path fill-rule="evenodd"
-                                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                                    clip-rule="evenodd" />
-                            </svg>
-                        </a>
-                        <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
-                                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                            </svg>
-                        </a>
-                        <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="Instagram">
-                            <i data-lucide="instagram"></i>
-                        </a>
-                        <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                            title="LinkedIn">
-                            <i data-lucide="linkedin"></i>
-                        </a>
-                        <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400"
-                            title="X (Twitter)">
-                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                                <path
-                                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                            </svg>
-                        </a>
-                    </div>
-                </div>
-            </div>
+    <div class="container mx-auto px-4">
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
+        <div class="mb-8 md:mb-0">
+          <div class="flex items-center justify-center md:justify-start mb-4">
+            <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">
+            &copy; 2026 BentoPDF. All rights reserved.
+          </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version"></span>
+          </p>
         </div>
-    </footer>
-    <script type="module" src="/src/js/utils/lucide-init.ts"></script>
-    <script type="module" src="/src/js/utils/full-width.ts"></script>
-    <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
-    <script type="module" src="/src/version.ts"></script>
-    <script type="module" src="/src/js/logic/xps-to-pdf-page.ts"></script>
-    <script type="module" src="/src/js/mobileMenu.ts"></script>
-    <script type="module" src="/src/js/main.ts"></script>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Company</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/about.html" class="hover:text-indigo-400">About Us</a>
+            </li>
+            <li>
+              <a href="/faq.html" class="hover:text-indigo-400">FAQ</a>
+            </li>
+            <li>
+              <a href="/contact.html" class="hover:text-indigo-400">Contact Us</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">Legal</h3>
+          <ul class="space-y-2 text-gray-400">
+            <li>
+              <a href="/licensing.html" class="hover:text-indigo-400">Licensing</a>
+            </li>
+            <li>
+              <a href="/terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
+            </li>
+            <li>
+              <a href="/privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h3 class="font-bold text-white mb-4">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">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path fill-rule="evenodd"
+                  d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                  clip-rule="evenodd" />
+              </svg>
+            </a>
+            <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
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+              </svg>
+            </a>
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="Instagram">
+              <i data-lucide="instagram"></i>
+            </a>
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+              title="LinkedIn">
+              <i data-lucide="linkedin"></i>
+            </a>
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script type="module" src="/src/js/utils/lucide-init.ts"></script>
+  <script type="module" src="/src/js/utils/full-width.ts"></script>
+  <script type="module" src="/src/js/utils/simple-mode-footer.ts"></script>
+  <script type="module" src="/src/version.ts"></script>
+  <script type="module" src="/src/js/logic/xps-to-pdf-page.ts"></script>
+  <script type="module" src="/src/js/mobileMenu.ts"></script>
+  <script type="module" src="/src/js/main.ts"></script>
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">
@@ -379,7 +389,7 @@
     }
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -408,7 +418,7 @@
     ]
   }
   </script>
-  
+
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/src/types/coherentpdf.global.d.ts b/src/types/coherentpdf.global.d.ts
index 9843a540..734ea4d9 100644
--- a/src/types/coherentpdf.global.d.ts
+++ b/src/types/coherentpdf.global.d.ts
@@ -5,7 +5,7 @@
  * They describe APIs provided by the CoherentPDF library (cpdf.js) but are original
  * work created for type safety and integration.
  *
- * Copyright © 2025 BentoPDF
+ * Copyright © 2026 BentoPDF
  * Licensed under the GNU Affero General Public License v3.0 or later (AGPLv3+).
  */
 declare global {
diff --git a/terms.html b/terms.html
index 01e02892..b3569a11 100644
--- a/terms.html
+++ b/terms.html
@@ -6,28 +6,31 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <!-- Primary Meta Tags -->
   <title>Terms and Conditions - Service Agreement | BentoPDF</title>
-  <meta name="description" content="BentoPDF terms of service. Free, client-side PDF tools with no file uploads. Read our terms and conditions.">
+  <meta name="description"
+    content="BentoPDF terms of service. Free, client-side PDF tools with no file uploads. Read our terms and conditions.">
   <meta name="author" content="BentoPDF">
   <meta name="robots" content="index, follow">
-  
+
   <!-- Canonical URL -->
   <link rel="canonical" href="https://www.bentopdf.com/terms">
-  
+
   <!-- Open Graph -->
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://www.bentopdf.com/terms">
   <meta property="og:title" content="Terms and Conditions - Service Agreement | BentoPDF">
-  <meta property="og:description" content="BentoPDF terms of service. Free, client-side PDF tools with no file uploads. Read our terms and conditions.">
+  <meta property="og:description"
+    content="BentoPDF terms of service. Free, client-side PDF tools with no file uploads. Read our terms and conditions.">
   <meta property="og:image" content="https://www.bentopdf.com/images/og-terms.png">
   <meta property="og:site_name" content="BentoPDF">
-  
+
   <!-- Twitter Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Terms and Conditions - Service Agreement | BentoPDF">
-  <meta name="twitter:description" content="BentoPDF terms of service. Free, client-side PDF tools with no file uploads. Read our terms and conditions.">
+  <meta name="twitter:description"
+    content="BentoPDF terms of service. Free, client-side PDF tools with no file uploads. Read our terms and conditions.">
   <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-terms.png">
   <meta name="twitter:site" content="@BentoPDF">
-  
+
   <title>Terms and Conditions - Service Agreement | BentoPDF</title>
   <link href="/src/css/styles.css" rel="stylesheet" />
 
@@ -100,7 +103,7 @@
         Terms and Conditions
       </h1>
       <p class="text-center text-gray-500">
-        Last Updated: September 14, 2025
+        Last Updated: September 14, 2026
       </p>
 
       <div class="legal-content mt-12">
@@ -226,7 +229,7 @@
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
-            &copy; 2025 BentoPDF. All rights reserved.
+            &copy; 2026 BentoPDF. All rights reserved.
           </p>
           <p class="text-gray-500 text-xs mt-2">
             Version <span id="app-version"></span>
diff --git a/tools.html b/tools.html
index d711214b..1e3048bf 100644
--- a/tools.html
+++ b/tools.html
@@ -23,21 +23,21 @@
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
 
-    
+
     <link href="/src/css/styles.css" rel="stylesheet" />
     <script type="module">
         import '@phosphor-icons/web/regular';
     </script>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <!-- Favicons -->
-  <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-  <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
-  <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
-  <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <!-- Favicons -->
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/favicon-512x512.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
 </head>
 
 <body class="antialiased bg-gray-900">
@@ -131,7 +131,7 @@
     <!-- Footer -->
     <footer class="mt-16 border-t-2 border-gray-700 py-8">
         <div class="container mx-auto px-4 text-center text-gray-400">
-            <p>&copy; 2025 BentoPDF. All rights reserved.</p>
+            <p>&copy; 2026 BentoPDF. All rights reserved.</p>
         </div>
     </footer>