From 70f31aa90ef175d82c16721db4960da00c94dfb3 Mon Sep 17 00:00:00 2001
From: alam00000 <adullah.alam.tapadar2000@gmail.com>
Date: Mon, 2 Feb 2026 16:30:59 +0530
Subject: [PATCH] fix: Add internationalization support for various pages by
 updating text elements with data-i18n attributes for better localization

---
 public/locales/be/common.json         | 40 ++++++++++++++++-
 public/locales/be/tools.json          | 28 ++++++++++++
 public/locales/de/common.json         | 40 ++++++++++++++++-
 public/locales/de/tools.json          | 28 ++++++++++++
 public/locales/en/common.json         | 38 +++++++++++++++-
 public/locales/en/tools.json          | 28 ++++++++++++
 public/locales/es/common.json         | 40 ++++++++++++++++-
 public/locales/es/tools.json          | 28 ++++++++++++
 public/locales/fr/common.json         | 40 ++++++++++++++++-
 public/locales/fr/tools.json          | 28 ++++++++++++
 public/locales/id/common.json         | 40 ++++++++++++++++-
 public/locales/id/tools.json          | 28 ++++++++++++
 public/locales/it/common.json         | 40 ++++++++++++++++-
 public/locales/it/tools.json          | 28 ++++++++++++
 public/locales/nl/common.json         | 40 ++++++++++++++++-
 public/locales/nl/tools.json          | 28 ++++++++++++
 public/locales/pt/common.json         | 40 ++++++++++++++++-
 public/locales/pt/tools.json          | 28 ++++++++++++
 public/locales/tr/common.json         | 40 ++++++++++++++++-
 public/locales/tr/tools.json          | 28 ++++++++++++
 public/locales/vi/common.json         | 40 ++++++++++++++++-
 public/locales/vi/tools.json          | 28 ++++++++++++
 public/locales/zh-TW/common.json      | 40 ++++++++++++++++-
 public/locales/zh-TW/tools.json       | 28 ++++++++++++
 public/locales/zh/common.json         | 40 ++++++++++++++++-
 public/locales/zh/tools.json          | 28 ++++++++++++
 public/site.webmanifest               |  7 +--
 src/js/main.ts                        | 41 +++++++++++++++--
 src/js/utils/wasm-provider.ts         | 26 +++++++++--
 src/pages/add-attachments.html        | 29 +++++++++---
 src/pages/add-blank-page.html         | 29 +++++++++---
 src/pages/add-stamps.html             | 29 +++++++++---
 src/pages/add-watermark.html          | 29 +++++++++---
 src/pages/adjust-colors.html          | 19 ++++++--
 src/pages/alternate-merge.html        | 36 +++++++++++----
 src/pages/background-color.html       | 29 +++++++++---
 src/pages/bmp-to-pdf.html             | 33 ++++++++++----
 src/pages/bookmark.html               | 31 +++++++++----
 src/pages/cbz-to-pdf.html             | 25 ++++++++---
 src/pages/change-permissions.html     | 29 +++++++++---
 src/pages/combine-single-page.html    | 29 +++++++++---
 src/pages/compare-pdfs.html           | 25 ++++++++---
 src/pages/compress-pdf.html           | 26 ++++++++---
 src/pages/crop-pdf.html               | 32 +++++++++++---
 src/pages/csv-to-pdf.html             | 43 +++++++++++++-----
 src/pages/decrypt-pdf.html            | 29 +++++++++---
 src/pages/delete-pages.html           | 36 +++++++++++----
 src/pages/deskew-pdf.html             | 41 ++++++++++++-----
 src/pages/digital-sign-pdf.html       | 22 ++++++++--
 src/pages/divide-pages.html           | 29 +++++++++---
 src/pages/edit-attachments.html       | 29 +++++++++---
 src/pages/edit-metadata.html          | 29 +++++++++---
 src/pages/edit-pdf.html               | 29 +++++++++---
 src/pages/email-to-pdf.html           | 15 +++++--
 src/pages/encrypt-pdf.html            | 29 +++++++++---
 src/pages/epub-to-pdf.html            | 25 ++++++++---
 src/pages/excel-to-pdf.html           | 25 ++++++++---
 src/pages/extract-attachments.html    | 36 +++++++++++----
 src/pages/extract-images.html         | 51 ++++++++++++++++------
 src/pages/extract-pages.html          | 32 +++++++++++---
 src/pages/extract-tables.html         | 29 +++++++++---
 src/pages/fb2-to-pdf.html             | 25 ++++++++---
 src/pages/fix-page-size.html          | 29 +++++++++---
 src/pages/flatten-pdf.html            | 34 +++++++++++----
 src/pages/font-to-outline.html        | 41 ++++++++++++-----
 src/pages/form-creator.html           | 44 ++++++++++++++-----
 src/pages/form-filler.html            | 32 +++++++++++---
 src/pages/header-footer.html          | 29 +++++++++---
 src/pages/heic-to-pdf.html            | 36 +++++++++++----
 src/pages/image-to-pdf.html           | 25 ++++++++---
 src/pages/invert-colors.html          | 29 +++++++++---
 src/pages/jpg-to-pdf.html             | 29 +++++++++---
 src/pages/json-to-pdf.html            | 29 +++++++++---
 src/pages/linearize-pdf.html          | 34 +++++++++++----
 src/pages/markdown-to-pdf.html        | 35 +++++++++++----
 src/pages/merge-pdf.html              | 15 +++++--
 src/pages/mobi-to-pdf.html            | 25 ++++++++---
 src/pages/n-up-pdf.html               | 29 +++++++++---
 src/pages/ocr-pdf.html                | 29 +++++++++---
 src/pages/odg-to-pdf.html             | 29 +++++++++---
 src/pages/odp-to-pdf.html             | 29 +++++++++---
 src/pages/ods-to-pdf.html             | 29 +++++++++---
 src/pages/odt-to-pdf.html             | 43 +++++++++++++-----
 src/pages/organize-pdf.html           | 63 ++++++++++++++++++++-------
 src/pages/page-dimensions.html        | 29 +++++++++---
 src/pages/page-numbers.html           | 29 +++++++++---
 src/pages/pages-to-pdf.html           | 29 +++++++++---
 src/pages/pdf-booklet.html            | 29 +++++++++---
 src/pages/pdf-layers.html             | 51 ++++++++++++++++------
 src/pages/pdf-to-bmp.html             | 29 +++++++++---
 src/pages/pdf-to-csv.html             | 29 +++++++++---
 src/pages/pdf-to-docx.html            | 43 +++++++++++++-----
 src/pages/pdf-to-excel.html           | 29 +++++++++---
 src/pages/pdf-to-greyscale.html       | 29 +++++++++---
 src/pages/pdf-to-jpg.html             | 19 ++++++--
 src/pages/pdf-to-json.html            | 36 +++++++++++----
 src/pages/pdf-to-markdown.html        | 51 ++++++++++++++++------
 src/pages/pdf-to-pdfa.html            | 43 +++++++++++++-----
 src/pages/pdf-to-png.html             | 29 +++++++++---
 src/pages/pdf-to-svg.html             | 29 +++++++++---
 src/pages/pdf-to-text.html            | 32 +++++++++++---
 src/pages/pdf-to-tiff.html            | 29 +++++++++---
 src/pages/pdf-to-webp.html            | 29 +++++++++---
 src/pages/pdf-to-zip.html             | 36 +++++++++++----
 src/pages/png-to-pdf.html             | 29 +++++++++---
 src/pages/posterize-pdf.html          | 29 +++++++++---
 src/pages/powerpoint-to-pdf.html      | 25 ++++++++---
 src/pages/prepare-pdf-for-ai.html     | 54 +++++++++++++++++------
 src/pages/psd-to-pdf.html             | 29 +++++++++---
 src/pages/pub-to-pdf.html             | 29 +++++++++---
 src/pages/rasterize-pdf.html          | 51 ++++++++++++++++------
 src/pages/remove-annotations.html     | 29 +++++++++---
 src/pages/remove-blank-pages.html     | 29 +++++++++---
 src/pages/remove-metadata.html        | 29 +++++++++---
 src/pages/remove-restrictions.html    | 29 +++++++++---
 src/pages/repair-pdf.html             | 25 ++++++++---
 src/pages/reverse-pages.html          | 36 +++++++++++----
 src/pages/rotate-custom.html          | 35 +++++++++++----
 src/pages/rotate-pdf.html             | 29 +++++++++---
 src/pages/rtf-to-pdf.html             | 43 +++++++++++++-----
 src/pages/sanitize-pdf.html           | 29 +++++++++---
 src/pages/scanner-effect.html         | 19 ++++++--
 src/pages/sign-pdf.html               | 32 +++++++++++---
 src/pages/split-pdf.html              | 19 ++++++--
 src/pages/svg-to-pdf.html             | 32 +++++++++++---
 src/pages/table-of-contents.html      | 31 +++++++++----
 src/pages/text-color.html             | 29 +++++++++---
 src/pages/tiff-to-pdf.html            | 36 +++++++++++----
 src/pages/txt-to-pdf.html             | 33 ++++++++++----
 src/pages/validate-signature-pdf.html | 22 ++++++++--
 src/pages/view-metadata.html          | 29 +++++++++---
 src/pages/vsd-to-pdf.html             | 29 +++++++++---
 src/pages/webp-to-pdf.html            | 32 +++++++++++---
 src/pages/word-to-pdf.html            | 15 +++++--
 src/pages/wpd-to-pdf.html             | 29 +++++++++---
 src/pages/wps-to-pdf.html             | 29 +++++++++---
 src/pages/xml-to-pdf.html             | 29 +++++++++---
 src/pages/xps-to-pdf.html             | 25 ++++++++---
 138 files changed, 3507 insertions(+), 838 deletions(-)

diff --git a/public/locales/be/common.json b/public/locales/be/common.json
index 34507b5..006be8b 100644
--- a/public/locales/be/common.json
+++ b/public/locales/be/common.json
@@ -66,7 +66,33 @@
     "pdfOrImages": "PDF або відарысы",
     "filesNeverLeave": "Вашы файлы ніколі не пакідаюць прыладу.",
     "addMore": "Дадаць больш файлаў",
-    "clearAll": "Ачысціць усё"
+    "clearAll": "Ачысціць усё",
+    "hints": {
+      "singlePdf": "Адзін PDF-файл",
+      "pdfFile": "PDF-файл",
+      "multiplePdfs2": "Некалькі PDF-файлаў (мінімум 2)",
+      "bmpImages": "Выявы BMP",
+      "oneOrMorePdfs": "Адзін або некалькі PDF-файлаў",
+      "pdfDocuments": "PDF-дакументы",
+      "oneOrMoreCsv": "Адзін або некалькі CSV-файлаў",
+      "multiplePdfsSupported": "Падтрымліваецца некалькі PDF-файлаў",
+      "singleOrMultiplePdfs": "Падтрымліваецца адзін або некалькі PDF-файлаў",
+      "singlePdfFile": "Адзін PDF-файл",
+      "pdfWithForms": "PDF-файл з палямі формы",
+      "heicImages": "Выявы HEIC/HEIF",
+      "jpgImages": "Выявы JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDF або выявы",
+      "oneOrMoreOdt": "Адзін або некалькі ODT-файлаў",
+      "singlePdfOnly": "Толькі адзін PDF-файл",
+      "pdfFiles": "PDF-файлы",
+      "multiplePdfs": "Некалькі PDF-файлаў",
+      "pngImages": "Выявы PNG",
+      "pdfFilesOneOrMore": "PDF-файлы (адзін або некалькі)",
+      "oneOrMoreRtf": "Адзін або некалькі RTF-файлаў",
+      "svgGraphics": "SVG-графіка",
+      "tiffImages": "Выявы TIFF",
+      "webpImages": "Выявы WebP"
+    }
   },
   "loader": {
     "processing": "Апрацоўка..."
@@ -170,7 +196,8 @@
     "analytics": {
       "question": "Вы выкарыстоўваеце cookies або аналітыку, каб сачыць за мной?",
       "answer": "Мы дбаем пра вашу прыватнасць. BentoPDF не адсочвае персанальную інфармацыю. Мы выкарыстоўваем Simple Analytics, толькі каб бачыць ананімную статыстыку наведванняў. Гэта значыць, мы ведаем, колькі карыстальнікаў наведвае наш сайт, але ніколі не ведаем, хто вы. Simple Analytics цалкам адпавядае GDPR і шануе вашу прыватнасць."
-    }
+    },
+    "sectionTitle": "Часта задаваныя пытанні"
   },
   "testimonials": {
     "title": "Што кажуць",
@@ -319,5 +346,14 @@
     "errorRendering": "Не ўдалося апрацаваць мініяцюры старонак",
     "error": "Памылка",
     "failedToLoad": "Не ўдалося загрузіць"
+  },
+  "howItWorks": {
+    "title": "Як гэта працуе",
+    "step1": "Націсніце або перацягніце файл сюды",
+    "step2": "Націсніце кнопку апрацоўкі",
+    "step3": "Захавайце апрацаваны файл імгненна"
+  },
+  "relatedTools": {
+    "title": "Звязаныя інструменты PDF"
   }
 }
diff --git a/public/locales/be/tools.json b/public/locales/be/tools.json
index 9dfce42..2777cdb 100644
--- a/public/locales/be/tools.json
+++ b/public/locales/be/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Выпрастаць PDF",
     "subtitle": "Аўтаматычна выраўняць нахіленыя адсканіраваныя старонкі з дапамогай OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF у Word",
+    "subtitle": "Канвертаваць PDF-файлы ў рэдагуемыя дакументы Word."
+  },
+  "extractImages": {
+    "name": "Выняць выявы",
+    "subtitle": "Выняць усе ўбудаваныя выявы з вашых PDF-файлаў."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF у Markdown",
+    "subtitle": "Канвертаваць тэкст і табліцы PDF у фармат Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Падрыхтаваць PDF для ШI",
+    "subtitle": "Выняць змесціва PDF як JSON LlamaIndex для канвеераў RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Пласты PDF (OCG)",
+    "subtitle": "Прагляд, пераключэнне, даданне і выдаленне пластоў OCG у вашым PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF у PDF/A",
+    "subtitle": "Канвертаваць PDF у PDF/A для доўгатэрміновага архівавання."
+  },
+  "rasterizePdf": {
+    "name": "Растарызаваць PDF",
+    "subtitle": "Канвертаваць PDF у PDF на аснове выяваў. Сплюшчыць пласты і выдаліць выдзяляемы тэкст."
   }
 }
diff --git a/public/locales/de/common.json b/public/locales/de/common.json
index bb23416..cb39144 100644
--- a/public/locales/de/common.json
+++ b/public/locales/de/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Ihre Dateien verlassen nie Ihr Gerät.",
     "addMore": "Weitere Dateien hinzufügen",
     "clearAll": "Alle löschen",
-    "clearFiles": "Dateien löschen"
+    "clearFiles": "Dateien löschen",
+    "hints": {
+      "singlePdf": "Eine einzelne PDF-Datei",
+      "pdfFile": "PDF-Datei",
+      "multiplePdfs2": "Mehrere PDF-Dateien (mindestens 2)",
+      "bmpImages": "BMP-Bilder",
+      "oneOrMorePdfs": "Eine oder mehrere PDF-Dateien",
+      "pdfDocuments": "PDF-Dokumente",
+      "oneOrMoreCsv": "Eine oder mehrere CSV-Dateien",
+      "multiplePdfsSupported": "Mehrere PDF-Dateien unterstützt",
+      "singleOrMultiplePdfs": "Einzelne oder mehrere PDF-Dateien unterstützt",
+      "singlePdfFile": "Einzelne PDF-Datei",
+      "pdfWithForms": "PDF-Datei mit Formularfeldern",
+      "heicImages": "HEIC/HEIF-Bilder",
+      "jpgImages": "JPG, JPEG, JP2, JPX Bilder",
+      "pdfsOrImages": "PDFs oder Bilder",
+      "oneOrMoreOdt": "Eine oder mehrere ODT-Dateien",
+      "singlePdfOnly": "Nur eine einzelne PDF-Datei",
+      "pdfFiles": "PDF-Dateien",
+      "multiplePdfs": "Mehrere PDF-Dateien",
+      "pngImages": "PNG-Bilder",
+      "pdfFilesOneOrMore": "PDF-Dateien (eine oder mehrere)",
+      "oneOrMoreRtf": "Eine oder mehrere RTF-Dateien",
+      "svgGraphics": "SVG-Grafiken",
+      "tiffImages": "TIFF-Bilder",
+      "webpImages": "WebP-Bilder"
+    }
   },
   "loader": {
     "processing": "Verarbeitung..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Verwenden Sie Cookies oder Analysen, um mich zu verfolgen?",
       "answer": "Uns liegt Ihre Privatsphäre am Herzen. BentoPDF verfolgt keine persönlichen Informationen. Wir verwenden Simple Analytics ausschließlich, um anonyme Besucherzahlen zu sehen. Das bedeutet, wir können wissen, wie viele Benutzer unsere Seite besuchen, aber wir wissen nie, wer Sie sind. Simple Analytics ist vollständig DSGVO-konform und respektiert Ihre Privatsphäre."
-    }
+    },
+    "sectionTitle": "Häufig gestellte Fragen"
   },
   "testimonials": {
     "title": "Was unsere",
@@ -321,5 +348,14 @@
     "errorRendering": "Fehler beim Rendern der Seitenvorschau",
     "error": "Fehler",
     "failedToLoad": "Laden fehlgeschlagen"
+  },
+  "howItWorks": {
+    "title": "So funktioniert's",
+    "step1": "Klicken oder Datei hierher ziehen",
+    "step2": "Klicken Sie auf die Verarbeitungsschaltfläche",
+    "step3": "Speichern Sie Ihre verarbeitete Datei sofort"
+  },
+  "relatedTools": {
+    "title": "Verwandte PDF-Tools"
   }
 }
diff --git a/public/locales/de/tools.json b/public/locales/de/tools.json
index 9b423f3..3bad92b 100644
--- a/public/locales/de/tools.json
+++ b/public/locales/de/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "PDF entzerren",
     "subtitle": "Automatisch schiefe gescannte Seiten mit OpenCV begradigen."
+  },
+  "pdfToWord": {
+    "name": "PDF zu Word",
+    "subtitle": "PDF-Dateien in bearbeitbare Word-Dokumente umwandeln."
+  },
+  "extractImages": {
+    "name": "Bilder extrahieren",
+    "subtitle": "Alle eingebetteten Bilder aus Ihren PDF-Dateien extrahieren."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF zu Markdown",
+    "subtitle": "PDF-Text und Tabellen in das Markdown-Format umwandeln."
+  },
+  "preparePdfForAi": {
+    "name": "PDF für KI vorbereiten",
+    "subtitle": "PDF-Inhalte als LlamaIndex JSON für RAG/LLM-Pipelines extrahieren."
+  },
+  "pdfOcg": {
+    "name": "PDF-Ebenen (OCG)",
+    "subtitle": "OCG-Ebenen in Ihrem PDF anzeigen, umschalten, hinzufügen und löschen."
+  },
+  "pdfToPdfa": {
+    "name": "PDF zu PDF/A",
+    "subtitle": "PDF in PDF/A für Langzeitarchivierung umwandeln."
+  },
+  "rasterizePdf": {
+    "name": "PDF rastern",
+    "subtitle": "PDF in bildbasiertes PDF umwandeln. Ebenen glätten und auswählbaren Text entfernen."
   }
 }
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 6550530..aaf1455 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -67,7 +67,42 @@
     "filesNeverLeave": "Your files never leave your device.",
     "addMore": "Add More Files",
     "clearAll": "Clear All",
-    "clearFiles": "Clear Files"
+    "clearFiles": "Clear Files",
+    "hints": {
+      "singlePdf": "A single PDF file",
+      "pdfFile": "PDF file",
+      "multiplePdfs2": "Multiple PDF files (at least 2)",
+      "bmpImages": "BMP images",
+      "oneOrMorePdfs": "One or more PDF files",
+      "pdfDocuments": "PDF Documents",
+      "oneOrMoreCsv": "One or more CSV files",
+      "multiplePdfsSupported": "Multiple PDF files supported",
+      "singleOrMultiplePdfs": "Single or multiple PDF files supported",
+      "singlePdfFile": "Single PDF file",
+      "pdfWithForms": "PDF file with form fields",
+      "heicImages": "HEIC/HEIF images",
+      "jpgImages": "JPG, JPEG, JP2, JPX Images",
+      "pdfsOrImages": "PDFs or Images",
+      "oneOrMoreOdt": "One or more ODT files",
+      "singlePdfOnly": "Single PDF file only",
+      "pdfFiles": "PDF files",
+      "multiplePdfs": "Multiple PDF files",
+      "pngImages": "PNG Images",
+      "pdfFilesOneOrMore": "PDF files (one or more)",
+      "oneOrMoreRtf": "One or more RTF files",
+      "svgGraphics": "SVG Graphics",
+      "tiffImages": "TIFF images",
+      "webpImages": "WebP Images"
+    }
+  },
+  "howItWorks": {
+    "title": "How It Works",
+    "step1": "Click or drag and drop your file to begin",
+    "step2": "Click the process button to start",
+    "step3": "Save your processed file instantly"
+  },
+  "relatedTools": {
+    "title": "Related PDF Tools"
   },
   "loader": {
     "processing": "Processing..."
@@ -140,6 +175,7 @@
   "faq": {
     "title": "Frequently Asked",
     "questions": "Questions",
+    "sectionTitle": "Frequently Asked Questions",
     "isFree": {
       "question": "Is BentoPDF really free?",
       "answer": "Yes, absolutely. All tools on BentoPDF are 100% free to use, with no file limits, no sign-ups, and no watermarks. We believe everyone deserves access to simple, powerful PDF tools without a paywall."
diff --git a/public/locales/en/tools.json b/public/locales/en/tools.json
index b10dca2..1820797 100644
--- a/public/locales/en/tools.json
+++ b/public/locales/en/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Deskew PDF",
     "subtitle": "Automatically straighten tilted scanned pages using OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF to Word",
+    "subtitle": "Convert PDF files to editable Word documents."
+  },
+  "extractImages": {
+    "name": "Extract Images",
+    "subtitle": "Extract all embedded images from your PDF files."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF to Markdown",
+    "subtitle": "Convert PDF text and tables to Markdown format."
+  },
+  "preparePdfForAi": {
+    "name": "Prepare PDF for AI",
+    "subtitle": "Extract PDF content as LlamaIndex JSON for RAG/LLM pipelines."
+  },
+  "pdfOcg": {
+    "name": "PDF OCG",
+    "subtitle": "View, toggle, add, and delete OCG layers in your PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF to PDF/A",
+    "subtitle": "Convert PDF to PDF/A for long-term archiving."
+  },
+  "rasterizePdf": {
+    "name": "Rasterize PDF",
+    "subtitle": "Convert PDF to image-based PDF. Flatten layers and remove selectable text."
   }
 }
diff --git a/public/locales/es/common.json b/public/locales/es/common.json
index 274f081..71e0f3a 100644
--- a/public/locales/es/common.json
+++ b/public/locales/es/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Tus archivos nunca salen de tu dispositivo.",
     "addMore": "Agregar Más Archivos",
     "clearAll": "Limpiar Todo",
-    "clearFiles": "Borrar archivos"
+    "clearFiles": "Borrar archivos",
+    "hints": {
+      "singlePdf": "Un solo archivo PDF",
+      "pdfFile": "Archivo PDF",
+      "multiplePdfs2": "Múltiples archivos PDF (al menos 2)",
+      "bmpImages": "Imágenes BMP",
+      "oneOrMorePdfs": "Uno o más archivos PDF",
+      "pdfDocuments": "Documentos PDF",
+      "oneOrMoreCsv": "Uno o más archivos CSV",
+      "multiplePdfsSupported": "Múltiples archivos PDF compatibles",
+      "singleOrMultiplePdfs": "Uno o varios archivos PDF compatibles",
+      "singlePdfFile": "Un solo archivo PDF",
+      "pdfWithForms": "Archivo PDF con campos de formulario",
+      "heicImages": "Imágenes HEIC/HEIF",
+      "jpgImages": "Imágenes JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDFs o imágenes",
+      "oneOrMoreOdt": "Uno o más archivos ODT",
+      "singlePdfOnly": "Solo un archivo PDF",
+      "pdfFiles": "Archivos PDF",
+      "multiplePdfs": "Múltiples archivos PDF",
+      "pngImages": "Imágenes PNG",
+      "pdfFilesOneOrMore": "Archivos PDF (uno o más)",
+      "oneOrMoreRtf": "Uno o más archivos RTF",
+      "svgGraphics": "Gráficos SVG",
+      "tiffImages": "Imágenes TIFF",
+      "webpImages": "Imágenes WebP"
+    }
   },
   "loader": {
     "processing": "Procesando..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "¿Usan cookies o análisis para rastrearme?",
       "answer": "Nos preocupamos por tu privacidad. BentoPDF no rastrea información personal. Usamos Simple Analytics únicamente para ver recuentos de visitas anónimas. Esto significa que podemos saber cuántos usuarios visitan nuestro sitio, pero nunca sabemos quién eres. Simple Analytics cumple completamente con GDPR y respeta tu privacidad."
-    }
+    },
+    "sectionTitle": "Preguntas frecuentes"
   },
   "testimonials": {
     "title": "Lo que Nuestros",
@@ -321,5 +348,14 @@
     "errorRendering": "Error al renderizar miniaturas de páginas",
     "error": "Error",
     "failedToLoad": "Error al cargar"
+  },
+  "howItWorks": {
+    "title": "Cómo funciona",
+    "step1": "Haz clic o arrastra tu archivo aquí",
+    "step2": "Haz clic en el botón de procesar",
+    "step3": "Guarda tu archivo procesado al instante"
+  },
+  "relatedTools": {
+    "title": "Herramientas PDF relacionadas"
   }
 }
diff --git a/public/locales/es/tools.json b/public/locales/es/tools.json
index 13bff44..c578dd1 100644
--- a/public/locales/es/tools.json
+++ b/public/locales/es/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Enderezar PDF",
     "subtitle": "Endereza automáticamente páginas escaneadas inclinadas usando OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF a Word",
+    "subtitle": "Convertir archivos PDF a documentos Word editables."
+  },
+  "extractImages": {
+    "name": "Extraer imágenes",
+    "subtitle": "Extraer todas las imágenes incrustadas de sus archivos PDF."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF a Markdown",
+    "subtitle": "Convertir texto y tablas de PDF a formato Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Preparar PDF para IA",
+    "subtitle": "Extraer contenido PDF como JSON de LlamaIndex para pipelines RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Capas PDF (OCG)",
+    "subtitle": "Ver, alternar, agregar y eliminar capas OCG en su PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF a PDF/A",
+    "subtitle": "Convertir PDF a PDF/A para archivado a largo plazo."
+  },
+  "rasterizePdf": {
+    "name": "Rasterizar PDF",
+    "subtitle": "Convertir PDF a PDF basado en imágenes. Aplanar capas y eliminar texto seleccionable."
   }
 }
diff --git a/public/locales/fr/common.json b/public/locales/fr/common.json
index a4a2366..a1054ab 100644
--- a/public/locales/fr/common.json
+++ b/public/locales/fr/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Vos fichiers restent sur votre appareil.",
     "addMore": "Ajouter d’autres fichiers",
     "clearAll": "Tout effacer",
-    "clearFiles": "Effacer les fichiers"
+    "clearFiles": "Effacer les fichiers",
+    "hints": {
+      "singlePdf": "Un seul fichier PDF",
+      "pdfFile": "Fichier PDF",
+      "multiplePdfs2": "Plusieurs fichiers PDF (au moins 2)",
+      "bmpImages": "Images BMP",
+      "oneOrMorePdfs": "Un ou plusieurs fichiers PDF",
+      "pdfDocuments": "Documents PDF",
+      "oneOrMoreCsv": "Un ou plusieurs fichiers CSV",
+      "multiplePdfsSupported": "Plusieurs fichiers PDF pris en charge",
+      "singleOrMultiplePdfs": "Un ou plusieurs fichiers PDF pris en charge",
+      "singlePdfFile": "Un seul fichier PDF",
+      "pdfWithForms": "Fichier PDF avec champs de formulaire",
+      "heicImages": "Images HEIC/HEIF",
+      "jpgImages": "Images JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDFs ou images",
+      "oneOrMoreOdt": "Un ou plusieurs fichiers ODT",
+      "singlePdfOnly": "Un seul fichier PDF uniquement",
+      "pdfFiles": "Fichiers PDF",
+      "multiplePdfs": "Plusieurs fichiers PDF",
+      "pngImages": "Images PNG",
+      "pdfFilesOneOrMore": "Fichiers PDF (un ou plusieurs)",
+      "oneOrMoreRtf": "Un ou plusieurs fichiers RTF",
+      "svgGraphics": "Graphiques SVG",
+      "tiffImages": "Images TIFF",
+      "webpImages": "Images WebP"
+    }
   },
   "loader": {
     "processing": "Traitement en cours..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Utilisez-vous des cookies ou des outils de suivi ?",
       "answer": "Nous respectons votre vie privée. BentoPDF utilise uniquement des statistiques anonymes pour connaître le nombre de visites, sans jamais identifier les utilisateurs."
-    }
+    },
+    "sectionTitle": "Questions fréquemment posées"
   },
   "testimonials": {
     "title": "Ce que disent",
@@ -321,5 +348,14 @@
     "errorRendering": "Échec du rendu des miniatures",
     "error": "Erreur",
     "failedToLoad": "Échec du chargement"
+  },
+  "howItWorks": {
+    "title": "Comment ça marche",
+    "step1": "Cliquez ou glissez votre fichier ici",
+    "step2": "Cliquez sur le bouton de traitement",
+    "step3": "Enregistrez votre fichier traité instantanément"
+  },
+  "relatedTools": {
+    "title": "Outils PDF associés"
   }
 }
diff --git a/public/locales/fr/tools.json b/public/locales/fr/tools.json
index 6d1fe3d..25401dd 100644
--- a/public/locales/fr/tools.json
+++ b/public/locales/fr/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Redresser un PDF",
     "subtitle": "Redresser automatiquement les pages scannées inclinées à l’aide d’OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF vers Word",
+    "subtitle": "Convertir des fichiers PDF en documents Word modifiables."
+  },
+  "extractImages": {
+    "name": "Extraire les images",
+    "subtitle": "Extraire toutes les images intégrées de vos fichiers PDF."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF vers Markdown",
+    "subtitle": "Convertir le texte et les tableaux PDF au format Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Préparer le PDF pour l'IA",
+    "subtitle": "Extraire le contenu PDF en JSON LlamaIndex pour les pipelines RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Calques PDF (OCG)",
+    "subtitle": "Afficher, basculer, ajouter et supprimer les calques OCG de votre PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF vers PDF/A",
+    "subtitle": "Convertir un PDF en PDF/A pour l'archivage à long terme."
+  },
+  "rasterizePdf": {
+    "name": "Rastériser le PDF",
+    "subtitle": "Convertir un PDF en PDF basé sur des images. Aplatir les calques et supprimer le texte sélectionnable."
   }
 }
diff --git a/public/locales/id/common.json b/public/locales/id/common.json
index cd52487..6fbc93c 100644
--- a/public/locales/id/common.json
+++ b/public/locales/id/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "File Anda tidak pernah meninggalkan perangkat Anda.",
     "addMore": "Tambah Lebih Banyak File",
     "clearAll": "Hapus Semua",
-    "clearFiles": "Hapus file"
+    "clearFiles": "Hapus file",
+    "hints": {
+      "singlePdf": "Satu file PDF",
+      "pdfFile": "File PDF",
+      "multiplePdfs2": "Beberapa file PDF (minimal 2)",
+      "bmpImages": "Gambar BMP",
+      "oneOrMorePdfs": "Satu atau lebih file PDF",
+      "pdfDocuments": "Dokumen PDF",
+      "oneOrMoreCsv": "Satu atau lebih file CSV",
+      "multiplePdfsSupported": "Beberapa file PDF didukung",
+      "singleOrMultiplePdfs": "Satu atau beberapa file PDF didukung",
+      "singlePdfFile": "Satu file PDF",
+      "pdfWithForms": "File PDF dengan kolom formulir",
+      "heicImages": "Gambar HEIC/HEIF",
+      "jpgImages": "Gambar JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDF atau gambar",
+      "oneOrMoreOdt": "Satu atau lebih file ODT",
+      "singlePdfOnly": "Hanya satu file PDF",
+      "pdfFiles": "File PDF",
+      "multiplePdfs": "Beberapa file PDF",
+      "pngImages": "Gambar PNG",
+      "pdfFilesOneOrMore": "File PDF (satu atau lebih)",
+      "oneOrMoreRtf": "Satu atau lebih file RTF",
+      "svgGraphics": "Grafik SVG",
+      "tiffImages": "Gambar TIFF",
+      "webpImages": "Gambar WebP"
+    }
   },
   "loader": {
     "processing": "Memproses..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Apakah Anda menggunakan cookie atau analitik untuk melacak saya?",
       "answer": "Kami peduli dengan privasi Anda. BentoPDF tidak melacak informasi pribadi. Kami menggunakan Simple Analytics hanya untuk melihat jumlah kunjungan anonim. Ini berarti kami dapat mengetahui berapa banyak pengguna yang mengunjungi situs kami, tetapi kami tidak pernah tahu siapa Anda. Simple Analytics sepenuhnya patuh GDPR dan menghormati privasi Anda."
-    }
+    },
+    "sectionTitle": "Pertanyaan yang Sering Diajukan"
   },
   "testimonials": {
     "title": "Apa Kata",
@@ -321,5 +348,14 @@
     "errorRendering": "Gagal merender thumbnail halaman",
     "error": "Kesalahan",
     "failedToLoad": "Gagal memuat"
+  },
+  "howItWorks": {
+    "title": "Cara Kerja",
+    "step1": "Klik atau seret file Anda ke sini",
+    "step2": "Klik tombol proses untuk memulai",
+    "step3": "Simpan file yang diproses secara instan"
+  },
+  "relatedTools": {
+    "title": "Alat PDF Terkait"
   }
 }
diff --git a/public/locales/id/tools.json b/public/locales/id/tools.json
index 78b0cff..c28706c 100644
--- a/public/locales/id/tools.json
+++ b/public/locales/id/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Luruskan PDF",
     "subtitle": "Otomatis meluruskan halaman hasil pindai yang miring menggunakan OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF ke Word",
+    "subtitle": "Konversi file PDF ke dokumen Word yang dapat diedit."
+  },
+  "extractImages": {
+    "name": "Ekstrak Gambar",
+    "subtitle": "Ekstrak semua gambar yang tertanam dari file PDF Anda."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF ke Markdown",
+    "subtitle": "Konversi teks dan tabel PDF ke format Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Siapkan PDF untuk AI",
+    "subtitle": "Ekstrak konten PDF sebagai JSON LlamaIndex untuk pipeline RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Lapisan PDF (OCG)",
+    "subtitle": "Lihat, beralih, tambah, dan hapus lapisan OCG di PDF Anda."
+  },
+  "pdfToPdfa": {
+    "name": "PDF ke PDF/A",
+    "subtitle": "Konversi PDF ke PDF/A untuk pengarsipan jangka panjang."
+  },
+  "rasterizePdf": {
+    "name": "Rasterisasi PDF",
+    "subtitle": "Konversi PDF ke PDF berbasis gambar. Ratakan lapisan dan hapus teks yang dapat dipilih."
   }
 }
diff --git a/public/locales/it/common.json b/public/locales/it/common.json
index c71f284..573a9d4 100644
--- a/public/locales/it/common.json
+++ b/public/locales/it/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "I tuoi file non lasciano mai il tuo dispositivo.",
     "addMore": "Aggiungi altri file",
     "clearAll": "Svuota tutto",
-    "clearFiles": "Cancella file"
+    "clearFiles": "Cancella file",
+    "hints": {
+      "singlePdf": "Un singolo file PDF",
+      "pdfFile": "File PDF",
+      "multiplePdfs2": "Più file PDF (almeno 2)",
+      "bmpImages": "Immagini BMP",
+      "oneOrMorePdfs": "Uno o più file PDF",
+      "pdfDocuments": "Documenti PDF",
+      "oneOrMoreCsv": "Uno o più file CSV",
+      "multiplePdfsSupported": "Più file PDF supportati",
+      "singleOrMultiplePdfs": "Uno o più file PDF supportati",
+      "singlePdfFile": "Un singolo file PDF",
+      "pdfWithForms": "File PDF con campi modulo",
+      "heicImages": "Immagini HEIC/HEIF",
+      "jpgImages": "Immagini JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDF o immagini",
+      "oneOrMoreOdt": "Uno o più file ODT",
+      "singlePdfOnly": "Solo un file PDF",
+      "pdfFiles": "File PDF",
+      "multiplePdfs": "Più file PDF",
+      "pngImages": "Immagini PNG",
+      "pdfFilesOneOrMore": "File PDF (uno o più)",
+      "oneOrMoreRtf": "Uno o più file RTF",
+      "svgGraphics": "Grafica SVG",
+      "tiffImages": "Immagini TIFF",
+      "webpImages": "Immagini WebP"
+    }
   },
   "loader": {
     "processing": "Elaborazione..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Usate cookie o analytics per tracciarmi?",
       "answer": "Ci teniamo alla tua privacy. BentoPDF non traccia informazioni personali. Usiamo Simple Analytics solo per visualizzare conteggi di visite anonime. Questo significa che possiamo sapere quante persone visitano il sito, ma non chi sei. Simple Analytics è pienamente conforme al GDPR e rispetta la tua privacy."
-    }
+    },
+    "sectionTitle": "Domande frequenti"
   },
   "testimonials": {
     "title": "Cosa",
@@ -321,5 +348,14 @@
     "errorRendering": "Impossibile generare le miniature delle pagine",
     "error": "Errore",
     "failedToLoad": "Caricamento fallito"
+  },
+  "howItWorks": {
+    "title": "Come funziona",
+    "step1": "Clicca o trascina il tuo file qui",
+    "step2": "Clicca il pulsante di elaborazione",
+    "step3": "Salva il tuo file elaborato istantaneamente"
+  },
+  "relatedTools": {
+    "title": "Strumenti PDF correlati"
   }
 }
diff --git a/public/locales/it/tools.json b/public/locales/it/tools.json
index 4d5254f..8794fcd 100644
--- a/public/locales/it/tools.json
+++ b/public/locales/it/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Raddrizza PDF",
     "subtitle": "Raddrizza automaticamente le pagine scansionate inclinate usando OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF in Word",
+    "subtitle": "Converti file PDF in documenti Word modificabili."
+  },
+  "extractImages": {
+    "name": "Estrai immagini",
+    "subtitle": "Estrai tutte le immagini incorporate dai tuoi file PDF."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF in Markdown",
+    "subtitle": "Converti testo e tabelle PDF in formato Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Prepara PDF per IA",
+    "subtitle": "Estrai il contenuto PDF come JSON LlamaIndex per pipeline RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Livelli PDF (OCG)",
+    "subtitle": "Visualizza, attiva/disattiva, aggiungi ed elimina livelli OCG nel tuo PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF in PDF/A",
+    "subtitle": "Converti PDF in PDF/A per l'archiviazione a lungo termine."
+  },
+  "rasterizePdf": {
+    "name": "Rasterizza PDF",
+    "subtitle": "Converti PDF in PDF basato su immagini. Appiattisci i livelli e rimuovi il testo selezionabile."
   }
 }
diff --git a/public/locales/nl/common.json b/public/locales/nl/common.json
index 913ce4f..7ee18dd 100644
--- a/public/locales/nl/common.json
+++ b/public/locales/nl/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Je bestanden blijven op jouw apparaat.",
     "addMore": "Meer bestanden toevoegen",
     "clearAll": "Alles wissen",
-    "clearFiles": "Bestanden wissen"
+    "clearFiles": "Bestanden wissen",
+    "hints": {
+      "singlePdf": "Een enkel PDF-bestand",
+      "pdfFile": "PDF-bestand",
+      "multiplePdfs2": "Meerdere PDF-bestanden (minimaal 2)",
+      "bmpImages": "BMP-afbeeldingen",
+      "oneOrMorePdfs": "Een of meer PDF-bestanden",
+      "pdfDocuments": "PDF-documenten",
+      "oneOrMoreCsv": "Een of meer CSV-bestanden",
+      "multiplePdfsSupported": "Meerdere PDF-bestanden ondersteund",
+      "singleOrMultiplePdfs": "Enkel of meerdere PDF-bestanden ondersteund",
+      "singlePdfFile": "Enkel PDF-bestand",
+      "pdfWithForms": "PDF-bestand met formuliervelden",
+      "heicImages": "HEIC/HEIF-afbeeldingen",
+      "jpgImages": "JPG, JPEG, JP2, JPX afbeeldingen",
+      "pdfsOrImages": "PDF's of afbeeldingen",
+      "oneOrMoreOdt": "Een of meer ODT-bestanden",
+      "singlePdfOnly": "Alleen een enkel PDF-bestand",
+      "pdfFiles": "PDF-bestanden",
+      "multiplePdfs": "Meerdere PDF-bestanden",
+      "pngImages": "PNG-afbeeldingen",
+      "pdfFilesOneOrMore": "PDF-bestanden (een of meer)",
+      "oneOrMoreRtf": "Een of meer RTF-bestanden",
+      "svgGraphics": "SVG-graphics",
+      "tiffImages": "TIFF-afbeeldingen",
+      "webpImages": "WebP-afbeeldingen"
+    }
   },
   "loader": {
     "processing": "Verwerken..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Gebruikt BentoPDF cookies of analytics om mij te volgen?",
       "answer": "We geven om je privacy. BentoPDF houdt geen persoonlijke gegevens bij. We gebruiken Simple Analytics alleen om anonieme bezoekersaantallen te zien. Dit betekent dat we kunnen weten hoeveel mensen onze site bezoeken, maar we weten nooit wie jij bent. Simple Analytics is volledig AVG-conform en respecteert je privacy."
-    }
+    },
+    "sectionTitle": "Veelgestelde vragen"
   },
   "testimonials": {
     "title": "Wat onze",
@@ -321,5 +348,14 @@
     "errorRendering": "Generatie van pagina-miniaturen is mislukt",
     "error": "Fout",
     "failedToLoad": "Laden is mislukt"
+  },
+  "howItWorks": {
+    "title": "Hoe het werkt",
+    "step1": "Klik of sleep uw bestand hierheen",
+    "step2": "Klik op de verwerkingsknop",
+    "step3": "Sla uw verwerkte bestand direct op"
+  },
+  "relatedTools": {
+    "title": "Gerelateerde PDF-tools"
   }
 }
diff --git a/public/locales/nl/tools.json b/public/locales/nl/tools.json
index 004d1e7..a538349 100644
--- a/public/locales/nl/tools.json
+++ b/public/locales/nl/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "PDF rechttrekken",
     "subtitle": "Automatisch rechttrekken van scheef gescande pagina's met OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF naar Word",
+    "subtitle": "Converteer PDF-bestanden naar bewerkbare Word-documenten."
+  },
+  "extractImages": {
+    "name": "Afbeeldingen extraheren",
+    "subtitle": "Extraheer alle ingesloten afbeeldingen uit uw PDF-bestanden."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF naar Markdown",
+    "subtitle": "Converteer PDF-tekst en tabellen naar Markdown-formaat."
+  },
+  "preparePdfForAi": {
+    "name": "PDF voorbereiden voor AI",
+    "subtitle": "Extraheer PDF-inhoud als LlamaIndex JSON voor RAG/LLM-pipelines."
+  },
+  "pdfOcg": {
+    "name": "PDF-lagen (OCG)",
+    "subtitle": "Bekijk, schakel, voeg toe en verwijder OCG-lagen in uw PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF naar PDF/A",
+    "subtitle": "Converteer PDF naar PDF/A voor langetermijnarchivering."
+  },
+  "rasterizePdf": {
+    "name": "PDF rasteren",
+    "subtitle": "Converteer PDF naar beeldgebaseerde PDF. Lagen afvlakken en selecteerbare tekst verwijderen."
   }
 }
diff --git a/public/locales/pt/common.json b/public/locales/pt/common.json
index f19e3bf..04879ed 100644
--- a/public/locales/pt/common.json
+++ b/public/locales/pt/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Seus arquivos nunca saem do seu dispositivo.",
     "addMore": "Adicionar Mais Arquivos",
     "clearAll": "Limpar Tudo",
-    "clearFiles": "Limpar arquivos"
+    "clearFiles": "Limpar arquivos",
+    "hints": {
+      "singlePdf": "Um único arquivo PDF",
+      "pdfFile": "Arquivo PDF",
+      "multiplePdfs2": "Múltiplos arquivos PDF (pelo menos 2)",
+      "bmpImages": "Imagens BMP",
+      "oneOrMorePdfs": "Um ou mais arquivos PDF",
+      "pdfDocuments": "Documentos PDF",
+      "oneOrMoreCsv": "Um ou mais arquivos CSV",
+      "multiplePdfsSupported": "Múltiplos arquivos PDF suportados",
+      "singleOrMultiplePdfs": "Um ou vários arquivos PDF suportados",
+      "singlePdfFile": "Um único arquivo PDF",
+      "pdfWithForms": "Arquivo PDF com campos de formulário",
+      "heicImages": "Imagens HEIC/HEIF",
+      "jpgImages": "Imagens JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDFs ou imagens",
+      "oneOrMoreOdt": "Um ou mais arquivos ODT",
+      "singlePdfOnly": "Apenas um arquivo PDF",
+      "pdfFiles": "Arquivos PDF",
+      "multiplePdfs": "Múltiplos arquivos PDF",
+      "pngImages": "Imagens PNG",
+      "pdfFilesOneOrMore": "Arquivos PDF (um ou mais)",
+      "oneOrMoreRtf": "Um ou mais arquivos RTF",
+      "svgGraphics": "Gráficos SVG",
+      "tiffImages": "Imagens TIFF",
+      "webpImages": "Imagens WebP"
+    }
   },
   "loader": {
     "processing": "Processando..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Vocês usam cookies ou rastreamento?",
       "answer": "Usamos apenas o Simple Analytics para contar visitas de forma anônima. Sabemos quantos usuários nos visitam, mas nunca quem você é. O sistema respeita totalmente a GDPR."
-    }
+    },
+    "sectionTitle": "Perguntas frequentes"
   },
   "testimonials": {
     "title": "O que nossos",
@@ -321,5 +348,14 @@
     "errorRendering": "Falha ao renderizar miniaturas das páginas",
     "error": "Erro",
     "failedToLoad": "Falha ao carregar"
+  },
+  "howItWorks": {
+    "title": "Como funciona",
+    "step1": "Clique ou arraste seu arquivo aqui",
+    "step2": "Clique no botão de processamento",
+    "step3": "Salve seu arquivo processado instantaneamente"
+  },
+  "relatedTools": {
+    "title": "Ferramentas PDF relacionadas"
   }
 }
diff --git a/public/locales/pt/tools.json b/public/locales/pt/tools.json
index 4903d67..1ffc23b 100644
--- a/public/locales/pt/tools.json
+++ b/public/locales/pt/tools.json
@@ -538,5 +538,33 @@
     "name": "Validar Assinatura PDF",
     "pageTitle": "Validar Assinatura PDF - Verificar Assinaturas Digitais | BentoPDF",
     "subtitle": "Verifique assinaturas digitais em seus arquivos PDF. Verifique a validade do certificado e a integridade do documento."
+  },
+  "pdfToWord": {
+    "name": "PDF para Word",
+    "subtitle": "Converter arquivos PDF em documentos Word editáveis."
+  },
+  "extractImages": {
+    "name": "Extrair Imagens",
+    "subtitle": "Extrair todas as imagens incorporadas dos seus arquivos PDF."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF para Markdown",
+    "subtitle": "Converter texto e tabelas de PDF para formato Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Preparar PDF para IA",
+    "subtitle": "Extrair conteúdo PDF como JSON LlamaIndex para pipelines RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Camadas PDF (OCG)",
+    "subtitle": "Visualizar, alternar, adicionar e excluir camadas OCG no seu PDF."
+  },
+  "pdfToPdfa": {
+    "name": "PDF para PDF/A",
+    "subtitle": "Converter PDF em PDF/A para arquivamento de longo prazo."
+  },
+  "rasterizePdf": {
+    "name": "Rasterizar PDF",
+    "subtitle": "Converter PDF em PDF baseado em imagens. Achatar camadas e remover texto selecionável."
   }
 }
diff --git a/public/locales/tr/common.json b/public/locales/tr/common.json
index 5d34ab5..d344824 100644
--- a/public/locales/tr/common.json
+++ b/public/locales/tr/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Dosyalarınız cihazınızı asla terk etmez.",
     "addMore": "Daha Fazla Dosya Ekle",
     "clearAll": "Tümünü Temizle",
-    "clearFiles": "Dosyaları temizle"
+    "clearFiles": "Dosyaları temizle",
+    "hints": {
+      "singlePdf": "Tek bir PDF dosyası",
+      "pdfFile": "PDF dosyası",
+      "multiplePdfs2": "Birden fazla PDF dosyası (en az 2)",
+      "bmpImages": "BMP görüntüler",
+      "oneOrMorePdfs": "Bir veya daha fazla PDF dosyası",
+      "pdfDocuments": "PDF belgeleri",
+      "oneOrMoreCsv": "Bir veya daha fazla CSV dosyası",
+      "multiplePdfsSupported": "Birden fazla PDF dosyası desteklenir",
+      "singleOrMultiplePdfs": "Tek veya birden fazla PDF dosyası desteklenir",
+      "singlePdfFile": "Tek PDF dosyası",
+      "pdfWithForms": "Form alanları olan PDF dosyası",
+      "heicImages": "HEIC/HEIF görüntüler",
+      "jpgImages": "JPG, JPEG, JP2, JPX Görüntüler",
+      "pdfsOrImages": "PDF'ler veya görüntüler",
+      "oneOrMoreOdt": "Bir veya daha fazla ODT dosyası",
+      "singlePdfOnly": "Yalnızca tek PDF dosyası",
+      "pdfFiles": "PDF dosyaları",
+      "multiplePdfs": "Birden fazla PDF dosyası",
+      "pngImages": "PNG Görüntüler",
+      "pdfFilesOneOrMore": "PDF dosyaları (bir veya daha fazla)",
+      "oneOrMoreRtf": "Bir veya daha fazla RTF dosyası",
+      "svgGraphics": "SVG Grafikler",
+      "tiffImages": "TIFF görüntüler",
+      "webpImages": "WebP Görüntüler"
+    }
   },
   "loader": {
     "processing": "İşleniyor..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Beni takip etmek için çerez veya analiz kullanıyor musunuz?",
       "answer": "Gizliliğinizi önemsiyoruz. BentoPDF kişisel bilgileri takip etmez. Sadece anonim ziyaretçi sayılarını görmek için Simple Analytics kullanıyoruz. Bu, sitemizi kaç kişinin ziyaret ettiğini görebileceğimiz, ancak kim olduğunuzu asla bilemeyeceğimiz anlamına gelir. Simple Analytics tamamen GDPR uyumludur ve gizliliğinize saygı gösterir."
-    }
+    },
+    "sectionTitle": "Sıkça Sorulan Sorular"
   },
   "testimonials": {
     "title": "Kullanıcılarımız",
@@ -321,5 +348,14 @@
     "errorRendering": "Sayfa küçük resimleri oluşturulamadı",
     "error": "Hata",
     "failedToLoad": "Yüklenemedi"
+  },
+  "howItWorks": {
+    "title": "Nasıl Çalışır",
+    "step1": "Dosyanızı tıklayın veya sürükleyin",
+    "step2": "İşlem düğmesine tıklayın",
+    "step3": "İşlenmiş dosyanızı anında kaydedin"
+  },
+  "relatedTools": {
+    "title": "İlgili PDF Araçları"
   }
 }
diff --git a/public/locales/tr/tools.json b/public/locales/tr/tools.json
index 23f3818..e41b719 100644
--- a/public/locales/tr/tools.json
+++ b/public/locales/tr/tools.json
@@ -538,5 +538,33 @@
     "name": "Validate PDF Signature",
     "pageTitle": "Validate PDF Signature - Verify Digital Signatures | BentoPDF",
     "subtitle": "Verify digital signatures in your PDF files. Check certificate validity, view signer details, and confirm document integrity. All processing happens in your browser."
+  },
+  "pdfToWord": {
+    "name": "PDF'den Word'e",
+    "subtitle": "PDF dosyalarını düzenlenebilir Word belgelerine dönüştürün."
+  },
+  "extractImages": {
+    "name": "Görüntüleri Çıkar",
+    "subtitle": "PDF dosyalarınızdaki tüm gömülü görüntüleri çıkarın."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF'den Markdown'a",
+    "subtitle": "PDF metin ve tablolarını Markdown formatına dönüştürün."
+  },
+  "preparePdfForAi": {
+    "name": "PDF'yi Yapay Zeka için Hazırla",
+    "subtitle": "RAG/LLM iş hatları için PDF içeriğini LlamaIndex JSON olarak çıkarın."
+  },
+  "pdfOcg": {
+    "name": "PDF Katmanları (OCG)",
+    "subtitle": "PDF'nizdeki OCG katmanlarını görüntüleyin, değiştirin, ekleyin ve silin."
+  },
+  "pdfToPdfa": {
+    "name": "PDF'den PDF/A'ya",
+    "subtitle": "Uzun süreli arşivleme için PDF'yi PDF/A'ya dönüştürün."
+  },
+  "rasterizePdf": {
+    "name": "PDF'yi Rasterleştir",
+    "subtitle": "PDF'yi görüntü tabanlı PDF'ye dönüştürün. Katmanları düzleştirin ve seçilebilir metni kaldırın."
   }
 }
diff --git a/public/locales/vi/common.json b/public/locales/vi/common.json
index 2005ef7..a778bff 100644
--- a/public/locales/vi/common.json
+++ b/public/locales/vi/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "Tệp của bạn không bao giờ rời khỏi thiết bị.",
     "addMore": "Thêm tệp",
     "clearAll": "Xóa tất cả",
-    "clearFiles": "Xóa tệp"
+    "clearFiles": "Xóa tệp",
+    "hints": {
+      "singlePdf": "Một tệp PDF duy nhất",
+      "pdfFile": "Tệp PDF",
+      "multiplePdfs2": "Nhiều tệp PDF (ít nhất 2)",
+      "bmpImages": "Ảnh BMP",
+      "oneOrMorePdfs": "Một hoặc nhiều tệp PDF",
+      "pdfDocuments": "Tài liệu PDF",
+      "oneOrMoreCsv": "Một hoặc nhiều tệp CSV",
+      "multiplePdfsSupported": "Hỗ trợ nhiều tệp PDF",
+      "singleOrMultiplePdfs": "Hỗ trợ một hoặc nhiều tệp PDF",
+      "singlePdfFile": "Một tệp PDF",
+      "pdfWithForms": "Tệp PDF có trường biểu mẫu",
+      "heicImages": "Ảnh HEIC/HEIF",
+      "jpgImages": "Ảnh JPG, JPEG, JP2, JPX",
+      "pdfsOrImages": "PDF hoặc hình ảnh",
+      "oneOrMoreOdt": "Một hoặc nhiều tệp ODT",
+      "singlePdfOnly": "Chỉ một tệp PDF duy nhất",
+      "pdfFiles": "Tệp PDF",
+      "multiplePdfs": "Nhiều tệp PDF",
+      "pngImages": "Ảnh PNG",
+      "pdfFilesOneOrMore": "Tệp PDF (một hoặc nhiều)",
+      "oneOrMoreRtf": "Một hoặc nhiều tệp RTF",
+      "svgGraphics": "Đồ họa SVG",
+      "tiffImages": "Ảnh TIFF",
+      "webpImages": "Ảnh WebP"
+    }
   },
   "loader": {
     "processing": "Đang xử lý..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "Bạn có sử dụng cookie hoặc phân tích để theo dõi tôi không?",
       "answer": "Chúng tôi quan tâm đến quyền riêng tư của bạn. BentoPDF không theo dõi thông tin cá nhân. Chúng tôi chỉ sử dụng Simple Analytics để xem số lượt truy cập ẩn danh. Điều này có nghĩa là chúng tôi có thể biết có bao nhiêu người dùng truy cập trang web của chúng tôi, nhưng chúng tôi không bao giờ biết bạn là ai. Simple Analytics hoàn toàn tuân thủ GDPR và tôn trọng quyền riêng tư của bạn."
-    }
+    },
+    "sectionTitle": "Câu hỏi thường gặp"
   },
   "testimonials": {
     "title": "Người dùng",
@@ -321,5 +348,14 @@
     "errorRendering": "Không thể kết xuất hình thu nhỏ trang",
     "error": "Lỗi",
     "failedToLoad": "Không thể tải"
+  },
+  "howItWorks": {
+    "title": "Cách thức hoạt động",
+    "step1": "Nhấp hoặc kéo tệp của bạn vào đây",
+    "step2": "Nhấp vào nút xử lý để bắt đầu",
+    "step3": "Lưu tệp đã xử lý ngay lập tức"
+  },
+  "relatedTools": {
+    "title": "Công cụ PDF liên quan"
   }
 }
diff --git a/public/locales/vi/tools.json b/public/locales/vi/tools.json
index 5b0d540..702430f 100644
--- a/public/locales/vi/tools.json
+++ b/public/locales/vi/tools.json
@@ -560,5 +560,33 @@
   "deskewPdf": {
     "name": "Chỉnh nghiêng PDF",
     "subtitle": "Tự động làm thẳng các trang quét bị nghiêng bằng OpenCV."
+  },
+  "pdfToWord": {
+    "name": "PDF sang Word",
+    "subtitle": "Chuyển đổi tệp PDF thành tài liệu Word có thể chỉnh sửa."
+  },
+  "extractImages": {
+    "name": "Trích xuất hình ảnh",
+    "subtitle": "Trích xuất tất cả hình ảnh nhúng từ tệp PDF của bạn."
+  },
+  "pdfToMarkdown": {
+    "name": "PDF sang Markdown",
+    "subtitle": "Chuyển đổi văn bản và bảng PDF sang định dạng Markdown."
+  },
+  "preparePdfForAi": {
+    "name": "Chuẩn bị PDF cho AI",
+    "subtitle": "Trích xuất nội dung PDF dưới dạng JSON LlamaIndex cho quy trình RAG/LLM."
+  },
+  "pdfOcg": {
+    "name": "Lớp PDF (OCG)",
+    "subtitle": "Xem, chuyển đổi, thêm và xóa các lớp OCG trong PDF của bạn."
+  },
+  "pdfToPdfa": {
+    "name": "PDF sang PDF/A",
+    "subtitle": "Chuyển đổi PDF sang PDF/A để lưu trữ lâu dài."
+  },
+  "rasterizePdf": {
+    "name": "Rasterize PDF",
+    "subtitle": "Chuyển đổi PDF thành PDF dựa trên hình ảnh. Làm phẳng các lớp và xóa văn bản có thể chọn."
   }
 }
diff --git a/public/locales/zh-TW/common.json b/public/locales/zh-TW/common.json
index 2b2b033..ea07a4d 100644
--- a/public/locales/zh-TW/common.json
+++ b/public/locales/zh-TW/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "你的檔案永遠不會離開你的裝置。",
     "addMore": "添加更多檔案",
     "clearAll": "清除全部",
-    "clearFiles": "清除檔案"
+    "clearFiles": "清除檔案",
+    "hints": {
+      "singlePdf": "單個 PDF 檔案",
+      "pdfFile": "PDF 檔案",
+      "multiplePdfs2": "多個 PDF 檔案（至少 2 個）",
+      "bmpImages": "BMP 圖片",
+      "oneOrMorePdfs": "一個或多個 PDF 檔案",
+      "pdfDocuments": "PDF 文件",
+      "oneOrMoreCsv": "一個或多個 CSV 檔案",
+      "multiplePdfsSupported": "支援多個 PDF 檔案",
+      "singleOrMultiplePdfs": "支援單個或多個 PDF 檔案",
+      "singlePdfFile": "單個 PDF 檔案",
+      "pdfWithForms": "含有表單欄位的 PDF 檔案",
+      "heicImages": "HEIC/HEIF 圖片",
+      "jpgImages": "JPG、JPEG、JP2、JPX 圖片",
+      "pdfsOrImages": "PDF 或圖片",
+      "oneOrMoreOdt": "一個或多個 ODT 檔案",
+      "singlePdfOnly": "僅限單個 PDF 檔案",
+      "pdfFiles": "PDF 檔案",
+      "multiplePdfs": "多個 PDF 檔案",
+      "pngImages": "PNG 圖片",
+      "pdfFilesOneOrMore": "PDF 檔案（一個或多個）",
+      "oneOrMoreRtf": "一個或多個 RTF 檔案",
+      "svgGraphics": "SVG 圖形",
+      "tiffImages": "TIFF 圖片",
+      "webpImages": "WebP 圖片"
+    }
   },
   "loader": {
     "processing": "正在處理..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "你會使用 Cookies 或網站分析來追蹤我嗎？",
       "answer": "我們在乎你的隱私。BentoPDF 並不追蹤個人資訊。我們僅使用 Simple Analytics 來查看匿名訪問次數。這代表我們能知道有多少使用者造訪過我們的網站，但我們永遠都不會知道你是誰。Simple Analytics 完全符合 GDPR 規範且尊重你的隱私。"
-    }
+    },
+    "sectionTitle": "常見問題"
   },
   "testimonials": {
     "title": "看看我們的",
@@ -321,5 +348,14 @@
     "errorRendering": "無法渲染頁面縮圖",
     "error": "錯誤",
     "failedToLoad": "載入失敗"
+  },
+  "howItWorks": {
+    "title": "使用方式",
+    "step1": "點擊或拖放您的檔案到此處",
+    "step2": "點擊處理按鈕開始",
+    "step3": "立即儲存處理後的檔案"
+  },
+  "relatedTools": {
+    "title": "相關 PDF 工具"
   }
 }
diff --git a/public/locales/zh-TW/tools.json b/public/locales/zh-TW/tools.json
index f5895f6..6e41d61 100644
--- a/public/locales/zh-TW/tools.json
+++ b/public/locales/zh-TW/tools.json
@@ -538,5 +538,33 @@
     "name": "Validate PDF Signature",
     "pageTitle": "Validate PDF Signature - Verify Digital Signatures | BentoPDF",
     "subtitle": "Verify digital signatures in your PDF files. Check certificate validity, view signer details, and confirm document integrity. All processing happens in your browser."
+  },
+  "pdfToWord": {
+    "name": "PDF 轉 Word",
+    "subtitle": "將 PDF 檔案轉換為可編輯的 Word 文件。"
+  },
+  "extractImages": {
+    "name": "擷取圖片",
+    "subtitle": "從 PDF 檔案中擷取所有嵌入的圖片。"
+  },
+  "pdfToMarkdown": {
+    "name": "PDF 轉 Markdown",
+    "subtitle": "將 PDF 文字和表格轉換為 Markdown 格式。"
+  },
+  "preparePdfForAi": {
+    "name": "為 AI 準備 PDF",
+    "subtitle": "將 PDF 內容擷取為 LlamaIndex JSON，用於 RAG/LLM 管線。"
+  },
+  "pdfOcg": {
+    "name": "PDF 圖層 (OCG)",
+    "subtitle": "檢視、切換、新增和刪除 PDF 中的 OCG 圖層。"
+  },
+  "pdfToPdfa": {
+    "name": "PDF 轉 PDF/A",
+    "subtitle": "將 PDF 轉換為 PDF/A 格式以進行長期歸檔。"
+  },
+  "rasterizePdf": {
+    "name": "柵格化 PDF",
+    "subtitle": "將 PDF 轉換為基於影像的 PDF。展平圖層並移除可選取的文字。"
   }
 }
diff --git a/public/locales/zh/common.json b/public/locales/zh/common.json
index be7e069..9458f95 100644
--- a/public/locales/zh/common.json
+++ b/public/locales/zh/common.json
@@ -67,7 +67,33 @@
     "filesNeverLeave": "您的文件从未离开您的设备。",
     "addMore": "添加更多文件",
     "clearAll": "清空所有",
-    "clearFiles": "清除文件"
+    "clearFiles": "清除文件",
+    "hints": {
+      "singlePdf": "单个 PDF 文件",
+      "pdfFile": "PDF 文件",
+      "multiplePdfs2": "多个 PDF 文件（至少 2 个）",
+      "bmpImages": "BMP 图片",
+      "oneOrMorePdfs": "一个或多个 PDF 文件",
+      "pdfDocuments": "PDF 文档",
+      "oneOrMoreCsv": "一个或多个 CSV 文件",
+      "multiplePdfsSupported": "支持多个 PDF 文件",
+      "singleOrMultiplePdfs": "支持单个或多个 PDF 文件",
+      "singlePdfFile": "单个 PDF 文件",
+      "pdfWithForms": "带有表单字段的 PDF 文件",
+      "heicImages": "HEIC/HEIF 图片",
+      "jpgImages": "JPG、JPEG、JP2、JPX 图片",
+      "pdfsOrImages": "PDF 或图片",
+      "oneOrMoreOdt": "一个或多个 ODT 文件",
+      "singlePdfOnly": "仅限单个 PDF 文件",
+      "pdfFiles": "PDF 文件",
+      "multiplePdfs": "多个 PDF 文件",
+      "pngImages": "PNG 图片",
+      "pdfFilesOneOrMore": "PDF 文件（一个或多个）",
+      "oneOrMoreRtf": "一个或多个 RTF 文件",
+      "svgGraphics": "SVG 图形",
+      "tiffImages": "TIFF 图片",
+      "webpImages": "WebP 图片"
+    }
   },
   "loader": {
     "processing": "处理中..."
@@ -171,7 +197,8 @@
     "analytics": {
       "question": "你们使用 Cookie 或分析来跟踪我吗？",
       "answer": "我们关心您的隐私。BentoPDF 不会跟踪个人信息。我们仅使用 Simple Analytics 查看匿名访问计数。这意味着我们可以知道有多少用户访问我们的网站，但我们永远不知道您是谁。Simple Analytics 完全符合 GDPR 并尊重您的隐私。"
-    }
+    },
+    "sectionTitle": "常见问题"
   },
   "testimonials": {
     "title": "我们的",
@@ -321,5 +348,14 @@
     "errorRendering": "渲染页面缩略图失败",
     "error": "错误",
     "failedToLoad": "加载失败"
+  },
+  "howItWorks": {
+    "title": "使用方法",
+    "step1": "点击或拖放您的文件到此处",
+    "step2": "点击处理按钮开始",
+    "step3": "立即保存处理后的文件"
+  },
+  "relatedTools": {
+    "title": "相关 PDF 工具"
   }
 }
diff --git a/public/locales/zh/tools.json b/public/locales/zh/tools.json
index 1d1a00a..4fad864 100644
--- a/public/locales/zh/tools.json
+++ b/public/locales/zh/tools.json
@@ -557,5 +557,33 @@
   "deskewPdf": {
     "name": "校正 PDF",
     "subtitle": "使用 OpenCV 自动校正倾斜的扫描页面。"
+  },
+  "pdfToWord": {
+    "name": "PDF 转 Word",
+    "subtitle": "将 PDF 文件转换为可编辑的 Word 文档。"
+  },
+  "extractImages": {
+    "name": "提取图片",
+    "subtitle": "从 PDF 文件中提取所有嵌入的图片。"
+  },
+  "pdfToMarkdown": {
+    "name": "PDF 转 Markdown",
+    "subtitle": "将 PDF 文本和表格转换为 Markdown 格式。"
+  },
+  "preparePdfForAi": {
+    "name": "为 AI 准备 PDF",
+    "subtitle": "将 PDF 内容提取为 LlamaIndex JSON，用于 RAG/LLM 管道。"
+  },
+  "pdfOcg": {
+    "name": "PDF 图层 (OCG)",
+    "subtitle": "查看、切换、添加和删除 PDF 中的 OCG 图层。"
+  },
+  "pdfToPdfa": {
+    "name": "PDF 转 PDF/A",
+    "subtitle": "将 PDF 转换为 PDF/A 格式以进行长期存档。"
+  },
+  "rasterizePdf": {
+    "name": "栅格化 PDF",
+    "subtitle": "将 PDF 转换为基于图像的 PDF。展平图层并移除可选择的文本。"
   }
 }
diff --git a/public/site.webmanifest b/public/site.webmanifest
index 99b26a4..5204c6b 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -36,10 +36,5 @@
         "offline",
         "tools"
     ],
-    "screenshots": [],
-    "share_target": {
-        "action": "/",
-        "method": "GET",
-        "enctype": "application/x-www-form-urlencoded"
-    }
+    "screenshots": []
 }
\ No newline at end of file
diff --git a/src/js/main.ts b/src/js/main.ts
index d05df06..afffd92 100644
--- a/src/js/main.ts
+++ b/src/js/main.ts
@@ -15,7 +15,6 @@ import {
   createLanguageSwitcher,
   t,
 } from './i18n/index.js';
-import { startBackgroundPreload } from './utils/wasm-preloader.js';
 
 const init = async () => {
   await initI18n();
@@ -211,6 +210,43 @@ const init = async () => {
     'Deskew PDF': 'tools:deskewPdf',
     'Digital Signature': 'tools:digitalSignPdf',
     'Validate Signature': 'tools:validateSignaturePdf',
+    'Scanner Effect': 'tools:scannerEffect',
+    'Adjust Colors': 'tools:adjustColors',
+    'Markdown to PDF': 'tools:markdownToPdf',
+    'PDF Booklet': 'tools:pdfBooklet',
+    'Word to PDF': 'tools:wordToPdf',
+    'Excel to PDF': 'tools:excelToPdf',
+    'PowerPoint to PDF': 'tools:powerpointToPdf',
+    'XPS to PDF': 'tools:xpsToPdf',
+    'MOBI to PDF': 'tools:mobiToPdf',
+    'EPUB to PDF': 'tools:epubToPdf',
+    'FB2 to PDF': 'tools:fb2ToPdf',
+    'CBZ to PDF': 'tools:cbzToPdf',
+    'WPD to PDF': 'tools:wpdToPdf',
+    'WPS to PDF': 'tools:wpsToPdf',
+    'XML to PDF': 'tools:xmlToPdf',
+    'Pages to PDF': 'tools:pagesToPdf',
+    'ODG to PDF': 'tools:odgToPdf',
+    'ODS to PDF': 'tools:odsToPdf',
+    'ODP to PDF': 'tools:odpToPdf',
+    'PUB to PDF': 'tools:pubToPdf',
+    'VSD to PDF': 'tools:vsdToPdf',
+    'PSD to PDF': 'tools:psdToPdf',
+    'ODT to PDF': 'tools:odtToPdf',
+    'CSV to PDF': 'tools:csvToPdf',
+    'RTF to PDF': 'tools:rtfToPdf',
+    'PDF to SVG': 'tools:pdfToSvg',
+    'PDF to CSV': 'tools:pdfToCsv',
+    'PDF to Excel': 'tools:pdfToExcel',
+    'PDF to Text': 'tools:pdfToText',
+    'Extract Tables': 'tools:extractTables',
+    'PDF to Word': 'tools:pdfToWord',
+    'Extract Images': 'tools:extractImages',
+    'PDF to Markdown': 'tools:pdfToMarkdown',
+    'Prepare PDF for AI': 'tools:preparePdfForAi',
+    'PDF OCG': 'tools:pdfOcg',
+    'PDF to PDF/A': 'tools:pdfToPdfa',
+    'Rasterize PDF': 'tools:rasterizePdf',
   };
 
   // Homepage-only tool grid rendering (not used on individual tool pages)
@@ -398,9 +434,6 @@ const init = async () => {
   createIcons({ icons });
   console.log('Please share our tool and share the love!');
 
-  // Start background WASM preloading on all pages
-  startBackgroundPreload();
-
   const githubStarsElements = [
     document.getElementById('github-stars-desktop'),
     document.getElementById('github-stars-mobile'),
diff --git a/src/js/utils/wasm-provider.ts b/src/js/utils/wasm-provider.ts
index 8f7cebb..99fa427 100644
--- a/src/js/utils/wasm-provider.ts
+++ b/src/js/utils/wasm-provider.ts
@@ -8,10 +8,30 @@ interface WasmProviderConfig {
 
 const STORAGE_KEY = 'bentopdf:wasm-providers';
 
+const CDN_DEFAULTS: Record<WasmPackage, string> = {
+  pymupdf: 'https://cdn.jsdelivr.net/npm/@bentopdf/pymupdf-wasm@0.11.14/',
+  ghostscript: 'https://cdn.jsdelivr.net/npm/@bentopdf/gs-wasm/assets/',
+  cpdf: 'https://cdn.jsdelivr.net/npm/coherentpdf/dist/',
+};
+
+function envOrDefault(
+  envVar: string | undefined,
+  fallback: string
+): string | undefined {
+  if (envVar !== undefined && envVar !== null) return envVar || undefined;
+  return fallback;
+}
+
 const ENV_DEFAULTS: Record<WasmPackage, string | undefined> = {
-  pymupdf: import.meta.env.VITE_WASM_PYMUPDF_URL || undefined,
-  ghostscript: import.meta.env.VITE_WASM_GS_URL || undefined,
-  cpdf: import.meta.env.VITE_WASM_CPDF_URL || undefined,
+  pymupdf: envOrDefault(
+    import.meta.env.VITE_WASM_PYMUPDF_URL,
+    CDN_DEFAULTS.pymupdf
+  ),
+  ghostscript: envOrDefault(
+    import.meta.env.VITE_WASM_GS_URL,
+    CDN_DEFAULTS.ghostscript
+  ),
+  cpdf: envOrDefault(import.meta.env.VITE_WASM_CPDF_URL, CDN_DEFAULTS.cpdf),
 };
 
 class WasmProviderManager {
diff --git a/src/pages/add-attachments.html b/src/pages/add-attachments.html
index a0ffbf5..c643abe 100644
--- a/src/pages/add-attachments.html
+++ b/src/pages/add-attachments.html
@@ -149,7 +149,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -290,7 +292,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -302,7 +307,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -315,7 +320,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -326,7 +333,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -334,7 +343,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -378,7 +390,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/add-blank-page.html b/src/pages/add-blank-page.html
index c41831d..ffb4766 100644
--- a/src/pages/add-blank-page.html
+++ b/src/pages/add-blank-page.html
@@ -147,7 +147,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -275,7 +277,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -287,7 +292,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -300,7 +305,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -311,7 +318,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -319,7 +328,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -363,7 +375,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/add-stamps.html b/src/pages/add-stamps.html
index f8e3432..d346456 100644
--- a/src/pages/add-stamps.html
+++ b/src/pages/add-stamps.html
@@ -160,7 +160,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -207,7 +209,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -219,7 +224,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -232,7 +237,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -243,7 +250,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -251,7 +260,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -295,7 +307,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/add-watermark.html b/src/pages/add-watermark.html
index 90f2def..2bcc63a 100644
--- a/src/pages/add-watermark.html
+++ b/src/pages/add-watermark.html
@@ -142,7 +142,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -371,7 +373,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -383,7 +388,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -396,7 +401,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -407,7 +414,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -415,7 +424,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -459,7 +471,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/adjust-colors.html b/src/pages/adjust-colors.html
index 121d223..5d67738 100644
--- a/src/pages/adjust-colors.html
+++ b/src/pages/adjust-colors.html
@@ -139,7 +139,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -387,7 +389,10 @@
     </div>
 
     <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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -432,7 +437,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -475,7 +483,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/alternate-merge.html b/src/pages/alternate-merge.html
index dd81fcd..9a2ba68 100644
--- a/src/pages/alternate-merge.html
+++ b/src/pages/alternate-merge.html
@@ -149,10 +149,17 @@
               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 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">Multiple PDF files (at least 2)</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.multiplePdfs2"
+            >
+              Multiple PDF files (at least 2)
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -231,7 +238,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -243,7 +253,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -256,7 +266,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -267,7 +279,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -275,7 +289,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -319,7 +336,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/background-color.html b/src/pages/background-color.html
index 545f5fd..c8cb106 100644
--- a/src/pages/background-color.html
+++ b/src/pages/background-color.html
@@ -158,7 +158,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -240,7 +242,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -252,7 +257,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -265,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -276,7 +283,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -284,7 +293,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -328,7 +340,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/bmp-to-pdf.html b/src/pages/bmp-to-pdf.html
index 3bc338a..e4eee9b 100644
--- a/src/pages/bmp-to-pdf.html
+++ b/src/pages/bmp-to-pdf.html
@@ -136,10 +136,14 @@
               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 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">BMP images</p>
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.bmpImages">
+              BMP images
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -219,7 +223,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +238,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +251,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +274,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +321,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/bookmark.html b/src/pages/bookmark.html
index 18dddca..c448fe1 100644
--- a/src/pages/bookmark.html
+++ b/src/pages/bookmark.html
@@ -137,8 +137,10 @@
               >
               <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">
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.singlePdf">
+              A single PDF file
+            </p>
+            <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
           </div>
@@ -644,7 +646,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -656,7 +661,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -669,7 +674,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -680,7 +687,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -688,7 +697,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -732,7 +744,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/cbz-to-pdf.html b/src/pages/cbz-to-pdf.html
index f0145ff..3218020 100644
--- a/src/pages/cbz-to-pdf.html
+++ b/src/pages/cbz-to-pdf.html
@@ -230,7 +230,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -242,7 +245,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -255,7 +258,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -266,7 +271,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -274,7 +281,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -318,7 +328,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/change-permissions.html b/src/pages/change-permissions.html
index 51b9b49..0987d31 100644
--- a/src/pages/change-permissions.html
+++ b/src/pages/change-permissions.html
@@ -154,7 +154,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -345,7 +347,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -357,7 +362,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -370,7 +375,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -381,7 +388,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -389,7 +398,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -433,7 +445,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/combine-single-page.html b/src/pages/combine-single-page.html
index f9bcebb..1c74e52 100644
--- a/src/pages/combine-single-page.html
+++ b/src/pages/combine-single-page.html
@@ -159,7 +159,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -323,7 +325,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -335,7 +340,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -348,7 +353,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -359,7 +366,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -367,7 +376,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -411,7 +423,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/compare-pdfs.html b/src/pages/compare-pdfs.html
index 8c4d795..93b9db5 100644
--- a/src/pages/compare-pdfs.html
+++ b/src/pages/compare-pdfs.html
@@ -362,7 +362,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -374,7 +377,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -387,7 +390,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -398,7 +403,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -406,7 +413,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -450,7 +460,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/compress-pdf.html b/src/pages/compress-pdf.html
index b6705b5..1a67749 100644
--- a/src/pages/compress-pdf.html
+++ b/src/pages/compress-pdf.html
@@ -136,10 +136,17 @@
               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 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">One or more PDF files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              One or more PDF files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -399,7 +406,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -479,7 +489,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -509,7 +522,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/crop-pdf.html b/src/pages/crop-pdf.html
index e9e52fe..3906847 100644
--- a/src/pages/crop-pdf.html
+++ b/src/pages/crop-pdf.html
@@ -148,7 +148,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -274,7 +279,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -286,7 +294,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -299,7 +307,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -310,7 +320,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -318,7 +330,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -362,7 +377,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/csv-to-pdf.html b/src/pages/csv-to-pdf.html
index c535352..fa890ea 100644
--- a/src/pages/csv-to-pdf.html
+++ b/src/pages/csv-to-pdf.html
@@ -116,10 +116,13 @@
           </span>
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:csvToPdf.name"
+        >
           Csv To Pdf Converter Free Online - Convert Files Fast
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:csvToPdf.subtitle">
           Convert CSV (Comma-Separated Values) spreadsheet files to PDF format.
           Supports multiple files.
         </p>
@@ -134,10 +137,17 @@
               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 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">One or more CSV files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMoreCsv"
+            >
+              One or more CSV files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -219,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +244,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +280,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +327,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/decrypt-pdf.html b/src/pages/decrypt-pdf.html
index cbcd38c..0444c76 100644
--- a/src/pages/decrypt-pdf.html
+++ b/src/pages/decrypt-pdf.html
@@ -136,7 +136,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -226,7 +228,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -238,7 +243,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -251,7 +256,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -262,7 +269,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -270,7 +279,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -314,7 +326,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/delete-pages.html b/src/pages/delete-pages.html
index c8660a9..99adbf9 100644
--- a/src/pages/delete-pages.html
+++ b/src/pages/delete-pages.html
@@ -111,7 +111,9 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
         <h1
           class="text-2xl font-bold text-white mb-2"
@@ -137,7 +139,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
           </div>
           <input
             id="file-input"
@@ -219,7 +226,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +241,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +254,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +267,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +277,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +324,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/deskew-pdf.html b/src/pages/deskew-pdf.html
index de0ab06..580de13 100644
--- a/src/pages/deskew-pdf.html
+++ b/src/pages/deskew-pdf.html
@@ -99,13 +99,18 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:deskewPdf.name"
+        >
           Deskew PDF Free Online - Straighten Tilted Scans
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:deskewPdf.subtitle">
           Automatically detect and correct skewed pages in scanned PDFs. Uses
           advanced image processing to straighten tilted documents.
         </p>
@@ -120,11 +125,18 @@
               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
+              <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">One or more PDF files</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              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>
@@ -249,7 +261,10 @@
     </div>
 
     <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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -292,7 +307,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -335,7 +353,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/digital-sign-pdf.html b/src/pages/digital-sign-pdf.html
index dcf4f17..a972dfa 100644
--- a/src/pages/digital-sign-pdf.html
+++ b/src/pages/digital-sign-pdf.html
@@ -162,7 +162,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -548,7 +553,10 @@
     </div>
 
     <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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -599,7 +607,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -642,7 +653,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/divide-pages.html b/src/pages/divide-pages.html
index c8aa434..66a3c45 100644
--- a/src/pages/divide-pages.html
+++ b/src/pages/divide-pages.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -267,7 +269,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -279,7 +284,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -292,7 +297,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -303,7 +310,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -311,7 +320,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -355,7 +367,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/edit-attachments.html b/src/pages/edit-attachments.html
index 38bb519..3e211d5 100644
--- a/src/pages/edit-attachments.html
+++ b/src/pages/edit-attachments.html
@@ -153,7 +153,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -228,7 +230,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -240,7 +245,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -253,7 +258,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -264,7 +271,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -272,7 +281,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -316,7 +328,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/edit-metadata.html b/src/pages/edit-metadata.html
index 27fd117..cc249b3 100644
--- a/src/pages/edit-metadata.html
+++ b/src/pages/edit-metadata.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -332,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -344,7 +349,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -357,7 +362,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -368,7 +375,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -376,7 +385,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -420,7 +432,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/edit-pdf.html b/src/pages/edit-pdf.html
index 1f8a4af..e459f79 100644
--- a/src/pages/edit-pdf.html
+++ b/src/pages/edit-pdf.html
@@ -145,7 +145,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -211,7 +213,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -223,7 +228,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -236,7 +241,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -247,7 +254,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -255,7 +264,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -299,7 +311,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/email-to-pdf.html b/src/pages/email-to-pdf.html
index cff9c4c..1df7e6a 100644
--- a/src/pages/email-to-pdf.html
+++ b/src/pages/email-to-pdf.html
@@ -289,7 +289,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -337,7 +340,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -381,7 +387,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/encrypt-pdf.html b/src/pages/encrypt-pdf.html
index 1c3940f..2137e41 100644
--- a/src/pages/encrypt-pdf.html
+++ b/src/pages/encrypt-pdf.html
@@ -140,7 +140,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -260,7 +262,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -272,7 +277,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -285,7 +290,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -296,7 +303,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -304,7 +313,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -348,7 +360,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/epub-to-pdf.html b/src/pages/epub-to-pdf.html
index 8fb2693..95f32c8 100644
--- a/src/pages/epub-to-pdf.html
+++ b/src/pages/epub-to-pdf.html
@@ -231,7 +231,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -243,7 +246,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -256,7 +259,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -267,7 +272,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -275,7 +282,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -319,7 +329,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/excel-to-pdf.html b/src/pages/excel-to-pdf.html
index 15b0b22..a01e02f 100644
--- a/src/pages/excel-to-pdf.html
+++ b/src/pages/excel-to-pdf.html
@@ -235,7 +235,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -247,7 +250,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -260,7 +263,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -271,7 +276,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -279,7 +286,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -323,7 +333,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/extract-attachments.html b/src/pages/extract-attachments.html
index 4df2ae9..173da93 100644
--- a/src/pages/extract-attachments.html
+++ b/src/pages/extract-attachments.html
@@ -154,10 +154,17 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDFs</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDFs</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">Multiple PDF files supported</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.multiplePdfsSupported"
+            >
+              Multiple PDF files supported
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -233,7 +240,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -245,7 +255,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -258,7 +268,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -269,7 +281,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -277,7 +291,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -321,7 +338,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/extract-images.html b/src/pages/extract-images.html
index 96eac7b..52d6f88 100644
--- a/src/pages/extract-images.html
+++ b/src/pages/extract-images.html
@@ -117,13 +117,18 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:extractImages.name"
+        >
           Extract Images Free Online - Extract PDF Content
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:extractImages.subtitle">
           Extract all embedded images from PDF files. Download individually or
           as a ZIP archive.
         </p>
@@ -138,11 +143,18 @@
               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
+              <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">One or more PDF files</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              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>
@@ -232,7 +244,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -244,7 +259,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -257,7 +272,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -268,7 +285,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -276,7 +295,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -320,7 +342,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/extract-pages.html b/src/pages/extract-pages.html
index 2855e4b..dcbf16a 100644
--- a/src/pages/extract-pages.html
+++ b/src/pages/extract-pages.html
@@ -143,7 +143,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -225,7 +230,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -237,7 +245,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -250,7 +258,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -261,7 +271,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -269,7 +281,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -313,7 +328,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/extract-tables.html b/src/pages/extract-tables.html
index 55a8d13..3ca54a0 100644
--- a/src/pages/extract-tables.html
+++ b/src/pages/extract-tables.html
@@ -147,7 +147,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -245,7 +247,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -257,7 +262,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -270,7 +275,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -281,7 +288,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -289,7 +298,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -333,7 +345,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/fb2-to-pdf.html b/src/pages/fb2-to-pdf.html
index 7dbe46d..3d9e1e9 100644
--- a/src/pages/fb2-to-pdf.html
+++ b/src/pages/fb2-to-pdf.html
@@ -230,7 +230,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -242,7 +245,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -255,7 +258,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -266,7 +271,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -274,7 +281,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -318,7 +328,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/fix-page-size.html b/src/pages/fix-page-size.html
index fc03e64..fc779cf 100644
--- a/src/pages/fix-page-size.html
+++ b/src/pages/fix-page-size.html
@@ -137,7 +137,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -361,7 +363,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -373,7 +378,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -386,7 +391,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -397,7 +404,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -405,7 +414,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -449,7 +461,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/flatten-pdf.html b/src/pages/flatten-pdf.html
index 01c34fd..c5285e9 100644
--- a/src/pages/flatten-pdf.html
+++ b/src/pages/flatten-pdf.html
@@ -137,10 +137,15 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDFs</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDFs</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.singleOrMultiplePdfs"
+            >
               Single or multiple PDF files supported
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -247,7 +252,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -259,7 +267,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -272,7 +280,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -283,7 +293,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -291,7 +303,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -335,7 +350,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/font-to-outline.html b/src/pages/font-to-outline.html
index 31f1932..adb314d 100644
--- a/src/pages/font-to-outline.html
+++ b/src/pages/font-to-outline.html
@@ -110,13 +110,18 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:fontToOutline.name"
+        >
           Font to Outline Free Online - Convert Fonts to Paths
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:fontToOutline.subtitle">
           Convert all fonts in your PDF to vector outlines/paths. Ensures
           consistent rendering across all devices regardless of font
           availability.
@@ -132,11 +137,18 @@
               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
+              <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">One or more PDF files</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              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>
@@ -224,7 +236,10 @@
     </div>
 
     <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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -269,7 +284,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -312,7 +330,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/form-creator.html b/src/pages/form-creator.html
index 5d79be9..c6caf69 100644
--- a/src/pages/form-creator.html
+++ b/src/pages/form-creator.html
@@ -111,7 +111,9 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
         <h1
@@ -135,10 +137,17 @@
               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 a PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select a PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">Single PDF file</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.singlePdfFile"
+            >
+              Single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -241,7 +250,9 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
         <h1
@@ -523,7 +534,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -535,7 +549,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -548,7 +562,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -559,7 +575,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -567,7 +585,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -611,7 +632,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/form-filler.html b/src/pages/form-filler.html
index b5f9f0a..518504e 100644
--- a/src/pages/form-filler.html
+++ b/src/pages/form-filler.html
@@ -156,7 +156,12 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">PDF file with form fields</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.pdfWithForms"
+            >
+              PDF file with form fields
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -231,7 +236,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -243,7 +251,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -256,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -267,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -275,7 +287,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -319,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/header-footer.html b/src/pages/header-footer.html
index 9482415..f2f868e 100644
--- a/src/pages/header-footer.html
+++ b/src/pages/header-footer.html
@@ -142,7 +142,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -347,7 +349,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -359,7 +364,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -372,7 +377,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -383,7 +390,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -391,7 +400,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -435,7 +447,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/heic-to-pdf.html b/src/pages/heic-to-pdf.html
index eed184c..6fdd57a 100644
--- a/src/pages/heic-to-pdf.html
+++ b/src/pages/heic-to-pdf.html
@@ -137,10 +137,17 @@
               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 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">HEIC/HEIF images</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.heicImages"
+            >
+              HEIC/HEIF images
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -220,7 +227,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -232,7 +242,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -245,7 +255,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -256,7 +268,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -264,7 +278,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -308,7 +325,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/image-to-pdf.html b/src/pages/image-to-pdf.html
index 8518740..cfd5c3c 100644
--- a/src/pages/image-to-pdf.html
+++ b/src/pages/image-to-pdf.html
@@ -252,7 +252,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -264,7 +267,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -277,7 +280,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -288,7 +293,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -296,7 +303,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -340,7 +350,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/invert-colors.html b/src/pages/invert-colors.html
index 2ddc1bd..d9aae4b 100644
--- a/src/pages/invert-colors.html
+++ b/src/pages/invert-colors.html
@@ -142,7 +142,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -214,7 +216,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -226,7 +231,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -239,7 +244,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -250,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -258,7 +267,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -302,7 +314,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/jpg-to-pdf.html b/src/pages/jpg-to-pdf.html
index eebc4dc..1e35ab3 100644
--- a/src/pages/jpg-to-pdf.html
+++ b/src/pages/jpg-to-pdf.html
@@ -145,7 +145,9 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">JPG, JPEG, JP2, JPX Images</p>
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.jpgImages">
+              JPG, JPEG, JP2, JPX Images
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -252,7 +254,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -264,7 +269,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -277,7 +282,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -288,7 +295,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -296,7 +305,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -340,7 +352,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/json-to-pdf.html b/src/pages/json-to-pdf.html
index b4c3718..18808e7 100644
--- a/src/pages/json-to-pdf.html
+++ b/src/pages/json-to-pdf.html
@@ -138,7 +138,9 @@
                 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 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">Multiple JSON files</p>
@@ -176,7 +178,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -188,7 +193,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -201,7 +206,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -212,7 +219,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -220,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -264,7 +276,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/linearize-pdf.html b/src/pages/linearize-pdf.html
index cb68aae..328591a 100644
--- a/src/pages/linearize-pdf.html
+++ b/src/pages/linearize-pdf.html
@@ -137,10 +137,15 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDFs</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDFs</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.singleOrMultiplePdfs"
+            >
               Single or multiple PDF files supported
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -243,7 +248,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -255,7 +263,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -268,7 +276,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -279,7 +289,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -287,7 +299,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -331,7 +346,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/markdown-to-pdf.html b/src/pages/markdown-to-pdf.html
index 2c8fdf9..954ac4d 100644
--- a/src/pages/markdown-to-pdf.html
+++ b/src/pages/markdown-to-pdf.html
@@ -126,10 +126,16 @@
             >
           </button>
 
-          <h1 class="text-2xl font-bold text-white mb-2">
+          <h1
+            class="text-2xl font-bold text-white mb-2"
+            data-i18n="tools:markdownToPdf.name"
+          >
             Markdown To Pdf Converter Free Online - Convert Files Fast
           </h1>
-          <p class="text-gray-400 mb-6">
+          <p
+            class="text-gray-400 mb-6"
+            data-i18n="tools:markdownToPdf.subtitle"
+          >
             Write markdown with live preview. Supports syntax highlighting,
             tables, emoji, and more. Print to save as PDF.
           </p>
@@ -142,7 +148,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -154,7 +163,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -167,7 +176,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -178,7 +189,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -186,7 +199,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -230,7 +246,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/merge-pdf.html b/src/pages/merge-pdf.html
index 6581596..454e401 100644
--- a/src/pages/merge-pdf.html
+++ b/src/pages/merge-pdf.html
@@ -294,7 +294,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -355,7 +358,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -399,7 +405,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/mobi-to-pdf.html b/src/pages/mobi-to-pdf.html
index 82861c9..c20af1a 100644
--- a/src/pages/mobi-to-pdf.html
+++ b/src/pages/mobi-to-pdf.html
@@ -229,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -241,7 +244,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -254,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -265,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -273,7 +280,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -317,7 +327,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/n-up-pdf.html b/src/pages/n-up-pdf.html
index c7faafb..b34dfb5 100644
--- a/src/pages/n-up-pdf.html
+++ b/src/pages/n-up-pdf.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -315,7 +317,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -327,7 +332,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -340,7 +345,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -351,7 +358,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -359,7 +368,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -403,7 +415,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/ocr-pdf.html b/src/pages/ocr-pdf.html
index 59c6399..a70b978 100644
--- a/src/pages/ocr-pdf.html
+++ b/src/pages/ocr-pdf.html
@@ -170,7 +170,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -424,7 +426,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -436,7 +441,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -449,7 +454,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -460,7 +467,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -468,7 +477,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -512,7 +524,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/odg-to-pdf.html b/src/pages/odg-to-pdf.html
index efb033c..61a388b 100644
--- a/src/pages/odg-to-pdf.html
+++ b/src/pages/odg-to-pdf.html
@@ -137,7 +137,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -234,7 +236,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -246,7 +251,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -259,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -270,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -278,7 +287,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -322,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/odp-to-pdf.html b/src/pages/odp-to-pdf.html
index 2ccab1f..c91f54e 100644
--- a/src/pages/odp-to-pdf.html
+++ b/src/pages/odp-to-pdf.html
@@ -139,7 +139,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -236,7 +238,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -248,7 +253,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -261,7 +266,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -272,7 +279,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -280,7 +289,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -324,7 +336,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/ods-to-pdf.html b/src/pages/ods-to-pdf.html
index 4b928fd..5bfb133 100644
--- a/src/pages/ods-to-pdf.html
+++ b/src/pages/ods-to-pdf.html
@@ -139,7 +139,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -236,7 +238,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -248,7 +253,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -261,7 +266,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -272,7 +279,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -280,7 +289,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -324,7 +336,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/odt-to-pdf.html b/src/pages/odt-to-pdf.html
index ee580c2..2bb64bf 100644
--- a/src/pages/odt-to-pdf.html
+++ b/src/pages/odt-to-pdf.html
@@ -116,10 +116,13 @@
           </span>
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:odtToPdf.name"
+        >
           Odt To Pdf Converter Free Online - Convert Files Fast
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:odtToPdf.subtitle">
           Convert OpenDocument Text (.odt) files to PDF format. Supports
           multiple files.
         </p>
@@ -134,10 +137,17 @@
               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 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">One or more ODT files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMoreOdt"
+            >
+              One or more ODT files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -219,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +244,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +280,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +327,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/organize-pdf.html b/src/pages/organize-pdf.html
index 8a0d5df..1aac371 100644
--- a/src/pages/organize-pdf.html
+++ b/src/pages/organize-pdf.html
@@ -111,7 +111,9 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
         <h1
           class="text-2xl font-bold text-white mb-2"
@@ -152,7 +154,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -176,14 +183,27 @@
 
         <!-- Advanced Settings -->
         <div id="advanced-settings" class="hidden mt-6">
-            <h3 class="text-lg font-semibold text-white mb-2">Advanced Settings</h3>
-            <div class="bg-gray-700 p-4 rounded-lg">
-                <label for="page-order-input" class="block text-sm font-medium text-gray-300 mb-2">Page Order (comma-separated)</label>
-                <div class="flex gap-2">
-                    <input type="text" id="page-order-input" class="w-full bg-gray-900 text-white rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-500 border border-gray-600" placeholder="e.g., 3,1,4,2">
-                    <button id="apply-order-btn" class="btn-secondary">Apply Order</button>
-                </div>
+          <h3 class="text-lg font-semibold text-white mb-2">
+            Advanced Settings
+          </h3>
+          <div class="bg-gray-700 p-4 rounded-lg">
+            <label
+              for="page-order-input"
+              class="block text-sm font-medium text-gray-300 mb-2"
+              >Page Order (comma-separated)</label
+            >
+            <div class="flex gap-2">
+              <input
+                type="text"
+                id="page-order-input"
+                class="w-full bg-gray-900 text-white rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-500 border border-gray-600"
+                placeholder="e.g., 3,1,4,2"
+              />
+              <button id="apply-order-btn" class="btn-secondary">
+                Apply Order
+              </button>
             </div>
+          </div>
         </div>
 
         <button id="process-btn" class="hidden btn-gradient w-full mt-6">
@@ -238,7 +258,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -250,7 +273,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -263,7 +286,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -274,7 +299,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -282,7 +309,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -326,7 +356,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/page-dimensions.html b/src/pages/page-dimensions.html
index 9021479..368e646 100644
--- a/src/pages/page-dimensions.html
+++ b/src/pages/page-dimensions.html
@@ -149,7 +149,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -248,7 +250,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -260,7 +265,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -273,7 +278,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -284,7 +291,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -292,7 +301,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -336,7 +348,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/page-numbers.html b/src/pages/page-numbers.html
index 9dcad4f..f869aac 100644
--- a/src/pages/page-numbers.html
+++ b/src/pages/page-numbers.html
@@ -142,7 +142,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -279,7 +281,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -291,7 +296,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -304,7 +309,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -315,7 +322,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -323,7 +332,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -367,7 +379,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pages-to-pdf.html b/src/pages/pages-to-pdf.html
index 52bcaf9..678382a 100644
--- a/src/pages/pages-to-pdf.html
+++ b/src/pages/pages-to-pdf.html
@@ -136,7 +136,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -235,7 +237,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -247,7 +252,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -260,7 +265,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -271,7 +278,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -279,7 +288,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -323,7 +335,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-booklet.html b/src/pages/pdf-booklet.html
index 037d186..4a18f47 100644
--- a/src/pages/pdf-booklet.html
+++ b/src/pages/pdf-booklet.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -453,7 +455,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -465,7 +470,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -478,7 +483,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -489,7 +496,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -497,7 +506,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -541,7 +553,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-layers.html b/src/pages/pdf-layers.html
index e7a4e48..fa5105e 100644
--- a/src/pages/pdf-layers.html
+++ b/src/pages/pdf-layers.html
@@ -230,13 +230,18 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:pdfOcg.name"
+        >
           Pdf Layers Free Online - Fast & Secure
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:pdfOcg.subtitle">
           Manage Optional Content Groups (OCG) in your PDF. View, toggle
           visibility, add new layers, or delete existing ones.
         </p>
@@ -251,11 +256,18 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select a PDF</span> or drag
-              and drop
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select a PDF</span
+              >
+              <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">Single PDF file only</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.singlePdfOnly"
+            >
+              Single PDF file only
+            </p>
+            <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
           </div>
@@ -371,7 +383,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -383,7 +398,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -396,7 +411,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -407,7 +424,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -415,7 +434,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -459,7 +481,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-bmp.html b/src/pages/pdf-to-bmp.html
index 74d1166..8a87122 100644
--- a/src/pages/pdf-to-bmp.html
+++ b/src/pages/pdf-to-bmp.html
@@ -141,7 +141,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -205,7 +207,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -217,7 +222,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -230,7 +235,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -241,7 +248,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -249,7 +258,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -293,7 +305,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-csv.html b/src/pages/pdf-to-csv.html
index 680e177..0090e8e 100644
--- a/src/pages/pdf-to-csv.html
+++ b/src/pages/pdf-to-csv.html
@@ -138,7 +138,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -193,7 +195,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -205,7 +210,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -218,7 +223,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -229,7 +236,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -237,7 +246,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -281,7 +293,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-docx.html b/src/pages/pdf-to-docx.html
index b663cd8..51cdd5e 100644
--- a/src/pages/pdf-to-docx.html
+++ b/src/pages/pdf-to-docx.html
@@ -119,10 +119,13 @@
           >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:pdfToWord.name"
+        >
           PDF to Word Converter Free - Convert PDF to DOCX
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:pdfToWord.subtitle">
           Convert PDF files to editable Word documents. Preserves text,
           formatting, and layout.
         </p>
@@ -137,10 +140,17 @@
               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 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">One or more PDF files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              One or more PDF files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -217,7 +227,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -229,7 +242,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -242,7 +255,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -253,7 +268,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -261,7 +278,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -305,7 +325,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-excel.html b/src/pages/pdf-to-excel.html
index 88f2489..45b0cca 100644
--- a/src/pages/pdf-to-excel.html
+++ b/src/pages/pdf-to-excel.html
@@ -141,7 +141,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -196,7 +198,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -208,7 +213,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -221,7 +226,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -232,7 +239,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -240,7 +249,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -284,7 +296,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-greyscale.html b/src/pages/pdf-to-greyscale.html
index 34e0240..e805283 100644
--- a/src/pages/pdf-to-greyscale.html
+++ b/src/pages/pdf-to-greyscale.html
@@ -155,7 +155,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -219,7 +221,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +236,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +249,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +262,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +272,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +319,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-jpg.html b/src/pages/pdf-to-jpg.html
index 971ec50..1187345 100644
--- a/src/pages/pdf-to-jpg.html
+++ b/src/pages/pdf-to-jpg.html
@@ -144,7 +144,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -235,7 +237,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -300,7 +305,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -344,7 +352,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-json.html b/src/pages/pdf-to-json.html
index ea1fe27..c0992f4 100644
--- a/src/pages/pdf-to-json.html
+++ b/src/pages/pdf-to-json.html
@@ -129,10 +129,17 @@
                 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 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">Multiple PDF files</p>
+              <p
+                class="text-xs text-gray-500"
+                data-i18n="upload.hints.multiplePdfs"
+              >
+                Multiple PDF files
+              </p>
               <p
                 class="text-xs text-gray-500"
                 data-i18n="upload.filesNeverLeave"
@@ -167,7 +174,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -179,7 +189,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -192,7 +202,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -203,7 +215,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -211,7 +225,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -255,7 +272,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-markdown.html b/src/pages/pdf-to-markdown.html
index 20e1136..4814193 100644
--- a/src/pages/pdf-to-markdown.html
+++ b/src/pages/pdf-to-markdown.html
@@ -123,13 +123,18 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:pdfToMarkdown.name"
+        >
           Pdf To Markdown Converter Free Online - Convert Files Fast
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:pdfToMarkdown.subtitle">
           Convert PDF files to Markdown format. Preserves text structure with
           optional image embedding.
         </p>
@@ -144,11 +149,18 @@
               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
+              <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">One or more PDF files</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              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>
@@ -232,7 +244,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -244,7 +259,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -257,7 +272,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -268,7 +285,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -276,7 +295,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -320,7 +342,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-pdfa.html b/src/pages/pdf-to-pdfa.html
index d01938a..b2b6702 100644
--- a/src/pages/pdf-to-pdfa.html
+++ b/src/pages/pdf-to-pdfa.html
@@ -116,10 +116,13 @@
           </span>
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:pdfToPdfa.name"
+        >
           Pdf To Pdfa Converter Free Online - Convert Files Fast
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:pdfToPdfa.subtitle">
           Convert your PDF documents to PDF/A format for long-term archiving and
           preservation.
         </p>
@@ -134,10 +137,17 @@
               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 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">One or more PDF files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              One or more PDF files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -264,7 +274,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -276,7 +289,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -289,7 +302,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -300,7 +315,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -308,7 +325,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -352,7 +372,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-png.html b/src/pages/pdf-to-png.html
index 415f1d1..03687d9 100644
--- a/src/pages/pdf-to-png.html
+++ b/src/pages/pdf-to-png.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -233,7 +235,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -245,7 +250,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -258,7 +263,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -269,7 +276,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -277,7 +286,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -321,7 +333,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-svg.html b/src/pages/pdf-to-svg.html
index 4ddb57e..8184dd6 100644
--- a/src/pages/pdf-to-svg.html
+++ b/src/pages/pdf-to-svg.html
@@ -142,7 +142,9 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">PDF files</p>
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.pdfFiles">
+              PDF files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -224,7 +226,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -236,7 +241,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -249,7 +254,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -260,7 +267,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -268,7 +277,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -312,7 +324,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-text.html b/src/pages/pdf-to-text.html
index bf8bac6..74350c4 100644
--- a/src/pages/pdf-to-text.html
+++ b/src/pages/pdf-to-text.html
@@ -157,7 +157,12 @@
                 >
                 <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
               </p>
-              <p class="text-xs text-gray-500">PDF files</p>
+              <p
+                class="text-xs text-gray-500"
+                data-i18n="upload.hints.pdfFiles"
+              >
+                PDF files
+              </p>
               <p
                 class="text-xs text-gray-500"
                 data-i18n="upload.filesNeverLeave"
@@ -252,7 +257,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -264,7 +272,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -277,7 +285,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -288,7 +298,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -296,7 +308,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -340,7 +355,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-tiff.html b/src/pages/pdf-to-tiff.html
index 74006d2..d40acf0 100644
--- a/src/pages/pdf-to-tiff.html
+++ b/src/pages/pdf-to-tiff.html
@@ -138,7 +138,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -205,7 +207,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -217,7 +222,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -230,7 +235,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -241,7 +248,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -249,7 +258,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -293,7 +305,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-webp.html b/src/pages/pdf-to-webp.html
index b561efa..e722dab 100644
--- a/src/pages/pdf-to-webp.html
+++ b/src/pages/pdf-to-webp.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -233,7 +235,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -245,7 +250,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -258,7 +263,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -269,7 +276,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -277,7 +286,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -321,7 +333,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pdf-to-zip.html b/src/pages/pdf-to-zip.html
index ef41ddc..690223e 100644
--- a/src/pages/pdf-to-zip.html
+++ b/src/pages/pdf-to-zip.html
@@ -137,10 +137,17 @@
               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 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">Multiple PDF files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.multiplePdfs"
+            >
+              Multiple PDF files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -227,7 +234,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -239,7 +249,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -252,7 +262,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -263,7 +275,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -271,7 +285,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -315,7 +332,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/png-to-pdf.html b/src/pages/png-to-pdf.html
index e162b9c..e36d374 100644
--- a/src/pages/png-to-pdf.html
+++ b/src/pages/png-to-pdf.html
@@ -142,7 +142,9 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">PNG Images</p>
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.pngImages">
+              PNG Images
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -249,7 +251,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -261,7 +266,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -274,7 +279,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -285,7 +292,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -293,7 +302,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -337,7 +349,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/posterize-pdf.html b/src/pages/posterize-pdf.html
index 3c13eff..6c22af6 100644
--- a/src/pages/posterize-pdf.html
+++ b/src/pages/posterize-pdf.html
@@ -137,7 +137,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -410,7 +412,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -422,7 +427,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -435,7 +440,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -446,7 +453,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -454,7 +463,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -498,7 +510,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/powerpoint-to-pdf.html b/src/pages/powerpoint-to-pdf.html
index ef49283..33483ef 100644
--- a/src/pages/powerpoint-to-pdf.html
+++ b/src/pages/powerpoint-to-pdf.html
@@ -249,7 +249,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -261,7 +264,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -274,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -285,7 +290,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -293,7 +300,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -337,7 +347,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/prepare-pdf-for-ai.html b/src/pages/prepare-pdf-for-ai.html
index a237b1b..6c86533 100644
--- a/src/pages/prepare-pdf-for-ai.html
+++ b/src/pages/prepare-pdf-for-ai.html
@@ -125,13 +125,21 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:preparePdfForAi.name"
+        >
           Prepare Pdf For Ai Free Online - Fast & Secure
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p
+          class="text-gray-400 mb-6"
+          data-i18n="tools:preparePdfForAi.subtitle"
+        >
           Extract PDF content as LlamaIndex-compatible JSON documents. Perfect
           for RAG pipelines, LangChain, and other LLM frameworks.
         </p>
@@ -146,11 +154,18 @@
               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
+              <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">One or more PDF files</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              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>
@@ -246,7 +261,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -258,7 +276,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -271,7 +289,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -282,7 +302,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -290,7 +312,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -334,7 +359,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/psd-to-pdf.html b/src/pages/psd-to-pdf.html
index 8ca7648..e5e0ef6 100644
--- a/src/pages/psd-to-pdf.html
+++ b/src/pages/psd-to-pdf.html
@@ -137,7 +137,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -224,7 +226,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -236,7 +241,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -249,7 +254,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -260,7 +267,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -268,7 +277,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -312,7 +324,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/pub-to-pdf.html b/src/pages/pub-to-pdf.html
index df7c35e..ef91349 100644
--- a/src/pages/pub-to-pdf.html
+++ b/src/pages/pub-to-pdf.html
@@ -137,7 +137,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -234,7 +236,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -246,7 +251,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -259,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -270,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -278,7 +287,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -322,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/rasterize-pdf.html b/src/pages/rasterize-pdf.html
index 1eea341..b7b7964 100644
--- a/src/pages/rasterize-pdf.html
+++ b/src/pages/rasterize-pdf.html
@@ -111,13 +111,18 @@
           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>
+          <span class="cursor-pointer" data-i18n="tools.backToTools"
+            >Back to Tools</span
+          >
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:rasterizePdf.name"
+        >
           Rasterize Pdf Free Online - Fast & Secure
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:rasterizePdf.subtitle">
           Convert vector graphics and text to images. Useful for flattening
           layers, removing selectable text, or creating print-ready files.
         </p>
@@ -132,11 +137,18 @@
               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
+              <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">One or more PDF files</p>
-            <p class="text-xs text-gray-500">
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMorePdfs"
+            >
+              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>
@@ -256,7 +268,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -268,7 +283,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -281,7 +296,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -292,7 +309,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -300,7 +319,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -344,7 +366,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/remove-annotations.html b/src/pages/remove-annotations.html
index 0c42400..b33a210 100644
--- a/src/pages/remove-annotations.html
+++ b/src/pages/remove-annotations.html
@@ -158,7 +158,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -230,7 +232,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -242,7 +247,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -255,7 +260,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -266,7 +273,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -274,7 +283,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -318,7 +330,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/remove-blank-pages.html b/src/pages/remove-blank-pages.html
index 4c0a787..b650a01 100644
--- a/src/pages/remove-blank-pages.html
+++ b/src/pages/remove-blank-pages.html
@@ -159,7 +159,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -263,7 +265,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -275,7 +280,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -288,7 +293,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -299,7 +306,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -307,7 +316,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -351,7 +363,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/remove-metadata.html b/src/pages/remove-metadata.html
index 570027c..6256557 100644
--- a/src/pages/remove-metadata.html
+++ b/src/pages/remove-metadata.html
@@ -149,7 +149,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -235,7 +237,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -247,7 +252,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -260,7 +265,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -271,7 +278,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -279,7 +288,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -323,7 +335,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/remove-restrictions.html b/src/pages/remove-restrictions.html
index 590e3c3..91a02fc 100644
--- a/src/pages/remove-restrictions.html
+++ b/src/pages/remove-restrictions.html
@@ -156,7 +156,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -259,7 +261,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -271,7 +276,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -284,7 +289,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -295,7 +302,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -303,7 +312,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -347,7 +359,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/repair-pdf.html b/src/pages/repair-pdf.html
index 30b8707..876b760 100644
--- a/src/pages/repair-pdf.html
+++ b/src/pages/repair-pdf.html
@@ -230,7 +230,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -242,7 +245,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -255,7 +258,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -266,7 +271,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -274,7 +281,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -318,7 +328,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/reverse-pages.html b/src/pages/reverse-pages.html
index ae0f155..54f0803 100644
--- a/src/pages/reverse-pages.html
+++ b/src/pages/reverse-pages.html
@@ -138,10 +138,17 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">PDF files (one or more)</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.pdfFilesOneOrMore"
+            >
+              PDF files (one or more)
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -226,7 +233,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -238,7 +248,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -251,7 +261,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -262,7 +274,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -270,7 +284,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -314,7 +331,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/rotate-custom.html b/src/pages/rotate-custom.html
index 842c27b..adf6a43 100644
--- a/src/pages/rotate-custom.html
+++ b/src/pages/rotate-custom.html
@@ -136,11 +136,15 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select a file</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select a file</span
+              >
               <span>or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">A single PDF file</p>
-            <p class="text-xs text-gray-500">
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.singlePdf">
+              A single PDF file
+            </p>
+            <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
           </div>
@@ -243,7 +247,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -255,7 +262,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -268,7 +275,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -279,7 +288,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -287,7 +298,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -331,7 +345,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/rotate-pdf.html b/src/pages/rotate-pdf.html
index bad8ce5..d16ccac 100644
--- a/src/pages/rotate-pdf.html
+++ b/src/pages/rotate-pdf.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -245,7 +247,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -257,7 +262,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -270,7 +275,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -281,7 +288,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -289,7 +298,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -333,7 +345,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/rtf-to-pdf.html b/src/pages/rtf-to-pdf.html
index 85c062e..8903c51 100644
--- a/src/pages/rtf-to-pdf.html
+++ b/src/pages/rtf-to-pdf.html
@@ -116,10 +116,13 @@
           </span>
         </button>
 
-        <h1 class="text-2xl font-bold text-white mb-2">
+        <h1
+          class="text-2xl font-bold text-white mb-2"
+          data-i18n="tools:rtfToPdf.name"
+        >
           Rtf To Pdf Converter Free Online - Convert Files Fast
         </h1>
-        <p class="text-gray-400 mb-6">
+        <p class="text-gray-400 mb-6" data-i18n="tools:rtfToPdf.subtitle">
           Convert RTF (Rich Text Format) document files to PDF format. Supports
           multiple files.
         </p>
@@ -134,10 +137,17 @@
               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 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">One or more RTF files</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.oneOrMoreRtf"
+            >
+              One or more RTF files
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -219,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +244,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +280,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +327,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/sanitize-pdf.html b/src/pages/sanitize-pdf.html
index 965fac8..7c6a4f5 100644
--- a/src/pages/sanitize-pdf.html
+++ b/src/pages/sanitize-pdf.html
@@ -137,7 +137,9 @@
               class="w-10 h-10 mb-3 text-gray-400"
             ></i>
             <p class="mb-2 text-sm text-gray-400">
-              <span class="font-semibold">Click to select PDF</span>
+              <span class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select PDF</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
@@ -322,7 +324,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -334,7 +339,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -347,7 +352,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -358,7 +365,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -366,7 +375,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -410,7 +422,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/scanner-effect.html b/src/pages/scanner-effect.html
index cda36d1..72623cf 100644
--- a/src/pages/scanner-effect.html
+++ b/src/pages/scanner-effect.html
@@ -140,7 +140,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -445,7 +447,10 @@
     </div>
 
     <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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -492,7 +497,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -535,7 +543,10 @@
     </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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/sign-pdf.html b/src/pages/sign-pdf.html
index 589ec9d..3ea9153 100644
--- a/src/pages/sign-pdf.html
+++ b/src/pages/sign-pdf.html
@@ -147,7 +147,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -240,7 +245,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -252,7 +260,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -265,7 +273,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -276,7 +286,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -284,7 +296,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -328,7 +343,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/split-pdf.html b/src/pages/split-pdf.html
index 1b71ff7..a31e7a4 100644
--- a/src/pages/split-pdf.html
+++ b/src/pages/split-pdf.html
@@ -145,7 +145,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -421,7 +423,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -488,7 +493,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -532,7 +540,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/svg-to-pdf.html b/src/pages/svg-to-pdf.html
index 43a4015..ed1a76c 100644
--- a/src/pages/svg-to-pdf.html
+++ b/src/pages/svg-to-pdf.html
@@ -142,7 +142,12 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">SVG Graphics</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.svgGraphics"
+            >
+              SVG Graphics
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -249,7 +254,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -261,7 +269,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -274,7 +282,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -285,7 +295,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -293,7 +305,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -337,7 +352,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/table-of-contents.html b/src/pages/table-of-contents.html
index 5b43664..eddd7a4 100644
--- a/src/pages/table-of-contents.html
+++ b/src/pages/table-of-contents.html
@@ -154,8 +154,10 @@
               >
               <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">
+            <p class="text-xs text-gray-500" data-i18n="upload.hints.singlePdf">
+              A single PDF file
+            </p>
+            <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
           </div>
@@ -263,7 +265,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -275,7 +280,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -288,7 +293,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -299,7 +306,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -307,7 +316,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -351,7 +363,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/text-color.html b/src/pages/text-color.html
index e70b0b9..f28c0f6 100644
--- a/src/pages/text-color.html
+++ b/src/pages/text-color.html
@@ -145,7 +145,9 @@
               >
               <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.hints.pdfFile">
+              PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -227,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -239,7 +244,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -252,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -263,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -271,7 +280,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -315,7 +327,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/tiff-to-pdf.html b/src/pages/tiff-to-pdf.html
index 841f50f..8ce57f9 100644
--- a/src/pages/tiff-to-pdf.html
+++ b/src/pages/tiff-to-pdf.html
@@ -137,10 +137,17 @@
               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 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">TIFF images</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.tiffImages"
+            >
+              TIFF images
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -220,7 +227,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -232,7 +242,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -245,7 +255,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -256,7 +268,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -264,7 +278,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -308,7 +325,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/txt-to-pdf.html b/src/pages/txt-to-pdf.html
index 1354be2..816a6a2 100644
--- a/src/pages/txt-to-pdf.html
+++ b/src/pages/txt-to-pdf.html
@@ -111,7 +111,9 @@
           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>
+          ><span class="cursor-pointer" data-i18n="tools.backToTools">
+            Back to Tools
+          </span>
         </button>
 
         <h1
@@ -156,7 +158,9 @@
                   class="w-10 h-10 mb-3 text-gray-400"
                 ></i>
                 <p class="mb-2 text-sm text-gray-400">
-                  <span class="font-semibold">Click to select file(s)</span>
+                  <span class="font-semibold" data-i18n="upload.clickToSelect"
+                    >Click to select file(s)</span
+                  >
                   <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
                 </p>
                 <p class="text-xs text-gray-500">Text files (.txt)</p>
@@ -373,7 +377,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -385,7 +392,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -398,7 +405,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -409,7 +418,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -417,7 +428,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -461,7 +475,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/validate-signature-pdf.html b/src/pages/validate-signature-pdf.html
index d2af9df..4aea97c 100644
--- a/src/pages/validate-signature-pdf.html
+++ b/src/pages/validate-signature-pdf.html
@@ -147,7 +147,12 @@
               >
               <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.hints.pdfDocuments"
+            >
+              PDF Documents
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -241,7 +246,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -294,7 +302,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -324,7 +335,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/view-metadata.html b/src/pages/view-metadata.html
index 266b7c2..145e9d0 100644
--- a/src/pages/view-metadata.html
+++ b/src/pages/view-metadata.html
@@ -142,7 +142,9 @@
               >
               <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.hints.singlePdf">
+              A single PDF file
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -219,7 +221,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -231,7 +236,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -244,7 +249,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -255,7 +262,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -263,7 +272,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -307,7 +319,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/vsd-to-pdf.html b/src/pages/vsd-to-pdf.html
index 92c72e5..8c131b1 100644
--- a/src/pages/vsd-to-pdf.html
+++ b/src/pages/vsd-to-pdf.html
@@ -137,7 +137,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -234,7 +236,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -246,7 +251,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -259,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -270,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -278,7 +287,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -322,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/webp-to-pdf.html b/src/pages/webp-to-pdf.html
index acb325f..996220b 100644
--- a/src/pages/webp-to-pdf.html
+++ b/src/pages/webp-to-pdf.html
@@ -142,7 +142,12 @@
               >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
-            <p class="text-xs text-gray-500">WebP Images</p>
+            <p
+              class="text-xs text-gray-500"
+              data-i18n="upload.hints.webpImages"
+            >
+              WebP Images
+            </p>
             <p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
               Your files never leave your device.
             </p>
@@ -249,7 +254,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -261,7 +269,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -274,7 +282,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -285,7 +295,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -293,7 +305,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -337,7 +352,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/word-to-pdf.html b/src/pages/word-to-pdf.html
index cf67929..70d1369 100644
--- a/src/pages/word-to-pdf.html
+++ b/src/pages/word-to-pdf.html
@@ -243,7 +243,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -308,7 +311,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -354,7 +360,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/wpd-to-pdf.html b/src/pages/wpd-to-pdf.html
index 0c3bb55..5a082da 100644
--- a/src/pages/wpd-to-pdf.html
+++ b/src/pages/wpd-to-pdf.html
@@ -137,7 +137,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -234,7 +236,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -246,7 +251,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -259,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -270,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -278,7 +287,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -322,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/wps-to-pdf.html b/src/pages/wps-to-pdf.html
index bb8ef4c..7a11dba 100644
--- a/src/pages/wps-to-pdf.html
+++ b/src/pages/wps-to-pdf.html
@@ -137,7 +137,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -234,7 +236,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -246,7 +251,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -259,7 +264,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -270,7 +277,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -278,7 +287,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -322,7 +334,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/xml-to-pdf.html b/src/pages/xml-to-pdf.html
index a183bdd..c50443e 100644
--- a/src/pages/xml-to-pdf.html
+++ b/src/pages/xml-to-pdf.html
@@ -136,7 +136,9 @@
               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 class="font-semibold" data-i18n="upload.clickToSelect"
+                >Click to select files</span
+              >
               <span data-i18n="upload.orDragAndDrop">or drag and drop</span>
             </p>
             <p
@@ -223,7 +225,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -235,7 +240,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -248,7 +253,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -259,7 +266,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -267,7 +276,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -311,7 +323,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">
diff --git a/src/pages/xps-to-pdf.html b/src/pages/xps-to-pdf.html
index f460487..58a2523 100644
--- a/src/pages/xps-to-pdf.html
+++ b/src/pages/xps-to-pdf.html
@@ -229,7 +229,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
+        data-i18n="howItWorks.title"
+      >
         How It Works
       </h2>
       <div class="space-y-6">
@@ -241,7 +244,7 @@
           </div>
           <div class="flex-1">
             <h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
-            <p class="text-gray-400">
+            <p class="text-gray-400" data-i18n="howItWorks.step1">
               Click or drag and drop your file to begin
             </p>
           </div>
@@ -254,7 +257,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step2">
+              Click the process button to start
+            </p>
           </div>
         </div>
         <div class="flex items-start gap-4">
@@ -265,7 +270,9 @@
           </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>
+            <p class="text-gray-400" data-i18n="howItWorks.step3">
+              Save your processed file instantly
+            </p>
           </div>
         </div>
       </div>
@@ -273,7 +280,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="relatedTools.title"
+      >
         Related PDF Tools
       </h2>
       <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -317,7 +327,10 @@
 
     <!-- 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">
+      <h2
+        class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
+        data-i18n="faq.sectionTitle"
+      >
         Frequently Asked Questions
       </h2>
       <div class="space-y-4">