Merge branch 'main' of https://github.com/alam00000/bentopdf into add-spanish-translation

src/js/config/tools.ts

@@ -7,7 +7,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'pdf-multi-tool.html',
         name: 'PDF Multi Tool',
         icon: 'ph-pencil-ruler',
-        subtitle: 'Merge, Split, Organize, Delete, Rotate, Add Blank Pages, Extract and Duplicate in an unified interface.',
+        subtitle:
+          'Merge, Split, Organize, Delete, Rotate, Add Blank Pages, Extract and Duplicate in an unified interface.',
       },
       {
         href: import.meta.env.BASE_URL + 'merge-pdf.html',
@@ -158,7 +159,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'form-filler.html',
         name: 'PDF Form Filler',
         icon: 'ph-pencil-line',
-        subtitle: 'Fill in forms directly in the browser. Also supports XFA forms.',
+        subtitle:
+          'Fill in forms directly in the browser. Also supports XFA forms.',
       },
       {
         href: import.meta.env.BASE_URL + 'form-creator.html',
@@ -181,7 +183,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'image-to-pdf.html',
         name: 'Images to PDF',
         icon: 'ph-images',
-        subtitle: 'Convert JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM, PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP to PDF.',
+        subtitle:
+          'Convert JPG, PNG, BMP, GIF, TIFF, PNM, PGM, PBM, PPM, PAM, JXR, JPX, JP2, PSD, SVG, HEIC, WebP to PDF.',
       },
       {
         href: import.meta.env.BASE_URL + 'jpg-to-pdf.html',
@@ -235,7 +238,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'markdown-to-pdf.html',
         name: 'Markdown to PDF',
         icon: 'ph-markdown-logo',
-        subtitle: 'Convert Markdown to PDF with live preview and syntax highlighting.',
+        subtitle:
+          'Convert Markdown to PDF with live preview and syntax highlighting.',
       },
       {
         href: import.meta.env.BASE_URL + 'json-to-pdf.html',
@@ -367,7 +371,14 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'psd-to-pdf.html',
         name: 'PSD to PDF',
         icon: 'ph-image',
-        subtitle: 'Convert Adobe Photoshop (PSD) files to PDF. Multiple files supported.',
+        subtitle:
+          'Convert Adobe Photoshop (PSD) files to PDF. Multiple files supported.',
+      },
+      {
+        href: import.meta.env.BASE_URL + 'email-to-pdf.html',
+        name: 'Email to PDF',
+        icon: 'ph-envelope',
+        subtitle: 'Convert email files (EML, MSG) to PDF format.',
       },
     ],
   },
@@ -456,7 +467,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'prepare-pdf-for-ai.html',
         name: 'Prepare PDF for AI',
         icon: 'ph-sparkle',
-        subtitle: 'Extract PDF content as LlamaIndex JSON for RAG/LLM pipelines.',
+        subtitle:
+          'Extract PDF content as LlamaIndex JSON for RAG/LLM pipelines.',
       },
       {
         href: import.meta.env.BASE_URL + 'pdf-to-text.html',
@@ -485,7 +497,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'alternate-merge.html',
         name: 'Alternate & Mix Pages',
         icon: 'ph-shuffle',
-        subtitle: 'Merge PDFs by alternating pages from each PDF. Preserves Bookmarks',
+        subtitle:
+          'Merge PDFs by alternating pages from each PDF. Preserves Bookmarks',
       },
       {
         href: import.meta.env.BASE_URL + 'organize-pdf.html',
@@ -677,7 +690,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'rasterize-pdf.html',
         name: 'Rasterize PDF',
         icon: 'ph-image',
-        subtitle: 'Convert PDF to image-based PDF. Flatten layers and remove selectable text.',
+        subtitle:
+          'Convert PDF to image-based PDF. Flatten layers and remove selectable text.',
       },
     ],
   },
@@ -724,7 +738,8 @@ export const categories = [
         href: import.meta.env.BASE_URL + 'digital-sign-pdf.html',
         name: 'Digital Signature',
         icon: 'ph-certificate',
-        subtitle: 'Add a cryptographic digital signature using X.509 certificates.',
+        subtitle:
+          'Add a cryptographic digital signature using X.509 certificates.',
       },
       {
         href: import.meta.env.BASE_URL + 'validate-signature-pdf.html',

src/js/i18n/i18n.ts

@@ -3,156 +3,175 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import HttpBackend from 'i18next-http-backend';
 
 // Supported languages
-export const supportedLanguages = ['en', 'de', 'es', 'zh', 'vi', 'it'] as const;
+export const supportedLanguages = [
+  'en',
+  'de',
+  'es',
+  'zh',
+  'vi',
+  'tr',
+  'id',
+  'it',
+] as const;
 export type SupportedLanguage = (typeof supportedLanguages)[number];
 
 export const languageNames: Record<SupportedLanguage, string> = {
-    en: 'English',
-    de: 'Deutsch',
-    es: 'Español',
-    zh: '中文',
-    vi: 'Tiếng Việt',
-    it: 'Italiano',
+  en: 'English',
+  de: 'Deutsch',
+  es: 'Español',
+  zh: '中文',
+  vi: 'Tiếng Việt',
+  tr: 'Türkçe',
+  id: 'Bahasa Indonesia',
+  it: 'Italiano',
 };
 
 export const getLanguageFromUrl = (): SupportedLanguage => {
-    const path = window.location.pathname;
-    const langMatch = path.match(/^\/(en|de|es|zh|vi|it)(?:\/|$)/);
-    if (langMatch && supportedLanguages.includes(langMatch[1] as SupportedLanguage)) {
-        return langMatch[1] as SupportedLanguage;
-    }
-    const storedLang = localStorage.getItem('i18nextLng');
-    if (storedLang && supportedLanguages.includes(storedLang as SupportedLanguage)) {
-        return storedLang as SupportedLanguage;
-    }
+  const path = window.location.pathname;
+  const langMatch = path.match(/^\/(en|de|es|zh|vi|tr|id|it)(?:\/|$)/);
+  if (
+    langMatch &&
+    supportedLanguages.includes(langMatch[1] as SupportedLanguage)
+  ) {
+    return langMatch[1] as SupportedLanguage;
+  }
+  const storedLang = localStorage.getItem('i18nextLng');
+  if (
+    storedLang &&
+    supportedLanguages.includes(storedLang as SupportedLanguage)
+  ) {
+    return storedLang as SupportedLanguage;
+  }
 
-    return 'en';
+  return 'en';
 };
 
 let initialized = false;
 
 export const initI18n = async (): Promise<typeof i18next> => {
-    if (initialized) return i18next;
+  if (initialized) return i18next;
 
-    const currentLang = getLanguageFromUrl();
+  const currentLang = getLanguageFromUrl();
 
-    await i18next
-        .use(HttpBackend)
-        .use(LanguageDetector)
-        .init({
-            lng: currentLang,
-            fallbackLng: 'en',
-            supportedLngs: supportedLanguages as unknown as string[],
-            ns: ['common', 'tools'],
-            defaultNS: 'common',
-            backend: {
-                loadPath: `${import.meta.env.BASE_URL.replace(/\/?$/, '/')}locales/{{lng}}/{{ns}}.json`,
-            },
-            detection: {
-                order: ['path', 'localStorage', 'navigator'],
-                lookupFromPathIndex: 0,
-                caches: ['localStorage'],
-            },
-            interpolation: {
-                escapeValue: false,
-            },
-        });
+  await i18next
+    .use(HttpBackend)
+    .use(LanguageDetector)
+    .init({
+      lng: currentLang,
+      fallbackLng: 'en',
+      supportedLngs: supportedLanguages as unknown as string[],
+      ns: ['common', 'tools'],
+      defaultNS: 'common',
+      backend: {
+        loadPath: `${import.meta.env.BASE_URL.replace(/\/?$/, '/')}locales/{{lng}}/{{ns}}.json`,
+      },
+      detection: {
+        order: ['path', 'localStorage', 'navigator'],
+        lookupFromPathIndex: 0,
+        caches: ['localStorage'],
+      },
+      interpolation: {
+        escapeValue: false,
+      },
+    });
 
-    initialized = true;
-    return i18next;
+  initialized = true;
+  return i18next;
 };
 
 export const t = (key: string, options?: Record<string, unknown>): string => {
-    return i18next.t(key, options);
+  return i18next.t(key, options);
 };
 
 export const changeLanguage = (lang: SupportedLanguage): void => {
-    if (!supportedLanguages.includes(lang)) return;
+  if (!supportedLanguages.includes(lang)) return;
 
-    const currentPath = window.location.pathname;
-    const currentLang = getLanguageFromUrl();
+  const currentPath = window.location.pathname;
+  const currentLang = getLanguageFromUrl();
 
-    let newPath: string;
-    if (currentPath.match(/^\/(en|de|zh|vi|it)\//)) {
-      newPath = currentPath.replace(/^\/(en|de|zh|vi|it)\//, `/${lang}/`);
-    } else if (currentPath.match(/^\/(en|de|zh|vi|it)$/)) {
-      newPath = `/${lang}`;
-    } else {
-      newPath = `/${lang}${currentPath}`;
-    }
+  let newPath: string;
+  if (currentPath.match(/^\/(en|de|zh|vi|tr|id|it)\//)) {
+    newPath = currentPath.replace(/^\/(en|de|zh|vi|tr|id|it)\//, `/${lang}/`);
+  } else if (currentPath.match(/^\/(en|de|zh|vi|tr|id|it)$/)) {
+    newPath = `/${lang}`;
+  } else {
+    newPath = `/${lang}${currentPath}`;
+  }
 
-    const newUrl = newPath + window.location.search + window.location.hash;
-    window.location.href = newUrl;
+  const newUrl = newPath + window.location.search + window.location.hash;
+  window.location.href = newUrl;
 };
 
 // Apply translations to all elements with data-i18n attribute
 export const applyTranslations = (): void => {
-    document.querySelectorAll('[data-i18n]').forEach((element) => {
-        const key = element.getAttribute('data-i18n');
-        if (key) {
-            const translation = t(key);
-            if (translation && translation !== key) {
-                element.textContent = translation;
-            }
-        }
-    });
+  document.querySelectorAll('[data-i18n]').forEach((element) => {
+    const key = element.getAttribute('data-i18n');
+    if (key) {
+      const translation = t(key);
+      if (translation && translation !== key) {
+        element.textContent = translation;
+      }
+    }
+  });
 
-    document.querySelectorAll('[data-i18n-placeholder]').forEach((element) => {
-        const key = element.getAttribute('data-i18n-placeholder');
-        if (key && element instanceof HTMLInputElement) {
-            const translation = t(key);
-            if (translation && translation !== key) {
-                element.placeholder = translation;
-            }
-        }
-    });
+  document.querySelectorAll('[data-i18n-placeholder]').forEach((element) => {
+    const key = element.getAttribute('data-i18n-placeholder');
+    if (key && element instanceof HTMLInputElement) {
+      const translation = t(key);
+      if (translation && translation !== key) {
+        element.placeholder = translation;
+      }
+    }
+  });
 
-    document.querySelectorAll('[data-i18n-title]').forEach((element) => {
-        const key = element.getAttribute('data-i18n-title');
-        if (key) {
-            const translation = t(key);
-            if (translation && translation !== key) {
-                (element as HTMLElement).title = translation;
-            }
-        }
-    });
+  document.querySelectorAll('[data-i18n-title]').forEach((element) => {
+    const key = element.getAttribute('data-i18n-title');
+    if (key) {
+      const translation = t(key);
+      if (translation && translation !== key) {
+        (element as HTMLElement).title = translation;
+      }
+    }
+  });
 
-    document.documentElement.lang = i18next.language;
+  document.documentElement.lang = i18next.language;
 };
 
 export const rewriteLinks = (): void => {
-    const currentLang = getLanguageFromUrl();
-    if (currentLang === 'en') return;
+  const currentLang = getLanguageFromUrl();
+  if (currentLang === 'en') return;
 
-    const links = document.querySelectorAll('a[href]');
-    links.forEach((link) => {
-        const href = link.getAttribute('href');
-        if (!href) return;
+  const links = document.querySelectorAll('a[href]');
+  links.forEach((link) => {
+    const href = link.getAttribute('href');
+    if (!href) return;
 
-        if (href.startsWith('http') ||
-            href.startsWith('mailto:') ||
-            href.startsWith('tel:') ||
-            href.startsWith('#') ||
-            href.startsWith('javascript:')) {
-            return;
-        }
+    if (
+      href.startsWith('http') ||
+      href.startsWith('mailto:') ||
+      href.startsWith('tel:') ||
+      href.startsWith('#') ||
+      href.startsWith('javascript:')
+    ) {
+      return;
+    }
 
-        if (href.match(/^\/(en|de|zh|vi|it)\//)) {
-          return;
-        }
-        let newHref: string;
-        if (href.startsWith('/')) {
-            newHref = `/${currentLang}${href}`;
-        } else if (href.startsWith('./')) {
-            newHref = href.replace('./', `/${currentLang}/`);
-        } else if (href === '/' || href === '') {
-            newHref = `/${currentLang}/`;
-        } else {
-            newHref = `/${currentLang}/${href}`;
-        }
+    if (href.match(/^\/(en|de|zh|vi|tr|id|it)\//)) {
+      return;
+    }
+    let newHref: string;
+    if (href.startsWith('/')) {
+      newHref = `/${currentLang}${href}`;
+    } else if (href.startsWith('./')) {
+      newHref = href.replace('./', `/${currentLang}/`);
+    } else if (href === '/' || href === '') {
+      newHref = `/${currentLang}/`;
+    } else {
+      newHref = `/${currentLang}/${href}`;
+    }
 
-        link.setAttribute('href', newHref);
-    });
+    link.setAttribute('href', newHref);
+  });
 };
 
 export default i18next;

src/js/i18n/index.ts

@@ -1,3 +1,15 @@
-export { initI18n, t, changeLanguage, applyTranslations, rewriteLinks, getLanguageFromUrl, supportedLanguages, languageNames } from './i18n';
+export {
+  initI18n,
+  t,
+  changeLanguage,
+  applyTranslations,
+  rewriteLinks,
+  getLanguageFromUrl,
+  supportedLanguages,
+  languageNames,
+} from './i18n';
 export type { SupportedLanguage } from './i18n';
-export { createLanguageSwitcher, injectLanguageSwitcher } from './language-switcher';
+export {
+  createLanguageSwitcher,
+  injectLanguageSwitcher,
+} from './language-switcher';

src/js/logic/email-to-pdf-page.ts

@@ -0,0 +1,268 @@
+import { showLoader, hideLoader, showAlert } from '../ui.js';
+import { downloadFile, formatBytes } from '../utils/helpers.js';
+import { state } from '../state.js';
+import { createIcons, icons } from 'lucide';
+import { parseEmailFile, renderEmailToHtml } from './email-to-pdf.js';
+import { PyMuPDF } from '@bentopdf/pymupdf-wasm';
+import { getWasmBaseUrl } from '../config/wasm-cdn-config.js';
+
+const EXTENSIONS = ['.eml', '.msg'];
+const TOOL_NAME = 'Email';
+
+document.addEventListener('DOMContentLoaded', () => {
+  const fileInput = document.getElementById('file-input') as HTMLInputElement;
+  const dropZone = document.getElementById('drop-zone');
+  const processBtn = document.getElementById('process-btn');
+  const fileDisplayArea = document.getElementById('file-display-area');
+  const fileControls = document.getElementById('file-controls');
+  const addMoreBtn = document.getElementById('add-more-btn');
+  const clearFilesBtn = document.getElementById('clear-files-btn');
+  const backBtn = document.getElementById('back-to-tools');
+
+  if (backBtn) {
+    backBtn.addEventListener('click', () => {
+      window.location.href = import.meta.env.BASE_URL;
+    });
+  }
+
+  const convertOptions = document.getElementById('convert-options');
+
+  const updateUI = async () => {
+    if (!fileDisplayArea || !processBtn || !fileControls) return;
+
+    if (state.files.length > 0) {
+      fileDisplayArea.innerHTML = '';
+
+      for (let index = 0; index < state.files.length; index++) {
+        const file = state.files[index];
+        const fileDiv = document.createElement('div');
+        fileDiv.className =
+          'flex items-center justify-between bg-gray-700 p-3 rounded-lg text-sm';
+
+        const infoContainer = document.createElement('div');
+        infoContainer.className = 'flex flex-col overflow-hidden';
+
+        const nameSpan = document.createElement('div');
+        nameSpan.className = 'truncate font-medium text-gray-200 text-sm mb-1';
+        nameSpan.textContent = file.name;
+
+        const metaSpan = document.createElement('div');
+        metaSpan.className = 'text-xs text-gray-400';
+        metaSpan.textContent = formatBytes(file.size);
+
+        infoContainer.append(nameSpan, metaSpan);
+
+        const removeBtn = document.createElement('button');
+        removeBtn.className =
+          'ml-4 text-red-400 hover:text-red-300 flex-shrink-0';
+        removeBtn.innerHTML = '<i data-lucide="trash-2" class="w-4 h-4"></i>';
+        removeBtn.onclick = () => {
+          state.files = state.files.filter((_, i) => i !== index);
+          updateUI();
+        };
+
+        fileDiv.append(infoContainer, removeBtn);
+        fileDisplayArea.appendChild(fileDiv);
+      }
+
+      createIcons({ icons });
+      fileControls.classList.remove('hidden');
+      if (convertOptions) convertOptions.classList.remove('hidden');
+      (processBtn as HTMLButtonElement).disabled = false;
+    } else {
+      fileDisplayArea.innerHTML = '';
+      fileControls.classList.add('hidden');
+      if (convertOptions) convertOptions.classList.add('hidden');
+      (processBtn as HTMLButtonElement).disabled = true;
+    }
+  };
+
+  const resetState = () => {
+    state.files = [];
+    state.pdfDoc = null;
+    updateUI();
+  };
+
+  const convertToPdf = async () => {
+    try {
+      if (state.files.length === 0) {
+        showAlert(
+          'No Files',
+          `Please select at least one ${TOOL_NAME} file (.eml or .msg).`
+        );
+        return;
+      }
+
+      const pageSizeSelect = document.getElementById(
+        'page-size'
+      ) as HTMLSelectElement;
+      const includeCcBccCheckbox = document.getElementById(
+        'include-cc-bcc'
+      ) as HTMLInputElement;
+      const includeAttachmentsCheckbox = document.getElementById(
+        'include-attachments'
+      ) as HTMLInputElement;
+
+      const pageSize =
+        (pageSizeSelect?.value as 'a4' | 'letter' | 'legal') || 'a4';
+      const includeCcBcc = includeCcBccCheckbox?.checked ?? true;
+      const includeAttachments = includeAttachmentsCheckbox?.checked ?? true;
+
+      showLoader('Loading PDF engine...');
+      const pymupdf = new PyMuPDF(getWasmBaseUrl('pymupdf'));
+      await pymupdf.load();
+
+      if (state.files.length === 1) {
+        const originalFile = state.files[0];
+        showLoader(`Parsing ${originalFile.name}...`);
+
+        const email = await parseEmailFile(originalFile);
+
+        showLoader('Generating PDF...');
+        const htmlContent = renderEmailToHtml(email, {
+          includeCcBcc,
+          includeAttachments,
+          pageSize,
+        });
+
+        const pdfBlob = await (pymupdf as any).htmlToPdf(htmlContent, {
+          pageSize,
+          margins: { top: 50, right: 50, bottom: 50, left: 50 },
+          attachments: email.attachments
+            .filter((a) => a.content)
+            .map((a) => ({
+              filename: a.filename,
+              content: a.content!,
+            })),
+        });
+        const fileName = originalFile.name.replace(/\.[^.]+$/, '') + '.pdf';
+
+        downloadFile(pdfBlob, fileName);
+        hideLoader();
+
+        showAlert(
+          'Conversion Complete',
+          `Successfully converted ${originalFile.name} to PDF.`,
+          'success',
+          () => resetState()
+        );
+      } else {
+        showLoader('Converting emails...');
+        const JSZip = (await import('jszip')).default;
+        const zip = new JSZip();
+
+        for (let i = 0; i < state.files.length; i++) {
+          const file = state.files[i];
+          showLoader(
+            `Converting ${i + 1}/${state.files.length}: ${file.name}...`
+          );
+
+          try {
+            const email = await parseEmailFile(file);
+
+            const htmlContent = renderEmailToHtml(email, {
+              includeCcBcc,
+              includeAttachments,
+              pageSize,
+            });
+
+            const pdfBlob = await (pymupdf as any).htmlToPdf(htmlContent, {
+              pageSize,
+              margins: { top: 50, right: 50, bottom: 50, left: 50 },
+              attachments: email.attachments
+                .filter((a) => a.content)
+                .map((a) => ({
+                  filename: a.filename,
+                  content: a.content!,
+                })),
+            });
+            const baseName = file.name.replace(/\.[^.]+$/, '');
+            const pdfBuffer = await pdfBlob.arrayBuffer();
+            zip.file(`${baseName}.pdf`, pdfBuffer);
+          } catch (e: any) {
+            console.error(`Failed to convert ${file.name}:`, e);
+          }
+        }
+
+        const zipBlob = await zip.generateAsync({ type: 'blob' });
+        downloadFile(zipBlob, 'emails-converted.zip');
+
+        hideLoader();
+
+        showAlert(
+          'Conversion Complete',
+          `Successfully converted ${state.files.length} ${TOOL_NAME} file(s) to PDF.`,
+          'success',
+          () => resetState()
+        );
+      }
+    } catch (e: any) {
+      console.error(`[${TOOL_NAME}2PDF] ERROR:`, e);
+      hideLoader();
+      showAlert(
+        'Error',
+        `An error occurred during conversion. Error: ${e.message}`
+      );
+    }
+  };
+
+  const handleFileSelect = (files: FileList | null) => {
+    if (files && files.length > 0) {
+      state.files = [...state.files, ...Array.from(files)];
+      updateUI();
+    }
+  };
+
+  if (fileInput && dropZone) {
+    fileInput.addEventListener('change', (e) => {
+      handleFileSelect((e.target as HTMLInputElement).files);
+    });
+
+    dropZone.addEventListener('dragover', (e) => {
+      e.preventDefault();
+      dropZone.classList.add('bg-gray-700');
+    });
+
+    dropZone.addEventListener('dragleave', (e) => {
+      e.preventDefault();
+      dropZone.classList.remove('bg-gray-700');
+    });
+
+    dropZone.addEventListener('drop', (e) => {
+      e.preventDefault();
+      dropZone.classList.remove('bg-gray-700');
+      const files = e.dataTransfer?.files;
+      if (files && files.length > 0) {
+        const validFiles = Array.from(files).filter((f) => {
+          const name = f.name.toLowerCase();
+          return EXTENSIONS.some((ext) => name.endsWith(ext));
+        });
+        if (validFiles.length > 0) {
+          const dataTransfer = new DataTransfer();
+          validFiles.forEach((f) => dataTransfer.items.add(f));
+          handleFileSelect(dataTransfer.files);
+        }
+      }
+    });
+
+    fileInput.addEventListener('click', () => {
+      fileInput.value = '';
+    });
+  }
+
+  if (addMoreBtn) {
+    addMoreBtn.addEventListener('click', () => {
+      fileInput.click();
+    });
+  }
+
+  if (clearFilesBtn) {
+    clearFilesBtn.addEventListener('click', () => {
+      resetState();
+    });
+  }
+
+  if (processBtn) {
+    processBtn.addEventListener('click', convertToPdf);
+  }
+});

src/js/logic/email-to-pdf.ts

@@ -0,0 +1,393 @@
+import PostalMime from 'postal-mime';
+import MsgReader from '@kenjiuno/msgreader';
+import { formatBytes, escapeHtml } from '../utils/helpers.js';
+import type { EmailAttachment, ParsedEmail, EmailRenderOptions } from '@/types';
+
+// Re-export types for convenience
+export type { EmailAttachment, ParsedEmail, EmailRenderOptions };
+
+/**
+ * Format email address without angle brackets for cleaner display
+ */
+function formatAddress(
+  name: string | undefined,
+  email: string | undefined
+): string {
+  if (name && email) {
+    return `${name} (${email})`;
+  }
+  return email || name || '';
+}
+
+export async function parseEmlFile(file: File): Promise<ParsedEmail> {
+  const arrayBuffer = await file.arrayBuffer();
+  const parser = new PostalMime();
+  const email = await parser.parse(arrayBuffer);
+
+  const from =
+    formatAddress(email.from?.name, email.from?.address) || 'Unknown Sender';
+
+  const to = (email.to || [])
+    .map((addr) => formatAddress(addr.name, addr.address))
+    .filter(Boolean);
+
+  const cc = (email.cc || [])
+    .map((addr) => formatAddress(addr.name, addr.address))
+    .filter(Boolean);
+
+  const bcc = (email.bcc || [])
+    .map((addr) => formatAddress(addr.name, addr.address))
+    .filter(Boolean);
+
+  // Helper to map parsing result to EmailAttachment
+  const mapAttachment = (att: any): EmailAttachment => {
+    let content: Uint8Array | undefined;
+    let size = 0;
+    if (att.content) {
+      if (att.content instanceof ArrayBuffer) {
+        content = new Uint8Array(att.content);
+        size = content.byteLength;
+      } else if (att.content instanceof Uint8Array) {
+        content = att.content;
+        size = content.byteLength;
+      }
+    }
+    return {
+      filename: att.filename || 'unnamed',
+      size,
+      contentType: att.mimeType || 'application/octet-stream',
+      content,
+      contentId: att.contentId
+        ? att.contentId.replace(/^<|>$/g, '')
+        : undefined,
+    };
+  };
+
+  const attachments: EmailAttachment[] = [
+    ...(email.attachments || []).map(mapAttachment),
+    ...((email as any).inline || []).map(mapAttachment),
+  ];
+
+  // Preserve original date string from headers
+  let rawDateString = '';
+  if (email.headers) {
+    const dateHeader = email.headers.find(
+      (h) => h.key.toLowerCase() === 'date'
+    );
+    if (dateHeader) {
+      rawDateString = dateHeader.value as string;
+    }
+  }
+  if (!rawDateString && email.date) {
+    rawDateString = email.date; // fallback if header missing but parsed date exists as string?
+  }
+
+  let parsedDate: Date | null = null;
+  if (email.date) {
+    try {
+      parsedDate = new Date(email.date);
+      if (isNaN(parsedDate.getTime())) {
+        parsedDate = null;
+      }
+    } catch {
+      parsedDate = null;
+    }
+  }
+
+  return {
+    subject: email.subject || '(No Subject)',
+    from,
+    to,
+    cc,
+    bcc,
+    date: parsedDate,
+    rawDateString,
+    htmlBody: email.html || '',
+    textBody: email.text || '',
+    attachments,
+  };
+}
+
+export async function parseMsgFile(file: File): Promise<ParsedEmail> {
+  const arrayBuffer = await file.arrayBuffer();
+  const msgReader = new MsgReader(arrayBuffer);
+  const msgData = msgReader.getFileData();
+
+  const from =
+    formatAddress(msgData.senderName, msgData.senderEmail) || 'Unknown Sender';
+
+  const to: string[] = [];
+  const cc: string[] = [];
+  const bcc: string[] = [];
+
+  if (msgData.recipients) {
+    for (const recipient of msgData.recipients) {
+      const recipientStr = formatAddress(recipient.name, recipient.email);
+      if (!recipientStr) continue;
+
+      const recipType = String(recipient.recipType).toLowerCase();
+      if (recipType === 'cc' || recipType === '2') {
+        cc.push(recipientStr);
+      } else if (recipType === 'bcc' || recipType === '3') {
+        bcc.push(recipientStr);
+      } else {
+        to.push(recipientStr);
+      }
+    }
+  }
+
+  const attachments: EmailAttachment[] = (msgData.attachments || []).map(
+    (att: any) => ({
+      filename: att.fileName || att.name || 'unnamed',
+      size: att.content?.length || 0,
+      contentType: att.mimeType || 'application/octet-stream',
+      content: att.content ? new Uint8Array(att.content) : undefined,
+      contentId: att.pidContentId
+        ? att.pidContentId.replace(/^<|>$/g, '')
+        : undefined,
+    })
+  );
+
+  let date: Date | null = null;
+  let rawDateString = '';
+  if (msgData.messageDeliveryTime) {
+    rawDateString = msgData.messageDeliveryTime;
+    date = new Date(msgData.messageDeliveryTime);
+  } else if (msgData.clientSubmitTime) {
+    rawDateString = msgData.clientSubmitTime;
+    date = new Date(msgData.clientSubmitTime);
+  }
+
+  return {
+    subject: msgData.subject || '(No Subject)',
+    from,
+    to,
+    cc,
+    bcc,
+    date,
+    rawDateString,
+    htmlBody: msgData.bodyHtml || '',
+    textBody: msgData.body || '',
+    attachments,
+  };
+}
+
+/**
+ * Formats a raw RFC 2822 date string into a nicer human-readable format,
+ * while preserving the original timezone and time.
+ * Example input: "Sun, 8 Jan 2017 20:37:44 +0200"
+ * Example output: "Sunday, January 8, 2017 at 8:37 PM (+0200)"
+ */
+function formatRawDate(raw: string): string {
+  try {
+    // Regex to parse RFC 2822 date parts: Day, DD Mon YYYY HH:MM:SS Timezone
+    const match = raw.match(
+      /([A-Za-z]{3}),\s+(\d{1,2})\s+([A-Za-z]{3})\s+(\d{4})\s+(\d{2}):(\d{2})(?::(\d{2}))?\s+([+-]\d{4})/
+    );
+
+    if (match) {
+      const [
+        ,
+        dayAbbr,
+        dom,
+        monthAbbr,
+        year,
+        hoursStr,
+        minsStr,
+        secsStr,
+        timezone,
+      ] = match;
+
+      // Map abbreviations to full names
+      const days: Record<string, string> = {
+        Sun: 'Sunday',
+        Mon: 'Monday',
+        Tue: 'Tuesday',
+        Wed: 'Wednesday',
+        Thu: 'Thursday',
+        Fri: 'Friday',
+        Sat: 'Saturday',
+      };
+      const months: Record<string, string> = {
+        Jan: 'January',
+        Feb: 'February',
+        Mar: 'March',
+        Apr: 'April',
+        May: 'May',
+        Jun: 'June',
+        Jul: 'July',
+        Aug: 'August',
+        Sep: 'September',
+        Oct: 'October',
+        Nov: 'November',
+        Dec: 'December',
+      };
+
+      const fullDay = days[dayAbbr] || dayAbbr;
+      const fullMonth = months[monthAbbr] || monthAbbr;
+
+      // Convert to 12-hour format manually
+      let hours = parseInt(hoursStr, 10);
+      const ampm = hours >= 12 ? 'PM' : 'AM';
+      hours = hours % 12;
+      hours = hours ? hours : 12; // the hour '0' should be '12'
+
+      // Format timezone: +0200 -> UTC+02:00
+      const tzSign = timezone.substring(0, 1);
+      const tzHours = timezone.substring(1, 3);
+      const tzMins = timezone.substring(3, 5);
+      const formattedTz = `UTC${tzSign}${tzHours}:${tzMins}`;
+
+      return `${fullDay}, ${fullMonth} ${dom}, ${year} at ${hours}:${minsStr} ${ampm} (${formattedTz})`;
+    }
+  } catch (e) {
+    // Fallback to raw string if parsing fails
+  }
+  return raw;
+}
+
+/**
+ * Replace CID references in HTML with base64 data URIs
+ */
+function processInlineImages(
+  html: string,
+  attachments: EmailAttachment[]
+): string {
+  if (!html) return html;
+
+  // Create a map of contentIds to attachments
+  const cidMap = new Map<string, EmailAttachment>();
+  attachments.forEach((att) => {
+    if (att.contentId) {
+      cidMap.set(att.contentId, att);
+    }
+  });
+
+  // Replace src="cid:..."
+  return html.replace(/src=["']cid:([^"']+)["']/g, (match, cid) => {
+    const att = cidMap.get(cid);
+    if (att && att.content) {
+      // Convert Uint8Array to base64
+      let binary = '';
+      const len = att.content.byteLength;
+      for (let i = 0; i < len; i++) {
+        binary += String.fromCharCode(att.content[i]);
+      }
+      const base64 =
+        typeof btoa === 'function'
+          ? btoa(binary)
+          : Buffer.from(binary, 'binary').toString('base64');
+      return `src="data:${att.contentType};base64,${base64}"`;
+    }
+    return match; // Keep original if not found
+  });
+}
+
+export function renderEmailToHtml(
+  email: ParsedEmail,
+  options: EmailRenderOptions = {}
+): string {
+  const { includeCcBcc = true, includeAttachments = true } = options;
+
+  let processedHtml = '';
+  if (email.htmlBody) {
+    processedHtml = processInlineImages(email.htmlBody, email.attachments);
+  } else {
+    processedHtml = `<pre style="white-space: pre-wrap; font-family: inherit; margin: 0;">${escapeHtml(email.textBody)}</pre>`;
+  }
+
+  // Format date in a human-readable way
+  let dateStr = 'Unknown Date';
+  if (email.rawDateString) {
+    dateStr = formatRawDate(email.rawDateString);
+  } else if (email.date && !isNaN(email.date.getTime())) {
+    dateStr = email.date.toLocaleString('en-US', {
+      weekday: 'long',
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      hour: 'numeric',
+      minute: '2-digit',
+      hour12: true,
+    });
+  }
+
+  const attachmentHtml =
+    includeAttachments && email.attachments.length > 0
+      ? `
+    <div style="margin-top: 20px; padding-top: 15px; border-top: 1px solid #cccccc;">
+      <p style="margin: 0 0 8px 0; font-size: 11px; color: #666; font-weight: 600;">Attachments (${email.attachments.length})</p>
+      <ul style="margin: 0; padding-left: 20px; font-size: 10px; color: #555;">
+        ${email.attachments
+          .map(
+            (att) =>
+              `<li style="margin-bottom: 5px;">${escapeHtml(att.filename)} <span style="color: #999;">(${formatBytes(att.size)})</span></li>`
+          )
+          .join('')}
+      </ul>
+    </div>
+  `
+      : '';
+
+  // Build CC/BCC rows
+  let ccBccHtml = '';
+  if (includeCcBcc) {
+    if (email.cc.length > 0) {
+      ccBccHtml += `
+      <div style="margin-bottom: 8px;">
+        <span style="font-weight: 600; color: #666; margin-right: 8px;">CC:</span>
+        <span style="color: #333;">${escapeHtml(email.cc.join(', '))}</span>
+      </div>`;
+    }
+    if (email.bcc.length > 0) {
+      ccBccHtml += `
+      <div style="margin-bottom: 8px;">
+        <span style="font-weight: 600; color: #666; margin-right: 8px;">BCC:</span>
+        <span style="color: #333;">${escapeHtml(email.bcc.join(', '))}</span>
+      </div>`;
+    }
+  }
+
+  return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+</head>
+<body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 40px 20px; background: #fff;">
+  <div style="border-bottom: 2px solid #999999; padding-bottom: 20px; margin-bottom: 30px;">
+    <h1 style="font-size: 18px; font-weight: 600; color: #1a1a1a; margin: 0 0 12px 0;">${escapeHtml(email.subject)}</h1>
+    <div style="font-size: 12px; color: #555;">
+      <div style="margin-bottom: 8px;">
+        <span style="font-weight: 600; color: #666; margin-right: 8px;">From:</span>
+        <span style="color: #333;">${escapeHtml(email.from)}</span>
+      </div>
+      <div style="margin-bottom: 8px;">
+        <span style="font-weight: 600; color: #666; margin-right: 8px;">To:</span>
+        <span style="color: #333;">${escapeHtml(email.to.join(', ') || 'Unknown')}</span>
+      </div>
+      ${ccBccHtml}
+      <div style="margin-bottom: 8px;">
+        <span style="font-weight: 600; color: #666; margin-right: 8px;">Date:</span>
+        <span style="color: #333;">${escapeHtml(dateStr)}</span>
+      </div>
+    </div>
+  </div>
+  <div style="font-size: 12px; color: #333;">
+    ${processedHtml}
+  </div>
+  ${attachmentHtml}
+</body>
+</html>`;
+}
+
+export async function parseEmailFile(file: File): Promise<ParsedEmail> {
+  const ext = file.name.toLowerCase().split('.').pop();
+
+  if (ext === 'eml') {
+    return parseEmlFile(file);
+  } else if (ext === 'msg') {
+    return parseMsgFile(file);
+  } else {
+    throw new Error(`Unsupported file type: .${ext}`);
+  }
+}

src/js/main.ts

@@ -1,14 +1,20 @@
 import { categories } from './config/tools.js';
-import { dom, switchView, hideAlert, showLoader, hideLoader, showAlert } from './ui.js';
-import { state, resetState } from './state.js';
+import { dom, switchView, hideAlert } from './ui.js';
 import { ShortcutsManager } from './logic/shortcuts.js';
 import { createIcons, icons } from 'lucide';
 import '@phosphor-icons/web/regular';
 import * as pdfjsLib from 'pdfjs-dist';
 import '../css/styles.css';
 import { formatShortcutDisplay, formatStars } from './utils/helpers.js';
-import { APP_VERSION, injectVersion } from '../version.js';
-import { initI18n, applyTranslations, rewriteLinks, injectLanguageSwitcher, createLanguageSwitcher, t } from './i18n/index.js';
+import { APP_VERSION } from '../version.js';
+import {
+  initI18n,
+  applyTranslations,
+  rewriteLinks,
+  injectLanguageSwitcher,
+  createLanguageSwitcher,
+  t,
+} from './i18n/index.js';
 import { startBackgroundPreload } from './utils/wasm-preloader.js';
 
 const init = async () => {
@@ -16,7 +22,10 @@ const init = async () => {
   injectLanguageSwitcher();
   applyTranslations();
 
-  pdfjsLib.GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url).toString();
+  pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
+    'pdfjs-dist/build/pdf.worker.min.mjs',
+    import.meta.url
+  ).toString();
   if (__SIMPLE_MODE__) {
     const hideBrandingSections = () => {
       const nav = document.querySelector('nav');
@@ -46,7 +55,9 @@ const init = async () => {
         heroSection.style.display = 'none';
       }
 
-      const githubLink = document.querySelector('a[href*="github.com/alam00000/bentopdf"]');
+      const githubLink = document.querySelector(
+        'a[href*="github.com/alam00000/bentopdf"]'
+      );
       if (githubLink) {
         (githubLink as HTMLElement).style.display = 'none';
       }
@@ -81,7 +92,9 @@ const init = async () => {
       }
 
       // Hide "Used by companies" section
-      const usedBySection = document.querySelector('.hide-section') as HTMLElement;
+      const usedBySection = document.querySelector(
+        '.hide-section'
+      ) as HTMLElement;
       if (usedBySection) {
         usedBySection.style.display = 'none';
       }
@@ -114,7 +127,9 @@ const init = async () => {
         `;
         document.body.appendChild(simpleFooter);
 
-        const langContainer = simpleFooter.querySelector('#simple-mode-lang-switcher');
+        const langContainer = simpleFooter.querySelector(
+          '#simple-mode-lang-switcher'
+        );
         if (langContainer) {
           const switcher = createLanguageSwitcher();
           const dropdown = switcher.querySelector('div[role="menu"]');
@@ -167,13 +182,14 @@ const init = async () => {
     if (shortcutSettingsBtn) shortcutSettingsBtn.style.display = 'none';
   } else {
     if (keyboardShortcutBtn) {
-      keyboardShortcutBtn.textContent = navigator.userAgent.toUpperCase().includes('MAC')
+      keyboardShortcutBtn.textContent = navigator.userAgent
+        .toUpperCase()
+        .includes('MAC')
         ? '⌘ + K'
         : 'Ctrl + K';
     }
   }
 
-
   const categoryTranslationKeys: Record<string, string> = {
     'Popular Tools': 'tools:categories.popularTools',
     'Edit & Annotate': 'tools:categories.editAnnotate',
@@ -254,6 +270,7 @@ const init = async () => {
     'Flatten PDF': 'tools:flattenPdf',
     'Remove Metadata': 'tools:removeMetadata',
     'Change Permissions': 'tools:changePermissions',
+    'Email to PDF': 'tools:emailToPdf',
   };
 
   // Homepage-only tool grid rendering (not used on individual tool pages)
@@ -265,7 +282,8 @@ const init = async () => {
       categoryGroup.className = 'category-group col-span-full';
 
       const title = document.createElement('h2');
-      title.className = 'text-xl font-bold text-indigo-400 mb-4 mt-8 first:mt-0 text-white';
+      title.className =
+        'text-xl font-bold text-indigo-400 mb-4 mt-8 first:mt-0 text-white';
       const categoryKey = categoryTranslationKeys[category.name];
       title.textContent = categoryKey ? t(categoryKey) : category.name;
 
@@ -307,7 +325,9 @@ const init = async () => {
         if (tool.subtitle) {
           const toolSubtitle = document.createElement('p');
           toolSubtitle.className = 'text-xs text-gray-400 mt-1 px-2';
-          toolSubtitle.textContent = toolKey ? t(`${toolKey}.subtitle`) : tool.subtitle;
+          toolSubtitle.textContent = toolKey
+            ? t(`${toolKey}.subtitle`)
+            : tool.subtitle;
           toolCard.appendChild(toolSubtitle);
         }
 
@@ -323,7 +343,8 @@ const init = async () => {
 
     const searchResultsContainer = document.createElement('div');
     searchResultsContainer.id = 'search-results';
-    searchResultsContainer.className = 'hidden grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 md:gap-6 col-span-full';
+    searchResultsContainer.className =
+      'hidden grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 md:gap-6 col-span-full';
     dom.toolGrid.insertBefore(searchResultsContainer, dom.toolGrid.firstChild);
 
     searchBar.addEventListener('input', () => {
@@ -357,13 +378,22 @@ const init = async () => {
         const toolCards = Array.from(group.querySelectorAll('.tool-card'));
 
         toolCards.forEach((card) => {
-          const toolName = (card.querySelector('h3')?.textContent || '').toLowerCase();
-          const toolSubtitle = (card.querySelector('p')?.textContent || '').toLowerCase();
-          const toolHref = (card as HTMLAnchorElement).href || (card as HTMLElement).dataset.toolId || '';
+          const toolName = (
+            card.querySelector('h3')?.textContent || ''
+          ).toLowerCase();
+          const toolSubtitle = (
+            card.querySelector('p')?.textContent || ''
+          ).toLowerCase();
+          const toolHref =
+            (card as HTMLAnchorElement).href ||
+            (card as HTMLElement).dataset.toolId ||
+            '';
 
-          const toolId = toolHref.split('/').pop()?.replace('.html', '') || toolName;
+          const toolId =
+            toolHref.split('/').pop()?.replace('.html', '') || toolName;
 
-          const isMatch = toolName.includes(searchTerm) || toolSubtitle.includes(searchTerm);
+          const isMatch =
+            toolName.includes(searchTerm) || toolSubtitle.includes(searchTerm);
           const isDuplicate = seenToolIds.has(toolId);
 
           if (isMatch && !isDuplicate) {
@@ -431,31 +461,29 @@ const init = async () => {
   // Start background WASM preloading on all pages
   startBackgroundPreload();
 
-
   const githubStarsElements = [
     document.getElementById('github-stars-desktop'),
-    document.getElementById('github-stars-mobile')
+    document.getElementById('github-stars-mobile'),
   ];
 
-  if (githubStarsElements.some(el => el) && !__SIMPLE_MODE__) {
+  if (githubStarsElements.some((el) => el) && !__SIMPLE_MODE__) {
     fetch('https://api.github.com/repos/alam00000/bentopdf')
       .then((response) => response.json())
       .then((data) => {
         if (data.stargazers_count !== undefined) {
           const formattedStars = formatStars(data.stargazers_count);
-          githubStarsElements.forEach(el => {
+          githubStarsElements.forEach((el) => {
             if (el) el.textContent = formattedStars;
           });
         }
       })
       .catch(() => {
-        githubStarsElements.forEach(el => {
+        githubStarsElements.forEach((el) => {
           if (el) el.textContent = '-';
         });
       });
   }
 
-
   // Initialize Shortcuts System
   ShortcutsManager.init();
 
@@ -463,9 +491,13 @@ const init = async () => {
   const shortcutsTabBtn = document.getElementById('shortcuts-tab-btn');
   const preferencesTabBtn = document.getElementById('preferences-tab-btn');
   const shortcutsTabContent = document.getElementById('shortcuts-tab-content');
-  const preferencesTabContent = document.getElementById('preferences-tab-content');
+  const preferencesTabContent = document.getElementById(
+    'preferences-tab-content'
+  );
   const shortcutsTabFooter = document.getElementById('shortcuts-tab-footer');
-  const preferencesTabFooter = document.getElementById('preferences-tab-footer');
+  const preferencesTabFooter = document.getElementById(
+    'preferences-tab-footer'
+  );
   const resetShortcutsBtn = document.getElementById('reset-shortcuts-btn');
 
   if (shortcutsTabBtn && preferencesTabBtn) {
@@ -495,7 +527,9 @@ const init = async () => {
   }
 
   // Full-width toggle functionality
-  const fullWidthToggle = document.getElementById('full-width-toggle') as HTMLInputElement;
+  const fullWidthToggle = document.getElementById(
+    'full-width-toggle'
+  ) as HTMLInputElement;
   const toolInterface = document.getElementById('tool-interface');
 
   const savedFullWidth = localStorage.getItem('fullWidthMode') !== 'false';
@@ -520,7 +554,10 @@ const init = async () => {
         uploader.classList.remove('max-w-2xl', 'max-w-5xl');
       } else {
         // Restore original max-width (most are max-w-2xl, add-stamps is max-w-5xl)
-        if (!uploader.classList.contains('max-w-2xl') && !uploader.classList.contains('max-w-5xl')) {
+        if (
+          !uploader.classList.contains('max-w-2xl') &&
+          !uploader.classList.contains('max-w-5xl')
+        ) {
           uploader.classList.add('max-w-2xl');
         }
       }
@@ -641,26 +678,36 @@ const init = async () => {
   }
 
   // Reserved shortcuts that commonly conflict with browser/OS functions
-  const RESERVED_SHORTCUTS: Record<string, { mac?: string; windows?: string }> = {
-    'mod+w': { mac: 'Closes tab', windows: 'Closes tab' },
-    'mod+t': { mac: 'Opens new tab', windows: 'Opens new tab' },
-    'mod+n': { mac: 'Opens new window', windows: 'Opens new window' },
-    'mod+shift+n': { mac: 'Opens incognito window', windows: 'Opens incognito window' },
-    'mod+q': { mac: 'Quits application (cannot be overridden)' },
-    'mod+m': { mac: 'Minimizes window' },
-    'mod+h': { mac: 'Hides window' },
-    'mod+r': { mac: 'Reloads page', windows: 'Reloads page' },
-    'mod+shift+r': { mac: 'Hard reloads page', windows: 'Hard reloads page' },
-    'mod+l': { mac: 'Focuses address bar', windows: 'Focuses address bar' },
-    'mod+d': { mac: 'Bookmarks page', windows: 'Bookmarks page' },
-    'mod+shift+t': { mac: 'Reopens closed tab', windows: 'Reopens closed tab' },
-    'mod+shift+w': { mac: 'Closes window', windows: 'Closes window' },
-    'mod+tab': { mac: 'Switches tabs', windows: 'Switches apps' },
-    'alt+f4': { windows: 'Closes window' },
-    'ctrl+tab': { mac: 'Switches tabs', windows: 'Switches tabs' },
-  };
+  const RESERVED_SHORTCUTS: Record<string, { mac?: string; windows?: string }> =
+    {
+      'mod+w': { mac: 'Closes tab', windows: 'Closes tab' },
+      'mod+t': { mac: 'Opens new tab', windows: 'Opens new tab' },
+      'mod+n': { mac: 'Opens new window', windows: 'Opens new window' },
+      'mod+shift+n': {
+        mac: 'Opens incognito window',
+        windows: 'Opens incognito window',
+      },
+      'mod+q': { mac: 'Quits application (cannot be overridden)' },
+      'mod+m': { mac: 'Minimizes window' },
+      'mod+h': { mac: 'Hides window' },
+      'mod+r': { mac: 'Reloads page', windows: 'Reloads page' },
+      'mod+shift+r': { mac: 'Hard reloads page', windows: 'Hard reloads page' },
+      'mod+l': { mac: 'Focuses address bar', windows: 'Focuses address bar' },
+      'mod+d': { mac: 'Bookmarks page', windows: 'Bookmarks page' },
+      'mod+shift+t': {
+        mac: 'Reopens closed tab',
+        windows: 'Reopens closed tab',
+      },
+      'mod+shift+w': { mac: 'Closes window', windows: 'Closes window' },
+      'mod+tab': { mac: 'Switches tabs', windows: 'Switches apps' },
+      'alt+f4': { windows: 'Closes window' },
+      'ctrl+tab': { mac: 'Switches tabs', windows: 'Switches tabs' },
+    };
 
-  function getReservedShortcutWarning(combo: string, isMac: boolean): string | null {
+  function getReservedShortcutWarning(
+    combo: string,
+    isMac: boolean
+  ): string | null {
     const reserved = RESERVED_SHORTCUTS[combo];
     if (!reserved) return null;
 
@@ -670,9 +717,19 @@ const init = async () => {
     return description;
   }
 
-  function showWarningModal(title: string, message: string, confirmMode: boolean = true): Promise<boolean> {
+  function showWarningModal(
+    title: string,
+    message: string,
+    confirmMode: boolean = true
+  ): Promise<boolean> {
     return new Promise((resolve) => {
-      if (!dom.warningModal || !dom.warningTitle || !dom.warningMessage || !dom.warningCancelBtn || !dom.warningConfirmBtn) {
+      if (
+        !dom.warningModal ||
+        !dom.warningTitle ||
+        !dom.warningMessage ||
+        !dom.warningCancelBtn ||
+        !dom.warningConfirmBtn
+      ) {
         resolve(confirmMode ? confirm(message) : (alert(message), true));
         return;
       }
@@ -711,15 +768,19 @@ const init = async () => {
       dom.warningCancelBtn.addEventListener('click', handleCancel);
 
       // Close on backdrop click
-      dom.warningModal.addEventListener('click', (e) => {
-        if (e.target === dom.warningModal) {
-          if (confirmMode) {
-            handleCancel();
-          } else {
-            handleConfirm();
+      dom.warningModal.addEventListener(
+        'click',
+        (e) => {
+          if (e.target === dom.warningModal) {
+            if (confirmMode) {
+              handleCancel();
+            } else {
+              handleConfirm();
+            }
           }
-        }
-      }, { once: true });
+        },
+        { once: true }
+      );
     });
   }
 
@@ -738,14 +799,15 @@ const init = async () => {
 
     const allShortcuts = ShortcutsManager.getAllShortcuts();
     const isMac = navigator.userAgent.toUpperCase().includes('MAC');
-    const allTools = categories.flatMap(c => c.tools);
+    const allTools = categories.flatMap((c) => c.tools);
 
-    categories.forEach(category => {
+    categories.forEach((category) => {
       const section = document.createElement('div');
       section.className = 'category-section mb-6 last:mb-0';
 
       const header = document.createElement('h3');
-      header.className = 'text-gray-400 text-xs font-bold uppercase tracking-wider mb-3 pl-1';
+      header.className =
+        'text-gray-400 text-xs font-bold uppercase tracking-wider mb-3 pl-1';
       // Translate category name
       const categoryKey = categoryTranslationKeys[category.name];
       header.textContent = categoryKey ? t(categoryKey) : category.name;
@@ -757,13 +819,14 @@ const init = async () => {
 
       let hasTools = false;
 
-      category.tools.forEach(tool => {
+      category.tools.forEach((tool) => {
         hasTools = true;
         const toolId = getToolId(tool);
         const currentShortcut = allShortcuts.get(toolId) || '';
 
         const item = document.createElement('div');
-        item.className = 'shortcut-item flex items-center justify-between p-3 bg-gray-900 rounded-lg border border-gray-700 hover:border-gray-600 transition-colors';
+        item.className =
+          'shortcut-item flex items-center justify-between p-3 bg-gray-900 rounded-lg border border-gray-700 hover:border-gray-600 transition-colors';
 
         const left = document.createElement('div');
         left.className = 'flex items-center gap-3';
@@ -784,13 +847,15 @@ const init = async () => {
 
         const input = document.createElement('input');
         input.type = 'text';
-        input.className = 'shortcut-input w-32 bg-gray-800 border border-gray-600 text-white text-center text-sm rounded px-2 py-1 focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none transition-all';
+        input.className =
+          'shortcut-input w-32 bg-gray-800 border border-gray-600 text-white text-center text-sm rounded px-2 py-1 focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none transition-all';
         input.placeholder = t('settings.clickToSet');
         input.value = formatShortcutDisplay(currentShortcut, isMac);
         input.readOnly = true;
 
         const clearBtn = document.createElement('button');
-        clearBtn.className = 'absolute -right-2 -top-2 bg-gray-700 hover:bg-red-600 text-white rounded-full p-0.5 hidden group-hover:block shadow-sm';
+        clearBtn.className =
+          'absolute -right-2 -top-2 bg-gray-700 hover:bg-red-600 text-white rounded-full p-0.5 hidden group-hover:block shadow-sm';
         clearBtn.innerHTML = '<i data-lucide="x" class="w-3 h-3"></i>';
         if (currentShortcut) {
           right.classList.add('group');
@@ -839,7 +904,10 @@ const init = async () => {
 
           // Ignore dead keys (used for accented characters on Mac with Option key)
           if (isDeadKey) {
-            input.value = formatShortcutDisplay(ShortcutsManager.getShortcut(toolId) || '', isMac);
+            input.value = formatShortcutDisplay(
+              ShortcutsManager.getShortcut(toolId) || '',
+              isMac
+            );
             return;
           }
 
@@ -855,22 +923,31 @@ const init = async () => {
             const existingToolId = ShortcutsManager.findToolByShortcut(combo);
 
             if (existingToolId && existingToolId !== toolId) {
-              const existingTool = allTools.find(t => getToolId(t) === existingToolId);
+              const existingTool = allTools.find(
+                (t) => getToolId(t) === existingToolId
+              );
               const existingToolName = existingTool?.name || existingToolId;
               const displayCombo = formatShortcutDisplay(combo, isMac);
 
-              const existingToolKey = existingTool ? toolTranslationKeys[existingTool.name] : null;
-              const translatedToolName = existingToolKey ? t(`${existingToolKey}.name`) : existingToolName;
+              const existingToolKey = existingTool
+                ? toolTranslationKeys[existingTool.name]
+                : null;
+              const translatedToolName = existingToolKey
+                ? t(`${existingToolKey}.name`)
+                : existingToolName;
 
               await showWarningModal(
                 t('settings.warnings.alreadyInUse'),
                 `<strong>${displayCombo}</strong> ${t('settings.warnings.assignedTo')}<br><br>` +
-                `<em>"${translatedToolName}"</em><br><br>` +
-                t('settings.warnings.chooseDifferent'),
+                  `<em>"${translatedToolName}"</em><br><br>` +
+                  t('settings.warnings.chooseDifferent'),
                 false
               );
 
-              input.value = formatShortcutDisplay(ShortcutsManager.getShortcut(toolId) || '', isMac);
+              input.value = formatShortcutDisplay(
+                ShortcutsManager.getShortcut(toolId) || '',
+                isMac
+              );
               input.classList.remove('border-indigo-500', 'text-indigo-400');
               input.blur();
               return;
@@ -882,14 +959,17 @@ const init = async () => {
               const shouldProceed = await showWarningModal(
                 t('settings.warnings.reserved'),
                 `<strong>${displayCombo}</strong> ${t('settings.warnings.commonlyUsed')}<br><br>` +
-                `"<em>${reservedWarning}</em>"<br><br>` +
-                `${t('settings.warnings.unreliable')}<br><br>` +
-                t('settings.warnings.useAnyway')
+                  `"<em>${reservedWarning}</em>"<br><br>` +
+                  `${t('settings.warnings.unreliable')}<br><br>` +
+                  t('settings.warnings.useAnyway')
               );
 
               if (!shouldProceed) {
                 // Revert display
-                input.value = formatShortcutDisplay(ShortcutsManager.getShortcut(toolId) || '', isMac);
+                input.value = formatShortcutDisplay(
+                  ShortcutsManager.getShortcut(toolId) || '',
+                  isMac
+                );
                 input.classList.remove('border-indigo-500', 'text-indigo-400');
                 input.blur();
                 return;
@@ -916,7 +996,10 @@ const init = async () => {
         };
 
         input.onblur = () => {
-          input.value = formatShortcutDisplay(ShortcutsManager.getShortcut(toolId) || '', isMac);
+          input.value = formatShortcutDisplay(
+            ShortcutsManager.getShortcut(toolId) || '',
+            isMac
+          );
           input.classList.remove('border-indigo-500', 'text-indigo-400');
         };
 
@@ -955,7 +1038,7 @@ const init = async () => {
     scrollToTopBtn.addEventListener('click', () => {
       window.scrollTo({
         top: 0,
-        behavior: 'instant'
+        behavior: 'instant',
       });
     });
   }

src/js/types/email-to-pdf-type.ts

@@ -0,0 +1,26 @@
+export interface EmailAttachment {
+  filename: string;
+  size: number;
+  contentType: string;
+  content?: Uint8Array;
+  contentId?: string;
+}
+
+export interface ParsedEmail {
+  subject: string;
+  from: string;
+  to: string[];
+  cc: string[];
+  bcc: string[];
+  date: Date | null;
+  rawDateString: string;
+  htmlBody: string;
+  textBody: string;
+  attachments: EmailAttachment[];
+}
+
+export interface EmailRenderOptions {
+  includeCcBcc?: boolean;
+  includeAttachments?: boolean;
+  pageSize?: 'a4' | 'letter' | 'legal';
+}

src/js/types/index.ts

@@ -1,48 +1,48 @@
-export * from './ocr-type.js';
-export * from './form-creator-type.js';
-export * from './digital-sign-type.js';
-export * from './attachment-type.js';
-export * from './edit-attachments-type.js';
-export * from './edit-metadata-type.js';
-export * from './divide-pages-type.js';
-export * from './alternate-merge-page-type.js';
-export * from './add-blank-page-type.js';
-export * from './compare-pdfs-type.js';
-export * from './fix-page-size-type.js';
-export * from './view-metadata-type.js';
-export * from './header-footer-type.js';
-export * from './encrypt-pdf-type.js';
-export * from './flatten-pdf-type.js';
-export * from './crop-pdf-type.js';
-export * from './background-color-type.js';
-export * from './posterize-type.js';
-export * from './decrypt-pdf-type.js';
-export * from './combine-single-page-type.js';
-export * from './change-permissions-type.js';
-export * from './validate-signature-type.js';
-export * from './remove-restrictions-type.js';
-export * from './page-dimensions-type.js';
-export * from './extract-attachments-type.js';
-export * from './pdf-multi-tool-type.js';
-export * from './ocr-pdf-type.js';
-export * from './delete-pages-type.js';
-export * from './invert-colors-type.js';
-export * from './table-of-contents-type.js';
-export * from './organize-pdf-type.js';
-export * from './merge-pdf-type.js';
-export * from './extract-images-type.js';
-export * from './extract-pages-type.js';
-export * from './pdf-layers-type.js';
-export * from './sanitize-pdf-type.js';
-export * from './reverse-pages-type.js';
-export * from './text-color-type.js';
-export * from './n-up-pdf-type.js';
-export * from './linearize-pdf-type.js';
-export * from './remove-metadata-type.js';
-export * from './rotate-pdf-type.js';
-export * from './pdf-booklet-type.js';
-export * from './page-numbers-type.js';
-export * from './pdf-to-zip-type.js';
-export * from './sign-pdf-type.js';
-export * from './add-watermark-type.js';
-
+export * from './ocr-type.ts';
+export * from './form-creator-type.ts';
+export * from './digital-sign-type.ts';
+export * from './attachment-type.ts';
+export * from './edit-attachments-type.ts';
+export * from './edit-metadata-type.ts';
+export * from './divide-pages-type.ts';
+export * from './alternate-merge-page-type.ts';
+export * from './add-blank-page-type.ts';
+export * from './compare-pdfs-type.ts';
+export * from './fix-page-size-type.ts';
+export * from './view-metadata-type.ts';
+export * from './header-footer-type.ts';
+export * from './encrypt-pdf-type.ts';
+export * from './flatten-pdf-type.ts';
+export * from './crop-pdf-type.ts';
+export * from './background-color-type.ts';
+export * from './posterize-type.ts';
+export * from './decrypt-pdf-type.ts';
+export * from './combine-single-page-type.ts';
+export * from './change-permissions-type.ts';
+export * from './validate-signature-type.ts';
+export * from './remove-restrictions-type.ts';
+export * from './page-dimensions-type.ts';
+export * from './extract-attachments-type.ts';
+export * from './pdf-multi-tool-type.ts';
+export * from './ocr-pdf-type.ts';
+export * from './delete-pages-type.ts';
+export * from './invert-colors-type.ts';
+export * from './table-of-contents-type.ts';
+export * from './organize-pdf-type.ts';
+export * from './merge-pdf-type.ts';
+export * from './extract-images-type.ts';
+export * from './extract-pages-type.ts';
+export * from './pdf-layers-type.ts';
+export * from './sanitize-pdf-type.ts';
+export * from './reverse-pages-type.ts';
+export * from './text-color-type.ts';
+export * from './n-up-pdf-type.ts';
+export * from './linearize-pdf-type.ts';
+export * from './remove-metadata-type.ts';
+export * from './rotate-pdf-type.ts';
+export * from './pdf-booklet-type.ts';
+export * from './page-numbers-type.ts';
+export * from './pdf-to-zip-type.ts';
+export * from './sign-pdf-type.ts';
+export * from './add-watermark-type.ts';
+export * from './email-to-pdf-type.ts';

src/js/utils/helpers.ts

@@ -2,8 +2,7 @@ import createModule from '@neslinesli93/qpdf-wasm';
 import { showLoader, hideLoader, showAlert } from '../ui.js';
 import { createIcons } from 'lucide';
 import { state, resetState } from '../state.js';
-import * as pdfjsLib from 'pdfjs-dist'
-
+import * as pdfjsLib from 'pdfjs-dist';
 
 const STANDARD_SIZES = {
   A4: { width: 595.28, height: 841.89 },
@@ -50,14 +49,14 @@ export function convertPoints(points: any, unit: any) {
 
 // Convert hex color to RGB
 export function hexToRgb(hex: string): { r: number; g: number; b: number } {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   return result
     ? {
-      r: parseInt(result[1], 16) / 255,
-      g: parseInt(result[2], 16) / 255,
-      b: parseInt(result[3], 16) / 255,
-    }
-    : { r: 0, g: 0, b: 0 }
+        r: parseInt(result[1], 16) / 255,
+        g: parseInt(result[2], 16) / 255,
+        b: parseInt(result[3], 16) / 255,
+      }
+    : { r: 0, g: 0, b: 0 };
 }
 
 export const formatBytes = (bytes: any, decimals = 1) => {
@@ -89,7 +88,10 @@ export const readFileAsArrayBuffer = (file: any) => {
   });
 };
 
-export function parsePageRanges(rangeString: string, totalPages: number): number[] {
+export function parsePageRanges(
+  rangeString: string,
+  totalPages: number
+): number[] {
   if (!rangeString || rangeString.trim() === '') {
     return Array.from({ length: totalPages }, (_, i) => i);
   }
@@ -128,11 +130,9 @@ export function parsePageRanges(rangeString: string, totalPages: number): number
     }
   }
 
-
   return Array.from(indices).sort((a, b) => a - b);
 }
 
-
 /**
  * Formats an ISO 8601 date string (e.g., "2008-02-21T17:15:56-08:00")
  * into a localized, human-readable string.
@@ -198,7 +198,7 @@ export function formatStars(num: number) {
     return (num / 1000).toFixed(1) + 'K';
   }
   return num.toLocaleString();
-};
+}
 
 /**
  * Truncates a filename to a maximum length, adding ellipsis if needed.
@@ -207,14 +207,18 @@ export function formatStars(num: number) {
  * @param maxLength - Maximum length (default: 30)
  * @returns Truncated filename with ellipsis if needed
  */
-export function truncateFilename(filename: string, maxLength: number = 25): string {
+export function truncateFilename(
+  filename: string,
+  maxLength: number = 25
+): string {
   if (filename.length <= maxLength) {
     return filename;
   }
 
   const lastDotIndex = filename.lastIndexOf('.');
   const extension = lastDotIndex !== -1 ? filename.substring(lastDotIndex) : '';
-  const nameWithoutExt = lastDotIndex !== -1 ? filename.substring(0, lastDotIndex) : filename;
+  const nameWithoutExt =
+    lastDotIndex !== -1 ? filename.substring(0, lastDotIndex) : filename;
 
   const availableLength = maxLength - extension.length - 3; // 3 for '...'
 
@@ -225,7 +229,10 @@ export function truncateFilename(filename: string, maxLength: number = 25): stri
   return nameWithoutExt.substring(0, availableLength) + '...' + extension;
 }
 
-export function formatShortcutDisplay(shortcut: string, isMac: boolean): string {
+export function formatShortcutDisplay(
+  shortcut: string,
+  isMac: boolean
+): string {
   if (!shortcut) return '';
   return shortcut
     .replace('mod', isMac ? '⌘' : 'Ctrl')
@@ -233,7 +240,7 @@ export function formatShortcutDisplay(shortcut: string, isMac: boolean): string
     .replace('alt', isMac ? '⌥' : 'Alt')
     .replace('shift', 'Shift')
     .split('+')
-    .map(k => k.charAt(0).toUpperCase() + k.slice(1))
+    .map((k) => k.charAt(0).toUpperCase() + k.slice(1))
     .join(isMac ? '' : '+');
 }
 
@@ -263,7 +270,7 @@ export function resetAndReloadTool(preResetCallback?: () => void) {
 export function getPDFDocument(src: any) {
   let params = src;
 
-  // Handle different input types similar to how getDocument handles them, 
+  // Handle different input types similar to how getDocument handles them,
   // but we ensure we have an object to attach wasmUrl to.
   if (typeof src === 'string') {
     params = { url: src };
@@ -283,3 +290,19 @@ export function getPDFDocument(src: any) {
     wasmUrl: import.meta.env.BASE_URL + 'pdfjs-viewer/wasm/',
   });
 }
+
+/**
+ * Escape HTML special characters to prevent XSS
+ * @param text - The text to escape
+ * @returns The escaped text
+ */
+export function escapeHtml(text: string): string {
+  const map: Record<string, string> = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#039;',
+  };
+  return text.replace(/[&<>"']/g, (m) => map[m]);
+}

src/js/utils/simple-mode-footer.ts

@@ -31,7 +31,9 @@ if (__SIMPLE_MODE__) {
     `;
     document.body.appendChild(simpleFooter);
 
-    const langContainer = simpleFooter.querySelector('#simple-mode-lang-switcher');
+    const langContainer = simpleFooter.querySelector(
+      '#simple-mode-lang-switcher'
+    );
     if (langContainer) {
       const switcher = createLanguageSwitcher();
       const dropdown = switcher.querySelector('div[role="menu"]');

src/pages/.backup-related-tools-fix/compress-pdf.html

@@ -1,567 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-    <!-- Primary Meta Tags -->
-    <title>Compress PDF Online Free - Reduce PDF Size Up to 90% | BentoPDF</title>
-    <meta name="title" content="Compress PDF Online Free - Reduce PDF Size Up to 90% | BentoPDF">
-    <meta name="description"
-        content="★ Compress PDF files for free - Reduce size by up to 90% ★ No signup required ★ Works offline in browser ★ Unlimited files ★ Privacy-first ★ Multiple compression levels">
-    <meta name="keywords"
-        content="compress pdf, reduce pdf size, pdf compressor, shrink pdf, pdf optimizer, free pdf compression, online pdf reducer">
-    <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/compress-pdf">
-
-    <!-- Open Graph / Facebook / LinkedIn -->
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="https://www.bentopdf.com/compress-pdf">
-    <meta property="og:title" content="Compress PDF Free Online - Reduce PDF File Size | BentoPDF">
-    <meta property="og:description"
-        content="Free PDF compressor - reduce file size by up to 90%. No signup, works in browser, unlimited files, privacy-first.">
-    <meta property="og:image" content="https://www.bentopdf.com/images/og-compress-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/compress-pdf">
-    <meta name="twitter:title" content="Compress PDF Free - Reduce PDF Size">
-    <meta name="twitter:description"
-        content="Free PDF compression tool. Reduce file size up to 90%, no signup, privacy-first.">
-    <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-compress-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="Compress PDF">
-
-    <link rel="icon" type="image/png" href="/images/favicon.svg" />
-    <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" />
-    <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-no-bg.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>
-        </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: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.
-            </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="compress-options" class="hidden mt-6 space-y-6">
-                <div>
-                    <label for="compression-algorithm" class="block mb-2 text-sm font-medium text-gray-300">Compression
-                        Algorithm</label>
-                    <select id="compression-algorithm"
-                        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="condense"> Condense (Recommended)</option>
-                        <option value="photon"> Photon (For Photo-Heavy PDFs)</option>
-                    </select>
-                    <div id="algorithm-info" class="mt-2 text-xs text-gray-400">
-                        <p id="condense-info"><strong>Condense</strong> uses advanced compression: removes dead-weight,
-                            optimizes images, subsets fonts. Best for most PDFs.</p>
-                        <p id="photon-info" class="hidden"><strong>Photon</strong> converts pages to images. Use for
-                            photo-heavy/scanned PDFs. <span class="text-yellow-500">⚠️ Warning: Text will become
-                                non-selectable and links will stop working.</span></p>
-                    </div>
-                </div>
-
-                <div>
-                    <label for="compression-level" class="block mb-2 text-sm font-medium text-gray-300">Compression
-                        Level</label>
-                    <select id="compression-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="light">Light (Preserve Quality)</option>
-                        <option value="balanced" selected>Balanced (Recommended)</option>
-                        <option value="aggressive">Aggressive (Smaller Files)</option>
-                        <option value="extreme">Extreme (Maximum Compression)</option>
-                    </select>
-                </div>
-
-                <!-- Grayscale toggle - always visible -->
-                <div class="flex items-center gap-3 p-3 bg-gray-800 rounded-lg border border-gray-700">
-                    <input type="checkbox" id="convert-to-grayscale"
-                        class="w-5 h-5 rounded cursor-pointer flex-shrink-0">
-                    <div>
-                        <label for="convert-to-grayscale"
-                            class="text-sm font-medium text-gray-300 cursor-pointer">Convert to Grayscale</label>
-                        <p class="text-xs text-gray-500 mt-0.5">Reduces file size by removing color information</p>
-                    </div>
-                </div>
-
-                <div>
-                    <button id="toggle-custom-settings" type="button"
-                        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 text-sm font-medium">
-                        <i data-lucide="settings" class="w-4 h-4"></i>
-                        <span>Custom Settings</span>
-                        <i data-lucide="chevron-down" id="custom-settings-chevron" class="w-4 h-4"></i>
-                    </button>
-
-                    <div id="custom-settings-panel"
-                        class="hidden mt-4 p-4 bg-gray-900 rounded-lg border border-gray-700 space-y-4">
-                        <div class="text-sm text-gray-400 mb-2">Fine-tune compression parameters:</div>
-
-                        <div class="grid grid-cols-3 gap-4">
-                            <div>
-                                <label for="image-quality" class="block mb-1 text-xs font-medium text-gray-400">Output
-                                    Quality</label>
-                                <input type="number" id="image-quality" value="75" min="1" max="100"
-                                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                                <p class="text-xs text-gray-500 mt-1">1-100%</p>
-                            </div>
-                            <div>
-                                <label for="dpi-target" class="block mb-1 text-xs font-medium text-gray-400">Resize
-                                    Images To</label>
-                                <input type="number" id="dpi-target" value="96" min="36" max="300"
-                                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                                <p class="text-xs text-gray-500 mt-1">DPI</p>
-                            </div>
-                            <div>
-                                <label for="dpi-threshold" class="block mb-1 text-xs font-medium text-gray-400">Only
-                                    Process Above</label>
-                                <input type="number" id="dpi-threshold" value="150" min="72" max="600"
-                                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2 text-sm">
-                                <p class="text-xs text-gray-500 mt-1">DPI</p>
-                            </div>
-                        </div>
-
-                        <div class="space-y-2">
-                            <label class="flex items-center gap-2 cursor-pointer">
-                                <input type="checkbox" id="remove-metadata" checked class="w-4 h-4 rounded">
-                                <span class="text-sm text-gray-300">Remove metadata</span>
-                            </label>
-                            <label class="flex items-center gap-2 cursor-pointer">
-                                <input type="checkbox" id="subset-fonts" checked class="w-4 h-4 rounded">
-                                <span class="text-sm text-gray-300">Subset fonts (remove unused glyphs)</span>
-                            </label>
-                            <label class="flex items-center gap-2 cursor-pointer">
-                                <input type="checkbox" id="remove-thumbnails" checked class="w-4 h-4 rounded">
-                                <span class="text-sm text-gray-300">Remove embedded thumbnails</span>
-                            </label>
-                        </div>
-                    </div>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-4">Compress 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 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>
-
-    <!-- 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">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <img src="/images/favicon-no-bg.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>
-
-                <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/compress-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">
-    {
-      "@context": "https://schema.org",
-      "@type": "SoftwareApplication",
-      "name": "Compress PDF - BentoPDF",
-      "applicationCategory": "PDF Compression Tool",
-      "operatingSystem": "Any - Web Browser",
-      "offers": {
-        "@type": "Offer",
-        "price": "0",
-        "priceCurrency": "USD"
-      },
-      "aggregateRating": {
-        "@type": "AggregateRating",
-        "ratingValue": "4.7",
-        "ratingCount": "3421"
-      },
-      "featureList": [
-        "Reduce PDF file size",
-        "Multiple compression algorithms",
-        "Batch processing",
-        "No file size limits",
-        "Condense algorithm for smart compression",
-        "Photon algorithm for image-heavy PDFs"
-      ]
-    }
-    </script>
-
-    <script type="application/ld+json">
-    {
-      "@context": "https://schema.org",
-      "@type": "HowTo",
-      "name": "How to Compress PDF Files Online Free",
-      "description": "Learn how to compress PDF files to reduce size while maintaining quality",
-      "step": [
-        {
-          "@type": "HowToStep",
-          "position": 1,
-          "name": "Upload Your PDF",
-          "text": "Click or drag and drop your PDF file into the upload area"
-        },
-        {
-          "@type": "HowToStep",
-          "position": 2,
-          "name": "Choose Compression Level",
-          "text": "Select your desired compression level: Light, Balanced, Aggressive, or Extreme"
-        },
-        {
-          "@type": "HowToStep",
-          "position": 3,
-          "name": "Select Algorithm",
-          "text": "Choose Condense (recommended) or Photon algorithm based on your PDF type"
-        },
-        {
-          "@type": "HowToStep",
-          "position": 4,
-          "name": "Compress and Download",
-          "text": "Click 'Compress PDF' and download your optimized file"
-        }
-      ]
-    }
-    </script>
-
-    <script type="application/ld+json">
-    {
-      "@context": "https://schema.org",
-      "@type": "BreadcrumbList",
-      "itemListElement": [
-        {
-          "@type": "ListItem",
-          "position": 1,
-          "name": "Home",
-          "item": "https://www.bentopdf.com"
-        },
-        {
-          "@type": "ListItem",
-          "position": 2,
-          "name": "Compress PDF",
-          "item": "https://www.bentopdf.com/compress-pdf"
-        }
-      ]
-    }
-    </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/edit-pdf.html

@@ -1,425 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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-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>
-  </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>
-      <div class="flex items-start gap-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="/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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.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>
-
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Edit PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.7",
-      "ratingCount": "4169"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to edit online",
-    "description": "Learn how to edit using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Edit PDF",
-        "item": "https://www.bentopdf.com/edit-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/excel-to-pdf.html

@@ -1,438 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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: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>
-  </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>
-      <div class="flex items-start gap-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="/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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.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>
-
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Excel to PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.9",
-      "ratingCount": "1436"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to convert Excel to PDF online",
-    "description": "Learn how to convert Excel to PDF using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Excel to PDF",
-        "item": "https://www.bentopdf.com/excel-to-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/merge-pdf.html

@@ -1,497 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-  <!-- Primary Meta Tags -->
-  <title>Merge PDF Files Free Online - Combine Multiple PDFs | BentoPDF</title>
-  <meta name="title" content="Merge PDF Files Free Online - Combine Multiple PDFs | BentoPDF">
-  <meta name="description"
-    content="★ Merge PDF files instantly - Combine multiple PDFs into one ★ Free forever ★ No file limits ★ Drag & drop pages ★ Privacy-first ★ Works in browser">
-  <meta name="keywords"
-    content="merge pdf, combine pdf, join pdf files, pdf merger, concatenate pdf, merge pdf free, combine pdf online">
-  <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/merge-pdf">
-
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/merge-pdf">
-  <meta property="og:title" content="Merge PDF Free - Combine Multiple PDF Files | BentoPDF">
-  <meta property="og:description"
-    content="Free PDF merger. Combine multiple PDFs into one document. No signup, unlimited files, privacy-first.">
-  <meta property="og:image" content="https://www.bentopdf.com/images/og-merge-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/merge-pdf">
-  <meta name="twitter:title" content="Merge PDF Free - Combine PDFs">
-  <meta name="twitter:description" content="Free PDF merger. Combine multiple PDFs, no signup, privacy-first.">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-merge-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="Merge PDF">
-
-  <link rel="icon" type="image/png" href="/images/favicon.svg" />
-  <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" />
-  <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-no-bg.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>
-    </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>
-
-  <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: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>
-
-      <!-- Drop Zone for Main 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" 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" data-i18n="upload.pdfOrImages">PDFs or 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="application/pdf">
-      </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="merge-options" class="hidden mt-6">
-        <div class="flex gap-2 p-1 rounded-lg bg-gray-900 border border-gray-700 mb-4">
-          <button id="file-mode-btn" class="flex-1 btn bg-indigo-600 text-white font-semibold py-2 rounded-md">File
-            Mode</button>
-          <button id="page-mode-btn" class="flex-1 btn text-gray-300 font-semibold py-2 rounded-md">Page Mode</button>
-        </div>
-
-        <div id="file-mode-panel">
-          <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-            <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>Click and drag the <i data-lucide="grip-vertical" class="inline-block w-3 h-3"></i> icon to change the
-                order of the files.</li>
-              <li>In the "Pages" box for each file, you can specify ranges (e.g., "1-3, 5") to merge only those pages.
-              </li>
-              <li>Leave the "Pages" box blank to include all pages from that file.</li>
-            </ul>
-          </div>
-          <ul id="file-list" class="space-y-2"></ul>
-        </div>
-
-        <div id="page-mode-panel" class="hidden">
-          <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-            <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 from your uploaded PDFs are shown below.</li>
-              <li>Simply drag and drop the individual page thumbnails to create the exact order you want for your new
-                file.</li>
-            </ul>
-          </div>
-          <div id="page-merge-preview"
-            class="grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4 p-4 bg-gray-900 rounded-lg border border-gray-700 min-h-[200px]">
-          </div>
-        </div>
-
-        <button id="process-btn" class="btn-gradient w-full mt-6">Merge PDFs</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 PDFs</h3>
-          <p class="text-gray-400">Select or drag and drop multiple PDF files you want to merge</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">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>
-
-  <!-- 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="/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>
-
-  <!-- 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">
-          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>
-      </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>
-      </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>
-      </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-no-bg.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>
-
-        <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/merge-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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Merge PDF - BentoPDF",
-    "applicationCategory": "PDF Merger Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.8",
-      "ratingCount": "4156"
-    },
-    "featureList": [
-      "Merge multiple PDFs into one",
-      "Drag and drop to reorder files",
-      "Select specific pages to merge",
-      "Page-level merging",
-      "Batch PDF combining",
-      "No file limits"
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to Merge PDF Files Online",
-    "description": "Learn how to combine multiple PDF files into a single document",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload PDF Files",
-        "text": "Click or drag and drop multiple PDF files"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Arrange Files",
-        "text": "Drag files to reorder them or select specific pages to include"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Merge PDFs",
-        "text": "Click 'Merge PDFs' to combine all files into one document"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 4,
-        "name": "Download",
-        "text": "Download your merged PDF file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Merge PDF",
-        "item": "https://www.bentopdf.com/merge-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/organize-pdf.html

@@ -1,380 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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>
-      <div class="flex items-start gap-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"
-        class="block bg-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.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>
-
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Organize PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.6",
-      "ratingCount": "3604"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to organize online",
-    "description": "Learn how to organize using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Organize PDF",
-        "item": "https://www.bentopdf.com/organize-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/pdf-to-docx.html

@@ -1,433 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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>
-
-      <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>
-  </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>
-      <div class="flex items-start gap-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="/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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.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>
-
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "PDF to Word - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.6",
-      "ratingCount": "4973"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to convert PDF to Word online",
-    "description": "Learn how to convert PDF to Word using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "PDF to Word",
-        "item": "https://www.bentopdf.com/pdf-to-docx"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/pdf-to-jpg.html

@@ -1,432 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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>
-
-      <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>
-  </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>
-      <div class="flex items-start gap-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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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="/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>
-
-  <!-- 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 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>
-      </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>
-      </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>
-      </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-no-bg.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>
-
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "PDF to JPG - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.7",
-      "ratingCount": "3191"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to convert PDF to JPG online",
-    "description": "Learn how to convert PDF to JPG using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "PDF to JPG",
-        "item": "https://www.bentopdf.com/pdf-to-jpg"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/rotate-pdf.html

@@ -1,424 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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: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>
-  </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>
-      <div class="flex items-start gap-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"
-        class="block bg-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.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>
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Rotate PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.8",
-      "ratingCount": "4745"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to rotate online",
-    "description": "Learn how to rotate using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Rotate PDF",
-        "item": "https://www.bentopdf.com/rotate-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/split-pdf.html

@@ -1,562 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<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">
-
-
-    <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="icon" type="image/png" href="/images/favicon.svg" />
-    <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" />
-    <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-no-bg.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>
-        </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>
-
-    <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: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>
-
-            <!-- Drop Zone for Main 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"
-                            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="split-options" class="hidden mt-6">
-
-                <label for="split-mode" class="block mb-2 text-sm font-medium text-gray-300">Split Mode</label>
-                <select id="split-mode"
-                    class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 mb-4">
-                    <option value="range">Extract by Page Range (Default)</option>
-                    <option value="even-odd">Split by Even/Odd Pages</option>
-                    <option value="all">Split All Pages into Separate Files</option>
-                    <option value="visual">Select Pages Visually</option>
-                    <option value="bookmarks">Split by Bookmarks</option>
-                    <option value="n-times">Split N Times</option>
-                </select>
-
-                <div id="range-panel">
-                    <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-                        <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>Enter page numbers separated by commas (e.g., 2, 8, 14).</li>
-                            <li>Enter page ranges using a hyphen (e.g., 5-10).</li>
-                            <li>Combine them for complex selections (e.g., 1-3, 7, 12-15).</li>
-                        </ul>
-                    </div>
-                    <label for="page-range" class="block mb-2 text-sm font-medium text-gray-300">Page Range</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">
-                </div>
-
-                <div id="even-odd-panel" class="hidden">
-                    <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-                        <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>Extract all even pages (2, 4, 6...) or all odd pages (1, 3, 5...) into a new PDF.</li>
-                        </ul>
-                    </div>
-                    <div class="flex items-center mb-4">
-                        <input id="split-even" type="radio" value="even" name="even-odd-choice"
-                            class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-600 ring-offset-gray-800 focus:ring-2">
-                        <label for="split-even" class="ml-2 text-sm font-medium text-gray-300">Even Pages</label>
-                    </div>
-                    <div class="flex items-center">
-                        <input id="split-odd" type="radio" value="odd" name="even-odd-choice"
-                            class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 focus:ring-indigo-600 ring-offset-gray-800 focus:ring-2">
-                        <label for="split-odd" class="ml-2 text-sm font-medium text-gray-300">Odd Pages</label>
-                    </div>
-                </div>
-
-                <div id="all-pages-panel" class="hidden">
-                    <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-                        <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>Every single page of the PDF will be saved as a separate PDF file.</li>
-                            <li>The result will be downloaded as a ZIP file containing all the pages.</li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div id="visual-select-panel" class="hidden">
-                    <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-                        <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>Click on the page thumbnails below to select the pages you want to extract.</li>
-                            <li>Selected pages will be highlighted.</li>
-                        </ul>
-                    </div>
-                    <div id="page-selector-grid"
-                        class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-4 max-h-96 overflow-y-auto p-2 border border-gray-700 rounded-lg">
-                        <!-- Thumbnails will be rendered here -->
-                    </div>
-                </div>
-
-                <div id="bookmarks-panel" class="hidden">
-                    <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-                        <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>Split the PDF based on its bookmarks (outline).</li>
-                            <li>Select the bookmark level to split at.</li>
-                        </ul>
-                    </div>
-                    <label for="bookmark-level" class="block mb-2 text-sm font-medium text-gray-300">Bookmark
-                        Level</label>
-                    <select id="bookmark-level"
-                        class="w-full bg-gray-700 border border-gray-600 text-white rounded-lg p-2.5 mb-4">
-                        <option value="all" selected>All Levels</option>
-                        <option value="0">Level 0 (Top Level Only)</option>
-                        <option value="1">Level 1</option>
-                        <option value="2">Level 2</option>
-                        <option value="3">Level 3</option>
-                    </select>
-                </div>
-
-                <div id="n-times-panel" class="hidden">
-                    <div class="p-3 bg-gray-900 rounded-lg border border-gray-700 mb-3">
-                        <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>Split the PDF into multiple files, each containing N pages.</li>
-                        </ul>
-                    </div>
-                    <label for="split-n-value" class="block mb-2 text-sm font-medium text-gray-300">Pages per file
-                        (N)</label>
-                    <input type="number" id="split-n-value" min="1" value="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">
-                    <p id="n-times-warning" class="mt-2 text-sm text-yellow-400 hidden">
-                        <i data-lucide="alert-triangle" class="inline-block w-4 h-4 mr-1"></i>
-                        <span id="n-times-warning-text"></span>
-                    </p>
-                </div>
-
-                <div id="zip-option-wrapper" class="mt-4 flex items-center">
-                    <input id="download-as-zip" type="checkbox"
-                        class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-600 ring-offset-gray-800 focus:ring-2">
-                    <label for="download-as-zip" class="ml-2 text-sm font-medium text-gray-300">Download as ZIP (for
-                        multiple files)</label>
-                </div>
-
-                <button id="process-btn" class="btn-gradient w-full mt-6">Split 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 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>
-
-    <!-- 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">
-                    <div class="flex items-center justify-center md:justify-start mb-4">
-                        <img src="/images/favicon-no-bg.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>
-
-                <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/split-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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Split PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.8",
-      "ratingCount": "3584"
-    }
-  }
-  </script>
-
-    <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to split online",
-    "description": "Learn how to split using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-    <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Split PDF",
-        "item": "https://www.bentopdf.com/split-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/.backup-related-tools-fix/word-to-pdf.html

@@ -1,456 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <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="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: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: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" />
-</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-no-bg.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>
-    </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: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>
-  </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>
-      <div class="flex items-start gap-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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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="/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>
-
-  <!-- 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">
-          Does it work with both .doc and .docx files?
-          <i data-lucide="chevron-down" class="w-5 h-5"></i>
-        </summary>
-        <p class="mt-3 text-gray-400">Yes! BentoPDF supports both older .doc and newer .docx Microsoft Word formats.</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 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>
-      </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>
-      </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-no-bg.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>
-
-        <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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Word to PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.8",
-      "ratingCount": "4950"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to convert Word to PDF online",
-    "description": "Learn how to convert Word to PDF using BentoPDF",
-    "step": [
-      {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
-      }
-    ]
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
-      {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Word to PDF",
-        "item": "https://www.bentopdf.com/word-to-pdf"
-      }
-    ]
-  }
-  </script>
-</body>
-
-</html>

src/pages/delete-pages.html

@@ -1,384 +1,588 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html" />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-delete-pages.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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.">
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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>
 
-
-  <!-- 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">
-  <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-no-bg.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>
-    </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>
-  </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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+  <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-no-bg.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>
-          <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>
-          <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 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>
+    </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>
-  </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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Delete Pages - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.7",
-      "ratingCount": "1206"
-    }
-  }
-  </script>
+    <!-- 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>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to delete pages online",
-    "description": "Learn how to delete pages using BentoPDF",
-    "step": [
+    <!-- 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 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>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
+
+          <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">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Delete Pages - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.7",
+          "ratingCount": "1206"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Delete Pages",
-        "item": "https://www.bentopdf.com/delete-pages"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to delete pages online",
+        "description": "Learn how to delete pages using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Delete Pages",
+            "item": "https://www.bentopdf.com/delete-pages"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/email-to-pdf.html

@@ -0,0 +1,739 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- Primary Meta Tags -->
+    <title>
+      Email to PDF Converter Free Online - EML MSG to PDF | BentoPDF
+    </title>
+    <meta
+      name="title"
+      content="Email to PDF Converter Free Online - EML MSG to PDF | BentoPDF"
+    />
+    <meta
+      name="description"
+      content="★ Convert Email to PDF online free - EML to PDF, MSG to PDF ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"
+    />
+    <meta
+      name="keywords"
+      content="email to pdf, eml to pdf, msg to pdf, outlook email to pdf, convert email, email converter"
+    />
+    <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/email-to-pdf.html" />
+
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://www.bentopdf.com/email-to-pdf" />
+    <meta
+      property="og:title"
+      content="Email to PDF Converter Free Online - EML MSG to PDF | BentoPDF"
+    />
+    <meta
+      property="og:description"
+      content="★ Convert Email to PDF online free - EML to PDF, MSG to PDF ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"
+    />
+    <meta
+      property="og:image"
+      content="https://www.bentopdf.com/images/og-email-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/email-to-pdf" />
+    <meta name="twitter:title" content="Email to PDF Free" />
+    <meta
+      name="twitter:description"
+      content="★ Convert Email to PDF online free - EML to PDF, MSG to PDF ★ No signup ★ Privacy-first ★ Works in browser"
+    />
+    <meta
+      name="twitter:image"
+      content="https://www.bentopdf.com/images/twitter-email-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="Email to PDF" />
+
+    <title>Email to PDF - Convert EML/MSG to PDF - BentoPDF</title>
+    <meta
+      name="description"
+      content="Convert email files (EML, MSG) to PDF format. 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" />
+
+    <!-- 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">
+    <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-no-bg.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>
+      </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:emailToPdf.name"
+        >
+          Email to PDF Converter Free Online - Convert EML MSG Files
+        </h1>
+        <p class="text-gray-400 mb-6" data-i18n="tools:emailToPdf.subtitle">
+          Convert email files (EML, MSG) to PDF format. Supports Outlook exports
+          and standard email formats.
+        </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:emailToPdf.acceptedFormats"
+            >
+              EML, MSG 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=".eml,.msg,message/rfc822,application/vnd.ms-outlook"
+            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-4">
+          <!-- Options Panel -->
+          <div class="bg-gray-700/50 rounded-lg p-4 space-y-4">
+            <h3
+              class="text-sm font-semibold text-gray-300 uppercase tracking-wide"
+            >
+              Conversion Options
+            </h3>
+
+            <!-- Page Size -->
+            <div class="flex items-center justify-between">
+              <label for="page-size" class="text-gray-300 text-sm"
+                >Page Size</label
+              >
+              <select
+                id="page-size"
+                class="bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-gray-200 text-sm focus:ring-indigo-500 focus:border-indigo-500"
+              >
+                <option value="a4" selected>A4</option>
+                <option value="letter">Letter</option>
+                <option value="legal">Legal</option>
+              </select>
+            </div>
+
+            <!-- Include CC/BCC -->
+            <div class="flex items-center">
+              <input
+                type="checkbox"
+                id="include-cc-bcc"
+                checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500"
+              />
+              <label for="include-cc-bcc" class="ml-3 text-gray-300 text-sm"
+                >Include CC and BCC recipients in header</label
+              >
+            </div>
+
+            <!-- Include Attachments List -->
+            <div class="flex items-center">
+              <input
+                type="checkbox"
+                id="include-attachments"
+                checked
+                class="w-4 h-4 text-indigo-600 bg-gray-700 border-gray-600 rounded focus:ring-indigo-500"
+              />
+              <label
+                for="include-attachments"
+                class="ml-3 text-gray-300 text-sm"
+                >Include email attachments list</label
+              >
+            </div>
+          </div>
+
+          <button
+            id="process-btn"
+            class="btn-gradient w-full"
+            data-i18n="tools:emailToPdf.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 Email File
+            </h3>
+            <p class="text-gray-400">
+              Click or drag and drop your .eml or .msg 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 convert button to generate your PDF
+            </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 converted PDF 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="/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">Convert Word documents to PDF</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="/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">Text to PDF</h3>
+          <p class="text-gray-400 text-sm">Convert text files to PDF</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>
+      </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 email formats are supported?
+            <i data-lucide="chevron-down" class="w-5 h-5"></i>
+          </summary>
+          <p class="mt-3 text-gray-400">
+            BentoPDF supports both .eml (standard email format) and .msg
+            (Microsoft Outlook) files. These are the most common formats for
+            exported or saved emails.
+          </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 email to PDF conversion 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 emails kept private?
+            <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 email files
+            never leave your device, ensuring complete privacy for sensitive
+            communications.
+          </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"
+          >
+            What about email attachments?
+            <i data-lucide="chevron-down" class="w-5 h-5"></i>
+          </summary>
+          <p class="mt-3 text-gray-400">
+            The PDF displays a list of attachments at the bottom and also embeds
+            the actual files into the PDF. You can access them via the
+            Attachments panel in PDF readers like Adobe Reader or Foxit.
+          </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-no-bg.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>
+
+          <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/email-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">
+      {
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Email to PDF - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.7",
+          "ratingCount": "2156"
+        }
+      }
+    </script>
+
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to convert email to PDF online",
+        "description": "Learn how to convert email files to PDF using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload Email File",
+            "text": "Click or drag and drop your .eml or .msg file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the convert button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your converted PDF file"
+          }
+        ]
+      }
+    </script>
+
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Email to PDF",
+            "item": "https://www.bentopdf.com/email-to-pdf"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/markdown-to-pdf.html

@@ -1,387 +1,572 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html"
+    />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-markdown-to-pdf.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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." />
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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">
+    <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-no-bg.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>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+          <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>
 
-  <!-- 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">
-  <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-no-bg.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 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 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
+        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="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>
+    <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>
 
-    <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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+    <!-- 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>
-          <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>
-          <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 class="flex items-start gap-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>
-          <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 class="flex items-start gap-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>
-    </div>
-  </footer>
+    </section>
 
-  <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>
+    <!-- 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>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Markdown To Pdf - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.6",
-      "ratingCount": "4044"
-    }
-  }
-  </script>
+    <!-- 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 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>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to markdown to pdf online",
-    "description": "Learn how to markdown to pdf using BentoPDF",
-    "step": [
+          <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">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Markdown To Pdf - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.6",
+          "ratingCount": "4044"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Markdown To Pdf",
-        "item": "https://www.bentopdf.com/markdown-to-pdf"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to markdown to pdf online",
+        "description": "Learn how to markdown to pdf using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Markdown To Pdf",
+            "item": "https://www.bentopdf.com/markdown-to-pdf"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/organize-pdf.html

@@ -1,390 +1,595 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html" />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-organize-pdf.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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.">
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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>
 
-
-  <!-- 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">
-  <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-no-bg.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>
-    </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>
-      <div class="flex items-start gap-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="/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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+  <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-no-bg.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>
-          <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>
-          <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 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>
-  </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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Organize PDF - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.6",
-      "ratingCount": "3604"
-    }
-  }
-  </script>
+    <!-- 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>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to organize online",
-    "description": "Learn how to organize using BentoPDF",
-    "step": [
+    <!-- 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="/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>
+
+    <!-- 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 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>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
+
+          <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">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Organize PDF - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.6",
+          "ratingCount": "3604"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Organize PDF",
-        "item": "https://www.bentopdf.com/organize-pdf"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to organize online",
+        "description": "Learn how to organize using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Organize PDF",
+            "item": "https://www.bentopdf.com/organize-pdf"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/pdf-multi-tool.html

@@ -1,369 +1,557 @@
 <!doctype html>
 <html lang="en" class="overflow-hidden">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- Primary Meta Tags -->
+    <title>Pdf Multi Tool Online Free - Pdf Multi Tool Tool | BentoPDF</title>
+    <meta
+      name="title"
+      content="Pdf Multi Tool Online Free - Pdf Multi Tool Tool | BentoPDF"
+    />
+    <meta
+      name="description"
+      content="★ Pdf Multi Tool online free - Pdf multi tool PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure"
+    />
+    <meta
+      name="keywords"
+      content="pdf multi tool, pdf multi tool, online pdf"
+    />
+    <meta name="author" content="BentoPDF" />
+    <meta
+      name="robots"
+      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
+    />
 
-  <!-- Primary Meta Tags -->
-  <title>Pdf Multi Tool Online Free - Pdf Multi Tool Tool | BentoPDF</title>
-  <meta name="title" content="Pdf Multi Tool Online Free - Pdf Multi Tool Tool | BentoPDF">
-  <meta name="description"
-    content="★ Pdf Multi Tool online free - Pdf multi tool PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in browser ★ Fast & secure">
-  <meta name="keywords" content="pdf multi tool, pdf multi tool, 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-multi-tool.html" />
 
-  <!-- Canonical URL -->
-  <link rel="canonical" href="https://www.bentopdf.com/pdf-multi-tool">
+    <!-- Open Graph / Facebook / LinkedIn -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://www.bentopdf.com/pdf-multi-tool" />
+    <meta
+      property="og:title"
+      content="Pdf Multi Tool Online Free - Pdf Multi Tool Tool | BentoPDF"
+    />
+    <meta
+      property="og:description"
+      content="★ Pdf Multi Tool online free - Pdf multi tool 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-multi-tool.png"
+    />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:site_name" content="BentoPDF" />
 
-  <!-- Open Graph / Facebook / LinkedIn -->
-  <meta property="og:type" content="website">
-  <meta property="og:url" content="https://www.bentopdf.com/pdf-multi-tool">
-  <meta property="og:title" content="Pdf Multi Tool Online Free - Pdf Multi Tool Tool | BentoPDF">
-  <meta property="og:description"
-    content="★ Pdf Multi Tool online free - Pdf multi tool 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-multi-tool.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-multi-tool"
+    />
+    <meta name="twitter:title" content="Pdf Multi Tool Free" />
+    <meta
+      name="twitter:description"
+      content="★ Pdf Multi Tool online free - Pdf multi tool PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows"
+    />
+    <meta
+      name="twitter:image"
+      content="https://www.bentopdf.com/images/twitter-pdf-multi-tool.png"
+    />
+    <meta name="twitter:site" content="@BentoPDF" />
 
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:url" content="https://www.bentopdf.com/pdf-multi-tool">
-  <meta name="twitter:title" content="Pdf Multi Tool Free">
-  <meta name="twitter:description"
-    content="★ Pdf Multi Tool online free - Pdf multi tool PDFs easily ★ No signup ★ Unlimited files ★ Privacy-first ★ Works in brows">
-  <meta name="twitter:image" content="https://www.bentopdf.com/images/twitter-pdf-multi-tool.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 Multi Tool" />
 
-  <!-- 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 Multi Tool">
+    <title>PDF Multi Tool - BentoPDF</title>
 
-  <title>PDF Multi Tool - BentoPDF</title>
-  <link rel="alternate" hreflang="en" href="/en/pdf-multi-tool.html" />
-  <link rel="alternate" hreflang="de" href="/de/pdf-multi-tool.html" />
-  <link rel="alternate" hreflang="vi" href="/vi/pdf-multi-tool.html" />
-  <link rel="alternate" hreflang="x-default" href="/en/pdf-multi-tool.html" />
-  <link href="/src/css/styles.css" rel="stylesheet" />
+    <link href="/src/css/styles.css" rel="stylesheet" />
 
-  <style>
-    /* Hide scrollbar for toolbar overflow */
-    .scrollbar-hide::-webkit-scrollbar {
-      display: none;
-    }
+    <style>
+      /* Hide scrollbar for toolbar overflow */
+      .scrollbar-hide::-webkit-scrollbar {
+        display: none;
+      }
 
-    .scrollbar-hide {
-      -ms-overflow-style: none;
-      scrollbar-width: none;
-    }
+      .scrollbar-hide {
+        -ms-overflow-style: none;
+        scrollbar-width: none;
+      }
 
-    /* Fix for mobile toolbar to prevent movement during drag operations */
-    .toolbar-container {
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      transform: translateZ(0);
-      will-change: transform;
-    }
+      /* Fix for mobile toolbar to prevent movement during drag operations */
+      .toolbar-container {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        transform: translateZ(0);
+        will-change: transform;
+      }
 
-    /* Prevent layout shifts during dragging */
-    body.dragging {
-      overflow: hidden;
-    }
-  </style>
+      /* Prevent layout shifts during dragging */
+      body.dragging {
+        overflow: hidden;
+      }
+    </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" />
-</head>
+    <!-- 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 h-[100dvh] overflow-hidden flex flex-col">
-
-  <!-- Navigation -->
-  <nav class="bg-gray-800 border-b border-gray-700 flex-none 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">
-          <img src="/images/favicon-no-bg.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>
-          <span class="text-gray-400 ml-3 text-sm sm:text-base">PDF Multi Tool</span>
+  <body
+    class="antialiased bg-gray-900 h-[100dvh] overflow-hidden flex flex-col"
+  >
+    <!-- Navigation -->
+    <nav class="bg-gray-800 border-b border-gray-700 flex-none 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">
+            <img
+              src="/images/favicon-no-bg.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>
+            <span class="text-gray-400 ml-3 text-sm sm:text-base"
+              >PDF Multi Tool</span
+            >
+          </div>
+          <button
+            id="close-tool-btn"
+            class="flex items-center gap-1 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="x" class="w-4 h-4 sm:w-5 sm:h-5"></i>
+            <span data-i18n="common.close">Close</span>
+          </button>
         </div>
-        <button id="close-tool-btn"
-          class="flex items-center gap-1 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="x" class="w-4 h-4 sm:w-5 sm:h-5"></i> <span data-i18n="common.close">Close</span>
-        </button>
       </div>
-    </div>
-  </nav>
+    </nav>
 
-  <!-- SEO H1 (visually hidden but present for search engines) -->
-  <h1 class="sr-only">PDF Multi Tool Free Online - Edit & Organize PDFs</h1>
+    <!-- SEO H1 (visually hidden but present for search engines) -->
+    <h1 class="sr-only">PDF Multi Tool Free Online - Edit & Organize PDFs</h1>
 
-  <!-- Main Container -->
-  <div class="flex flex-col flex-1 overflow-hidden relative">
-
-    <!-- Toolbar -->
-    <div class="bg-gray-800 border-b border-gray-700 p-2 sm:p-3 toolbar-container flex-none z-20">
+    <!-- Main Container -->
+    <div class="flex flex-col flex-1 overflow-hidden relative">
+      <!-- Toolbar -->
       <div
-        class="flex flex-wrap items-center justify-center sm:justify-start gap-2 bg-gray-900 p-2 sm:p-4 rounded-lg w-full">
+        class="bg-gray-800 border-b border-gray-700 p-2 sm:p-3 toolbar-container flex-none z-20"
+      >
+        <div
+          class="flex flex-wrap items-center justify-center sm:justify-start gap-2 bg-gray-900 p-2 sm:p-4 rounded-lg w-full"
+        >
+          <!-- Upload -->
+          <button
+            id="upload-pdfs-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-indigo-600 hover:bg-indigo-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="upload" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden sm:inline" data-i18n="multiTool.uploadPdfs"
+              >Upload PDFs</span
+            >
+            <span class="sm:hidden" data-i18n="multiTool.upload">Upload</span>
+          </button>
 
-        <!-- Upload -->
-        <button id="upload-pdfs-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-indigo-600 hover:bg-indigo-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="upload" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden sm:inline" data-i18n="multiTool.uploadPdfs">Upload PDFs</span>
-          <span class="sm:hidden" data-i18n="multiTool.upload">Upload</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <!-- Add Blank -->
+          <button
+            id="add-blank-page-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="file-plus" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden sm:inline" data-i18n="multiTool.addBlankPage"
+              >Add Blank Page</span
+            >
+          </button>
 
-        <!-- Add Blank -->
-        <button id="add-blank-page-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="file-plus" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden sm:inline" data-i18n="multiTool.addBlankPage">Add Blank Page</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <span
+            class="text-gray-400 text-xs sm:text-sm md:inline"
+            data-i18n="multiTool.edit"
+            >Edit:</span
+          >
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
-        <span class="text-gray-400 text-xs sm:text-sm md:inline" data-i18n="multiTool.edit">Edit:</span>
+          <!-- Undo / Redo / Reset -->
+          <button
+            id="undo-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="undo-2" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden lg:inline" data-i18n="multiTool.undo"
+              >Undo</span
+            >
+          </button>
 
-        <!-- Undo / Redo / Reset -->
-        <button id="undo-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="undo-2" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden lg:inline" data-i18n="multiTool.undo">Undo</span>
-        </button>
+          <button
+            id="redo-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="redo-2" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden lg:inline" data-i18n="multiTool.redo"
+              >Redo</span
+            >
+          </button>
 
-        <button id="redo-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="redo-2" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden lg:inline" data-i18n="multiTool.redo">Redo</span>
-        </button>
+          <button
+            id="reset-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="refresh-ccw" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden lg:inline" data-i18n="multiTool.reset"
+              >Reset</span
+            >
+          </button>
 
-        <button id="reset-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="refresh-ccw" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden lg:inline" data-i18n="multiTool.reset">Reset</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <!-- Selection -->
+          <span
+            class="text-gray-400 text-xs sm:text-sm md:inline"
+            data-i18n="multiTool.selection"
+            >Selection:</span
+          >
 
-        <!-- Selection -->
-        <span class="text-gray-400 text-xs sm:text-sm md:inline" data-i18n="multiTool.selection">Selection:</span>
+          <button
+            id="select-all-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="check-square" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden lg:inline" data-i18n="multiTool.selectAll"
+              >Select All</span
+            >
+          </button>
 
-        <button id="select-all-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="check-square" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden lg:inline" data-i18n="multiTool.selectAll">Select All</span>
-        </button>
+          <button
+            id="deselect-all-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="square" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden lg:inline" data-i18n="multiTool.deselectAll"
+              >Deselect All</span
+            >
+          </button>
 
-        <button id="deselect-all-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="square" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden lg:inline" data-i18n="multiTool.deselectAll">Deselect All</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <!-- Rotate -->
+          <span
+            class="text-gray-400 text-xs sm:text-sm md:inline"
+            data-i18n="multiTool.rotate"
+            >Rotate:</span
+          >
+          <button
+            id="bulk-rotate-left-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="rotate-ccw" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden xl:inline" data-i18n="multiTool.rotateLeft"
+              >Left</span
+            >
+          </button>
 
-        <!-- Rotate -->
-        <span class="text-gray-400 text-xs sm:text-sm md:inline" data-i18n="multiTool.rotate">Rotate:</span>
-        <button id="bulk-rotate-left-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="rotate-ccw" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.rotateLeft">Left</span>
-        </button>
+          <button
+            id="bulk-rotate-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="rotate-cw" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden xl:inline" data-i18n="multiTool.rotateRight"
+              >Right</span
+            >
+          </button>
 
-        <button id="bulk-rotate-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="rotate-cw" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.rotateRight">Right</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <span
+            class="text-gray-400 text-xs sm:text-sm md:inline"
+            data-i18n="multiTool.transform"
+            >Transform:</span
+          >
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
-        <span class="text-gray-400 text-xs sm:text-sm md:inline" data-i18n="multiTool.transform">Transform:</span>
+          <!-- Duplicate / Split -->
+          <button
+            id="bulk-duplicate-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="copy" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden xl:inline" data-i18n="multiTool.duplicate"
+              >Duplicate</span
+            >
+          </button>
 
-        <!-- Duplicate / Split -->
-        <button id="bulk-duplicate-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="copy" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.duplicate">Duplicate</span>
-        </button>
+          <button
+            id="bulk-split-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="scissors" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden xl:inline" data-i18n="multiTool.split"
+              >Split</span
+            >
+          </button>
 
-        <button id="bulk-split-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-gray-700 hover:bg-gray-600 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="scissors" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.split">Split</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <span
+            class="text-gray-400 text-xs sm:text-sm md:inline"
+            data-i18n="multiTool.clear"
+            >Clear:</span
+          >
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
-        <span class="text-gray-400 text-xs sm:text-sm md:inline" data-i18n="multiTool.clear">Clear:</span>
+          <!-- Delete -->
+          <button
+            id="bulk-delete-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-red-500 hover:bg-red-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="trash-2" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden xl:inline" data-i18n="multiTool.delete"
+              >Delete</span
+            >
+          </button>
 
-        <!-- Delete -->
-        <button id="bulk-delete-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-red-500 hover:bg-red-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="trash-2" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.delete">Delete</span>
-        </button>
+          <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
 
-        <div class="border-l border-gray-600 h-5 sm:h-6 mx-1"></div>
+          <!-- Download -->
+          <span
+            class="text-gray-400 text-xs sm:text-sm md:inline"
+            data-i18n="multiTool.download"
+            >Download:</span
+          >
+          <button
+            id="bulk-download-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-green-600 hover:bg-green-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="download" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span
+              class="hidden xl:inline"
+              data-i18n="multiTool.downloadSelected"
+              >Download Selected</span
+            >
+          </button>
 
-        <!-- Download -->
-        <span class="text-gray-400 text-xs sm:text-sm md:inline" data-i18n="multiTool.download">Download:</span>
-        <button id="bulk-download-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-green-600 hover:bg-green-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="download" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.downloadSelected">Download Selected</span>
-        </button>
+          <button
+            id="export-pdf-btn"
+            class="flex items-center gap-1 sm:gap-2 bg-indigo-600 hover:bg-indigo-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base"
+          >
+            <i data-lucide="download" class="w-3 h-3 sm:w-4 sm:h-4"></i>
+            <span class="hidden xl:inline" data-i18n="multiTool.exportPdf"
+              >Export PDF</span
+            >
+          </button>
+        </div>
+      </div>
 
-        <button id="export-pdf-btn"
-          class="flex items-center gap-1 sm:gap-2 bg-indigo-600 hover:bg-indigo-700 text-white px-2 sm:px-3 md:px-4 py-1 sm:py-1.5 md:py-2 rounded text-xs sm:text-sm md:text-base">
-          <i data-lucide="download" class="w-3 h-3 sm:w-4 sm:h-4"></i>
-          <span class="hidden xl:inline" data-i18n="multiTool.exportPdf">Export PDF</span>
-        </button>
+      <!-- Content Area -->
+      <div
+        id="main-scroll-container"
+        class="flex-1 overflow-auto p-3 pb-24 sm:p-4 sm:pb-8 md:pt-4 md:pb-4"
+      >
+        <div
+          id="upload-area"
+          class="hidden border-2 border-dashed border-gray-600 rounded-lg p-6 sm:p-12 text-center max-w-full cursor-pointer"
+          onclick="document.getElementById('pdf-file-input').click()"
+        >
+          <i
+            data-lucide="upload-cloud"
+            class="w-12 h-12 sm:w-16 sm:h-16 mx-auto text-gray-400 mb-3 sm:mb-4"
+          ></i>
+          <p
+            class="text-gray-300 text-base sm:text-lg mb-1 sm:mb-2"
+            data-i18n="multiTool.uploadPdfFiles"
+          >
+            Select PDF Files
+          </p>
+          <p
+            class="text-gray-400 text-xs sm:text-sm mb-3 sm:mb-4"
+            data-i18n="multiTool.dragAndDrop"
+          >
+            Drag and drop PDF files here, or click to select
+          </p>
+          <input
+            type="file"
+            id="pdf-file-input"
+            accept="application/pdf"
+            multiple
+            class="hidden"
+          />
+          <button
+            onclick="
+              event.stopPropagation();
+              document.getElementById('pdf-file-input').click();
+            "
+            class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 sm:px-6 py-2 rounded text-sm sm:text-base"
+            data-i18n="multiTool.selectFiles"
+          >
+            Select Files
+          </button>
+        </div>
+
+        <div
+          id="pages-container"
+          class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-3 sm:gap-4"
+        ></div>
       </div>
     </div>
 
-    <!-- Content Area -->
-    <div id="main-scroll-container" class="flex-1 overflow-auto p-3 pb-24 sm:p-4 sm:pb-8 md:pt-4 md:pb-4">
-      <div id="upload-area"
-        class="hidden border-2 border-dashed border-gray-600 rounded-lg p-6 sm:p-12 text-center max-w-full cursor-pointer"
-        onclick="document.getElementById('pdf-file-input').click()">
-        <i data-lucide="upload-cloud" class="w-12 h-12 sm:w-16 sm:h-16 mx-auto text-gray-400 mb-3 sm:mb-4"></i>
-        <p class="text-gray-300 text-base sm:text-lg mb-1 sm:mb-2" data-i18n="multiTool.uploadPdfFiles">Select PDF Files
+    <!-- Loading Overlay -->
+    <div
+      id="loading-overlay"
+      class="hidden fixed inset-0 bg-black/80 z-50 flex items-center justify-center"
+    >
+      <div class="bg-gray-800 rounded-lg p-8 max-w-md w-full mx-4">
+        <div class="flex items-center justify-center mb-4">
+          <i
+            data-lucide="loader"
+            class="w-12 h-12 text-indigo-400 animate-spin"
+          ></i>
+        </div>
+        <p
+          id="loading-text"
+          class="text-white text-center text-lg mb-4"
+          data-i18n="multiTool.renderingPages"
+        >
+          Rendering pages...
         </p>
-        <p class="text-gray-400 text-xs sm:text-sm mb-3 sm:mb-4" data-i18n="multiTool.dragAndDrop">Drag and drop PDF
-          files here, or click to select</p>
-        <input type="file" id="pdf-file-input" accept="application/pdf" multiple class="hidden">
-        <button onclick="event.stopPropagation(); document.getElementById('pdf-file-input').click()"
-          class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 sm:px-6 py-2 rounded text-sm sm:text-base"
-          data-i18n="multiTool.selectFiles">
-          Select Files
+        <div class="w-full bg-gray-700 rounded-full h-2.5">
+          <div
+            id="loading-progress"
+            class="bg-indigo-600 h-2.5 rounded-full transition-all duration-300"
+            style="width: 0%"
+          ></div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Modal -->
+    <div
+      id="modal"
+      class="hidden fixed inset-0 bg-black/80 z-50 flex items-center justify-center"
+    >
+      <div
+        class="bg-gray-800 rounded-lg p-8 max-w-md w-full mx-4 border border-gray-700"
+      >
+        <div class="flex items-center justify-center mb-4">
+          <div id="modal-icon"></div>
+        </div>
+        <h3
+          id="modal-title"
+          class="text-xl font-bold text-white text-center mb-2"
+        ></h3>
+        <p id="modal-message" class="text-gray-300 text-center mb-6"></p>
+        <button
+          id="modal-close-btn"
+          class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded"
+        >
+          Close
         </button>
       </div>
-
-      <div id="pages-container"
-        class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-3 sm:gap-4"></div>
     </div>
-  </div>
 
-  <!-- Loading Overlay -->
-  <div id="loading-overlay" class="hidden fixed inset-0 bg-black/80 z-50 flex items-center justify-center">
-    <div class="bg-gray-800 rounded-lg p-8 max-w-md w-full mx-4">
-      <div class="flex items-center justify-center mb-4">
-        <i data-lucide="loader" class="w-12 h-12 text-indigo-400 animate-spin"></i>
-      </div>
-      <p id="loading-text" class="text-white text-center text-lg mb-4" data-i18n="multiTool.renderingPages">Rendering
-        pages...</p>
-      <div class="w-full bg-gray-700 rounded-full h-2.5">
-        <div id="loading-progress" class="bg-indigo-600 h-2.5 rounded-full transition-all duration-300"
-          style="width: 0%"></div>
-      </div>
-    </div>
-  </div>
+    <!-- Hidden File Input -->
+    <input
+      type="file"
+      id="insert-pdf-input"
+      accept="application/pdf"
+      class="hidden"
+    />
 
-  <!-- Modal -->
-  <div id="modal" class="hidden fixed inset-0 bg-black/80 z-50 flex items-center justify-center">
-    <div class="bg-gray-800 rounded-lg p-8 max-w-md w-full mx-4 border border-gray-700">
-      <div class="flex items-center justify-center mb-4">
-        <div id="modal-icon"></div>
-      </div>
-      <h3 id="modal-title" class="text-xl font-bold text-white text-center mb-2"></h3>
-      <p id="modal-message" class="text-gray-300 text-center mb-6"></p>
-      <button id="modal-close-btn" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded">
-        Close
-      </button>
-    </div>
-  </div>
+    <!-- Scripts -->
+    <script type="module" src="/src/js/logic/pdf-multi-tool.ts"></script>
+    <script type="module" src="/src/js/main.ts"></script>
 
-  <!-- Hidden File Input -->
-  <input type="file" id="insert-pdf-input" accept="application/pdf" class="hidden">
-
-  <!-- Scripts -->
-  <script type="module" src="/src/js/logic/pdf-multi-tool.ts"></script>
-  <script type="module" src="/src/js/main.ts"></script>
-
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Pdf Multi Tool - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.7",
-      "ratingCount": "3335"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to pdf multi tool online",
-    "description": "Learn how to pdf multi tool using BentoPDF",
-    "step": [
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Pdf Multi Tool - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.7",
+          "ratingCount": "3335"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Pdf Multi Tool",
-        "item": "https://www.bentopdf.com/pdf-multi-tool"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to pdf multi tool online",
+        "description": "Learn how to pdf multi tool using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Pdf Multi Tool",
+            "item": "https://www.bentopdf.com/pdf-multi-tool"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/pdf-to-csv.html

@@ -1,390 +1,593 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html" />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-pdf-to-csv.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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.">
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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>
 
-
-  <!-- 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">
-  <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-no-bg.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>
+  <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-no-bg.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>
-        <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
+        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="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>
+      </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>
     </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
+      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>
-  </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
+      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>
-  </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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+    <!-- 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>
-          <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>
-          <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 class="flex items-start gap-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>
-          <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 class="flex items-start gap-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>
-    </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>
+    </section>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Pdf To Csv - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.9",
-      "ratingCount": "3069"
-    }
-  }
-  </script>
+    <!-- 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>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to pdf to csv online",
-    "description": "Learn how to pdf to csv using BentoPDF",
-    "step": [
+    <!-- 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 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>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
+          <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">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Pdf To Csv - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.9",
+          "ratingCount": "3069"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Pdf To Csv",
-        "item": "https://www.bentopdf.com/pdf-to-csv"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to pdf to csv online",
+        "description": "Learn how to pdf to csv using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Pdf To Csv",
+            "item": "https://www.bentopdf.com/pdf-to-csv"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/pdf-to-excel.html

@@ -1,390 +1,596 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html" />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-pdf-to-excel.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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.">
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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>
 
-
-  <!-- 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">
-  <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-no-bg.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>
+  <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-no-bg.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>
-        <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
+        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="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>
+      </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>
     </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
+      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>
-  </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
+      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>
-  </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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+    <!-- 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>
-          <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>
-          <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 class="flex items-start gap-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>
-          <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 class="flex items-start gap-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>
-    </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>
+    </section>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "PDF to Excel - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.7",
-      "ratingCount": "2771"
-    }
-  }
-  </script>
+    <!-- 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>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to convert PDF to Excel online",
-    "description": "Learn how to convert PDF to Excel using BentoPDF",
-    "step": [
+    <!-- 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 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>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
+          <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">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "PDF to Excel - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.7",
+          "ratingCount": "2771"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "PDF to Excel",
-        "item": "https://www.bentopdf.com/pdf-to-excel"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to convert PDF to Excel online",
+        "description": "Learn how to convert PDF to Excel using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "PDF to Excel",
+            "item": "https://www.bentopdf.com/pdf-to-excel"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/pdf-to-json.html

@@ -1,419 +1,612 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<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="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"
+    />
 
-  <!-- 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="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.html" />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-pdf-to-json.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 href="/src/css/styles.css" rel="stylesheet" />
 
-  <title>PDF to JSON Converter - BentoPDF</title>
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
-  <link rel="alternate" hreflang="x-default" href="/en/pdf-to-json.html" />
-  <link href="/src/css/styles.css" rel="stylesheet" />
+    <!-- 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>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+  <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-no-bg.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>
 
-  <!-- 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>
+          <!-- 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>
 
-<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-no-bg.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-          <span class="text-white font-bold text-xl ml-2">
-            <a href="/">BentoPDF</a>
+          <!-- 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>
+              <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>
+
+      <!-- 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>
+
+    <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>
-        </div>
+        </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>
+        <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>
 
-        <!-- 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>
+        <div class="upload-section mb-6">
+          <div
+            class="relative flex flex-col items-center justify-center w-full h-48 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-700 hover:bg-gray-600 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">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
+              type="file"
+              id="pdfFiles"
+              accept="application/pdf"
+              multiple
+              class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer"
+            />
+          </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>
-            <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>
+          <!-- File Display Area -->
+          <div id="fileList" class="mt-4 hidden"></div>
+
+          <button id="convertBtn" disabled class="btn-gradient w-full mt-6">
+            Convert to JSON
           </button>
         </div>
-      </div>
-    </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>
-
-  <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: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>
-
-      <div class="upload-section mb-6">
+        <!-- Status Message -->
         <div
-          class="relative flex flex-col items-center justify-center w-full h-48 border-2 border-dashed border-gray-600 rounded-xl cursor-pointer bg-gray-700 hover:bg-gray-600 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">Click to select files</span> <span data-i18n="upload.orDragAndDrop">or drag
-                and drop</span>
+          id="status-message"
+          class="mt-4 hidden p-3 rounded-lg text-sm"
+        ></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>
-            <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 type="file" id="pdfFiles" accept="application/pdf" multiple
-            class="absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" />
         </div>
-
-        <!-- File Display Area -->
-        <div id="fileList" class="mt-4 hidden"></div>
-
-        <button id="convertBtn" disabled class="btn-gradient w-full mt-6">
-          Convert to JSON
-        </button>
-      </div>
-
-      <!-- Status Message -->
-      <div id="status-message" class="mt-4 hidden p-3 rounded-lg text-sm"></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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+        <div class="flex items-start gap-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>
-          <p class="text-gray-400 text-sm">
-            &copy; 2026 BentoPDF. All rights reserved.
+          <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>
+
+    <!-- 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 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="text-gray-500 text-xs mt-2">
-            Version <span id="app-version"></span>
+        </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>
-        </div>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
 
-        <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">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">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>
+            <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>
-    </div>
-  </footer>
-  <script type="module" src="/src/js/logic/pdf-to-json.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>
+    </footer>
+    <script type="module" src="/src/js/logic/pdf-to-json.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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Pdf To Json - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.7",
-      "ratingCount": "1430"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to pdf to json online",
-    "description": "Learn how to pdf to json using BentoPDF",
-    "step": [
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Pdf To Json - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.7",
+          "ratingCount": "1430"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Pdf To Json",
-        "item": "https://www.bentopdf.com/pdf-to-json"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to pdf to json online",
+        "description": "Learn how to pdf to json using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Pdf To Json",
+            "item": "https://www.bentopdf.com/pdf-to-json"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/pdf-to-markdown.html

@@ -1,405 +1,606 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html"
+    />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-pdf-to-markdown.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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.">
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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">
+    <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-no-bg.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>
 
-  <!-- Web App Manifest -->
-  <link rel="manifest" href="/site.webmanifest" />
+          <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>
 
-  <!-- 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>
+          <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>
 
-<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-no-bg.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
+        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="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 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 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 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>
+        <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="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
+      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>
-  </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>
+    <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>
 
-      <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>
+    <!-- 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>
 
-      <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
+    <!-- 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 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="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>
+        </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>
-
-      <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">
+    </section>
+    <footer class="mt-16 border-t-2 border-gray-700 py-8">
+      <div class="container mx-auto px-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+          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-no-bg.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>
-          <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>
-          <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>
+            <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>
-    </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>
+    </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">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Pdf To Markdown - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.8",
-      "ratingCount": "1689"
-    }
-  }
-  </script>
-
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to pdf to markdown online",
-    "description": "Learn how to pdf to markdown using BentoPDF",
-    "step": [
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Pdf To Markdown - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.8",
+          "ratingCount": "1689"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Pdf To Markdown",
-        "item": "https://www.bentopdf.com/pdf-to-markdown"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to pdf to markdown online",
+        "description": "Learn how to pdf to markdown using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Pdf To Markdown",
+            "item": "https://www.bentopdf.com/pdf-to-markdown"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>

src/pages/pdf-to-tiff.html

@@ -1,391 +1,631 @@
 <!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <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="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"
+    />
 
-  <!-- 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="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.html" />
 
-  <!-- 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: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" />
 
-  <!-- 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: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:image"
+      content="https://www.bentopdf.com/images/twitter-pdf-to-tiff.png"
+    />
+    <meta name="twitter:site" 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: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" />
 
-  <!-- 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 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.">
+    <!-- Web App Manifest -->
+    <link rel="manifest" href="/site.webmanifest" />
 
-  <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" />
+    <!-- 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>
 
-
-  <!-- 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">
-  <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-no-bg.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>
+  <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-no-bg.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>
-        <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
+        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="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>
+      </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>
     </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
+      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>
-  </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
+      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>
-  </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>
-      <div class="flex items-start gap-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>
-
-  <!-- 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 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>
-      </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">
-          <div class="flex items-center justify-center md:justify-start mb-4">
-            <img src="/images/favicon-no-bg.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-            <span class="text-xl font-bold text-white">BentoPDF</span>
+    <!-- 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>
-          <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>
-          <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 class="flex items-start gap-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>
-          <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 class="flex items-start gap-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>
-    </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>
+    </section>
 
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "Pdf To Tiff - BentoPDF",
-    "applicationCategory": "PDF Tool",
-    "operatingSystem": "Any - Web Browser",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    },
-    "aggregateRating": {
-      "@type": "AggregateRating",
-      "ratingValue": "4.6",
-      "ratingCount": "2158"
-    }
-  }
-  </script>
+    <!-- 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>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "HowTo",
-    "name": "How to pdf to tiff online",
-    "description": "Learn how to pdf to tiff using BentoPDF",
-    "step": [
+    <!-- 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 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>
+        </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">
+            <div class="flex items-center justify-center md:justify-start mb-4">
+              <img
+                src="/images/favicon-no-bg.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>
+          <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">
       {
-        "@type": "HowToStep",
-        "position": 1,
-        "name": "Upload File",
-        "text": "Click or drag and drop your file"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 2,
-        "name": "Process",
-        "text": "Click the process button"
-      },
-      {
-        "@type": "HowToStep",
-        "position": 3,
-        "name": "Download",
-        "text": "Download your processed file"
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Pdf To Tiff - BentoPDF",
+        "applicationCategory": "PDF Tool",
+        "operatingSystem": "Any - Web Browser",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "USD"
+        },
+        "aggregateRating": {
+          "@type": "AggregateRating",
+          "ratingValue": "4.6",
+          "ratingCount": "2158"
+        }
       }
-    ]
-  }
-  </script>
+    </script>
 
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    "itemListElement": [
+    <script type="application/ld+json">
       {
-        "@type": "ListItem",
-        "position": 1,
-        "name": "Home",
-        "item": "https://www.bentopdf.com"
-      },
-      {
-        "@type": "ListItem",
-        "position": 2,
-        "name": "Pdf To Tiff",
-        "item": "https://www.bentopdf.com/pdf-to-tiff"
+        "@context": "https://schema.org",
+        "@type": "HowTo",
+        "name": "How to pdf to tiff online",
+        "description": "Learn how to pdf to tiff using BentoPDF",
+        "step": [
+          {
+            "@type": "HowToStep",
+            "position": 1,
+            "name": "Upload File",
+            "text": "Click or drag and drop your file"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 2,
+            "name": "Process",
+            "text": "Click the process button"
+          },
+          {
+            "@type": "HowToStep",
+            "position": 3,
+            "name": "Download",
+            "text": "Download your processed file"
+          }
+        ]
       }
-    ]
-  }
-  </script>
-</body>
+    </script>
 
-</html>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://www.bentopdf.com"
+          },
+          {
+            "@type": "ListItem",
+            "position": 2,
+            "name": "Pdf To Tiff",
+            "item": "https://www.bentopdf.com/pdf-to-tiff"
+          }
+        ]
+      }
+    </script>
+  </body>
+</html>