build(deps): bump actions/setup-node from 4 to 6

Bumps [actions/setup-node](https://github.com/actions/setup-node) from 4 to 6.
- [Release notes](https://github.com/actions/setup-node/releases)
- [Commits](https://github.com/actions/setup-node/compare/v4...v6)

---
updated-dependencies:
- dependency-name: actions/setup-node
  dependency-version: '6'
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

.github/workflows/build-and-publish.yml

@@ -3,12 +3,52 @@ name: Build and Push Docker Images (Default + Simple Mode)
 on:
   push:
     branches:
-      - 'main'
+      - "main"
     tags:
-      - 'v*'
+      - "v*"
   workflow_dispatch:
 
 jobs:
+  # New job to build dist and create release
+  build-and-release:
+    runs-on: ubuntu-latest
+    if: startsWith(github.ref, 'refs/tags/')
+    permissions:
+      contents: write
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: "20"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build distribution
+        run: npm run build
+
+      - name: Extract version
+        id: version
+        run: |
+          VERSION=${GITHUB_REF#refs/tags/v}
+          echo "version=${VERSION}" >> $GITHUB_OUTPUT
+
+      - name: Package distribution
+        run: npm run package
+
+      - name: Create GitHub Release
+        uses: softprops/action-gh-release@v2
+        with:
+          files: dist-${{ steps.version.outputs.version }}.zip
+          generate_release_notes: true
+          draft: false
+          prerelease: false
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
   docker-build-and-push:
     runs-on: ubuntu-latest
     permissions:
@@ -19,26 +59,33 @@ jobs:
         mode:
           - name: default
             simple_mode: false
-            suffix: ''
+            suffix: ""
           - name: simple
             simple_mode: true
-            suffix: '-simple'
+            suffix: "-simple"
     steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v3
+
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
+
       - name: Login to DockerHub
         uses: docker/login-action@v3
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_TOKEN }}
+
       - name: Login to GitHub Container Registry
         uses: docker/login-action@v3
         with:
           registry: ghcr.io
           username: ${{ github.repository_owner }}
           password: ${{ secrets.GITHUB_TOKEN }}
+
       - name: Extract version from tag
         id: version
         run: |

README.md

@@ -1,10 +1,17 @@
-# BentoPDF
+<p align="center"><img src="public/images/favicon.svg" width="80"></p>
+<h1 align="center">BentoPDF</h1>
 
-**BentoPDF** is a powerful, privacy-first, client-side PDF toolkit that allows you to manipulate, edit, merge, and process PDF files directly in your browser. No server-side processing is required, ensuring your files remain secure and private.
+<hr>
+
+**BentoPDF** is a powerful, privacy-first, client-side PDF toolkit that is self hostable and allows you to manipulate, edit, merge, and process PDF files directly in your browser. No server-side processing is required, ensuring your files remain secure and private.
 
 ![Docker Pulls](https://img.shields.io/docker/pulls/bentopdf/bentopdf) [![Ko-fi](https://img.shields.io/badge/Buy%20me%20a%20Coffee-yellow?logo=kofi&style=flat-square)](https://ko-fi.com/alio0) ![GitHub Stars](https://img.shields.io/github/stars/alam00000/bentopdf?style=social)
 [![Sponsor me on GitHub](https://img.shields.io/badge/Sponsor-%E2%9D%A4-ff69b4)](https://github.com/sponsors/alam00000)
 
+![BentoPDF Tools](public/images/bentopdf-tools.png)
+
+<hr>
+
 ## ⭐ Stargazers over time
 
 [![Star History Chart](https://api.star-history.com/svg?repos=alam00000/bentopdf&type=Date)](https://star-history.com/#alam00000/bentopdf&Date)
@@ -38,6 +45,17 @@ BentoPDF offers a comprehensive suite of tools to handle all your PDF needs.
 | **View PDF**              | A powerful, integrated PDF viewer.                                         |
 | **Alternate & Mix pages** | Merge pages by alternating pages from each PDF.                            |
 | **Posterize PDF**         | Split a PDF into multiple smaller pages for print.                         |
+| **PDF Multi Tool**        | Merge, Split, Organize, Delete, Rotate, Add Blank Pages, Extract and Duplicate in an unified interface. |
+| **Add Attachments**       | Embed one or more files into your PDF.                                     |
+| **Extract Attachments**   | Extract all embedded files from PDF(s) as a ZIP.                           |
+| **Edit Attachments**      | View or remove attachments in your PDF.                                    |
+| **Divide Pages**          | Divide pages horizontally or vertically.                                   |
+| **Combine to Single Page**| Stitch all pages into one continuous scroll.                               |
+| **Add Blank Page**        | Insert an empty page anywhere in your PDF.                                 |
+| **Reverse Pages**         | Flip the order of all pages in your document.                              |
+| **View Metadata**         | Inspect the hidden properties of your PDF.                                 |
+| **PDFs to ZIP**           | Package multiple PDF files into a ZIP archive.                             |
+| **Compare PDFs**          | Compare two PDFs side by side.                                             |
 
 ### Edit & Modify PDFs
 
@@ -56,12 +74,22 @@ BentoPDF offers a comprehensive suite of tools to handle all your PDF needs.
 | **Remove Annotations** | Remove comments, highlights, and other annotations.         |
 | **Remove Blank Pages** | Auto detect and remove blank pages in a PDF.                |
 | **Edit Bookmarks** | Add, Edit, Create, Import and Export PDF Bookmarks.                |
+| **Add Stamps**         | Add image stamps to your PDF using the annotation toolbar.    |
+| **Table of Contents**  | Generate a table of contents page from PDF bookmarks.         |
+| **Redact Content**     | Permanently remove sensitive content from your PDFs.        |
 
 ### Convert to PDF
 
 | Tool Name           | Description                                                     |
 | :------------------ | :-------------------------------------------------------------- |
 | **Image to PDF**    | Convert JPG, PNG, WebP, SVG, BMP, HEIC, and TIFF images to PDF. |
+| **JPG to PDF**      | Convert JPG images to PDF.                                        |
+| **PNG to PDF**      | Convert PNG images to PDF.                                        |
+| **WebP to PDF**     | Convert WebP images to PDF.                                       |
+| **SVG to PDF**      | Convert SVG images to PDF.                                        |
+| **BMP to PDF**      | Convert BMP images to PDF.                                        |
+| **HEIC to PDF**     | Convert HEIC images to PDF.                                       |
+| **TIFF to PDF**     | Convert TIFF images to PDF.                                       |
 | **Markdown to PDF** | Convert `.md` files into professional PDF documents.            |
 | **Text to PDF**     | Convert plain text files into a PDF.                            |
 | **JSON to PDF**     | Convert JSON to PDF.                                             |
@@ -71,9 +99,14 @@ BentoPDF offers a comprehensive suite of tools to handle all your PDF needs.
 | Tool Name            | Description                                                                    |
 | :------------------- | :----------------------------------------------------------------------------- |
 | **PDF to Image**     | Convert PDF pages to JPG, PNG, WebP, BMP, or TIFF formats.                     |
+| **PDF to JPG**       | Convert each PDF page into a JPG image.                                        |
+| **PDF to PNG**       | Convert each PDF page into a PNG image.                                        |
+| **PDF to WebP**      | Convert each PDF page into a WebP image.                                       |
+| **PDF to BMP**       | Convert each PDF page into a BMP image.                                        |
+| **PDF to TIFF**      | Convert each PDF page into a TIFF image.                                       |
 | **PDF to Greyscale** | Convert a color PDF into a black-and-white version.                            |
 | **OCR PDF**          | Make scanned PDFs searchable and copyable using Optical Character Recognition. |
-| **PDF to JSON**          | Convert JSON to PDFs. |
+| **PDF to JSON**      | Convert PDF files to JSON format.                                              |
 
 ### Secure & Optimize PDFs
 
@@ -90,6 +123,9 @@ BentoPDF offers a comprehensive suite of tools to handle all your PDF needs.
 | **Remove Metadata**    | Strip all metadata from your PDF for privacy.                      |
 | **Linearize PDF**      | Optimize PDF for fast web view.                                    |
 | **Sanitize PDF**       | Remove potentially unwanted or malicous files from PDF.            |
+| **Fix Page Size**      | Standardize all pages to a uniform size.                           |
+| **Page Dimensions**    | Analyze page size, orientation, and units.                         |
+| **Remove Restrictions**| Remove password protection and security restrictions associated with digitally signed PDF files. |
 
 ---
 
@@ -105,7 +141,7 @@ You can run BentoPDF locally for development or personal use.
 
 ### 🚀 Quick Start with Docker
 
-[![Deploy on Zeabur](https://zeabur.com/button.svg)](https://zeabur.com/templates/LWO8I0?referralCode=LokiSalmonNeko)
+[![Deploy on Zeabur](https://zeabur.com/button.svg)](https://zeabur.com/templates/K4AU2B)
 
 You can run BentoPDF directly from Docker Hub or GitHub Container Registry without cloning the repository:
 
@@ -128,6 +164,87 @@ Open your browser at: http://localhost:3000
 
 This is the fastest way to try BentoPDF without setting up a development environment.
 
+### 🏠 Self-Hosting
+
+Since BentoPDF is fully client-side, all processing happens in the user's browser and no server-side processing is required. This means you can host BentoPDF as simple static files on any web server or hosting platform.
+
+**Download from Releases (Recommended):**
+
+The easiest way to self-host is to download the pre-built distribution file from our [GitHub releases](https://github.com/alam00000/bentopdf/releases). Each release includes a `dist-{version}.zip` file that contains all necessary files for self-hosting.
+
+1. Go to [BentoPDF Releases](https://github.com/alam00000/bentopdf/releases)
+2. Download the latest `dist-{version}.zip` file
+3. Extract the zip file
+4. Serve the extracted folder with your preferred web server
+   
+**Navigate to the extracted Folder:**
+```bash
+# Navigate to the extracted folder
+cd dist-1.6.2  # Replace with your version
+```
+
+**Serve with Python:**
+
+```bash
+# For Python 3
+python -m http.server 8000
+```
+
+The website can be accessible at: ```http://[::1]:8000/```
+
+**Serve with Node.js:**
+
+```bash
+# Install a simple server
+npx serve .
+
+# Or if you have serve installed globally
+npm install -g serve
+serve .
+```
+
+The website can be accessible at: ```http://localhost:3000/```
+
+**Serve with other tools:**
+
+You can also use other static file servers like:
+- Go: `go run main.go` with a simple Go server
+- PHP: `php -S localhost:8000`
+- Ruby: `ruby -run -e httpd . -p 8000`
+
+The website can be accessible at:
+- Go: ```http://localhost:8080/``` (default) or as specified
+- PHP: ```http://localhost:8000/```
+- Ruby: ```http://localhost:8000/``` (default port can be changed)
+
+Simply serve the extracted folder using any static file server, and BentoPDF will work completely client-side without any server-side dependencies.
+
+**Build from Source (Advanced):**
+
+If you prefer to build from source:
+
+```bash
+# Clone the repository
+git clone https://github.com/alam00000/bentopdf.git
+cd bentopdf
+
+# Install dependencies
+npm install
+
+# Build the project
+npm run build
+
+# Package the distribution for hosting (optional)
+npm run package
+
+# Serve the dist folder
+npx serve dist
+```
+
+The website can be accessible at: ```http://localhost:3000/```
+
+The `npm run package` command creates a `dist-{version}.zip` file that you can use for self-hosting.
+
 ### 🚀 Run with Docker Compose (Recommended)
 
 For a more robust setup with auto-restart capabilities:

about.html

@@ -251,38 +251,31 @@
 
     <footer class="mt-16 border-t-2 border-gray-700 py-8">
       <div class="container mx-auto px-4">
-        <div
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-          class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left"
-        >
           <div class="mb-8 md:mb-0">
             <div class="flex items-center justify-center md:justify-start mb-4">
-              <img
+              <img src="images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-                src="images/favicon.svg"
-                alt="Bentopdf Logo"
-                class="h-10 w-10 mr-3"
-              />
               <span class="text-xl font-bold text-white">BentoPDF</span>
             </div>
             <p class="text-gray-400 text-sm">
               &copy; 2025 BentoPDF. All rights reserved.
             </p>
+            <p class="text-gray-500 text-xs mt-2">
+              Version <span id="app-version">1.6.2</span>
+            </p>
           </div>
 
           <div>
             <h3 class="font-bold text-white mb-4">Company</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="./about.html" class="hover:text-indigo-400"
+                <a href="./about.html" class="hover:text-indigo-400">About Us</a>
-                  >About Us</a
-                >
               </li>
               <li>
                 <a href="./faq.html" class="hover:text-indigo-400">FAQ</a>
               </li>
               <li>
-                <a href="./contact.html" class="hover:text-indigo-400"
+                <a href="./contact.html" class="hover:text-indigo-400">Contact Us</a>
-                  >Contact Us</a
-                >
               </li>
             </ul>
           </div>
@@ -291,14 +284,10 @@
             <h3 class="font-bold text-white mb-4">Legal</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="./terms.html" class="hover:text-indigo-400"
+                <a href="./terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                  >Terms and Conditions</a
-                >
               </li>
               <li>
-                <a href="./privacy.html" class="hover:text-indigo-400"
+                <a href="./privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                  >Privacy Policy</a
-                >
               </li>
             </ul>
           </div>
@@ -306,31 +295,33 @@
           <div>
             <h3 class="font-bold text-white mb-4">Follow Us</h3>
             <div class="flex justify-center md:justify-start space-x-4">
-              <a
+              <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
-                href="https://www.instagram.com/thebentopdf/"
+                class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                class="text-gray-400 hover:text-indigo-400"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-              >
+                  <path fill-rule="evenodd"
+                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                    clip-rule="evenodd" />
+                </svg>
+              </a>
+              <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+                class="text-gray-400 hover:text-indigo-400" title="Discord">
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                </svg>
+              </a>
+              <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+                title="Instagram">
                 <i data-lucide="instagram"></i>
               </a>
-              <a
+              <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                href="https://www.linkedin.com/company/bentopdf/"
+                title="LinkedIn">
-                class="text-gray-400 hover:text-indigo-400"
-              >
                 <i data-lucide="linkedin"></i>
               </a>
-              <a
+              <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
-                href="https://x.com/BentoPDF"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                class="text-gray-400 hover:text-indigo-400"
-              >
-                <svg
-                  class="w-6 h-6"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
                   <path
-                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                  />
                 </svg>
               </a>
             </div>

contact.html

@@ -123,83 +123,79 @@
 
     <footer class="mt-16 border-t-2 border-gray-700 py-8">
       <div class="container mx-auto px-4">
-        <div
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-          class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left"
-        >
           <div class="mb-8 md:mb-0">
             <div class="flex items-center justify-center md:justify-start mb-4">
-              <img
+              <img src="images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-                src="images/favicon.svg"
+              <span class="text-xl font-bold text-white">BentoPDF</span>
-                alt="Bento PDF Logo"
-                class="h-10 w-10 mr-3"
-              />
-              <span class="text-xl font-bold text-white">Bentopdf</span>
             </div>
             <p class="text-gray-400 text-sm">
-              &copy; 2025 Bentopdf. All rights reserved.
+              &copy; 2025 BentoPDF. All rights reserved.
+            </p>
+            <p class="text-gray-500 text-xs mt-2">
+              Version <span id="app-version">1.6.2</span>
             </p>
           </div>
+
           <div>
             <h3 class="font-bold text-white mb-4">Company</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="about.html" class="hover:text-indigo-400">About Us</a>
+                <a href="./about.html" class="hover:text-indigo-400">About Us</a>
               </li>
-              <li><a href="faq.html" class="hover:text-indigo-400">FAQ</a></li>
               <li>
-                <a href="contact.html" class="hover:text-indigo-400"
+                <a href="./faq.html" class="hover:text-indigo-400">FAQ</a>
-                  >Contact Us</a
+              </li>
-                >
+              <li>
+                <a href="./contact.html" class="hover:text-indigo-400">Contact Us</a>
               </li>
             </ul>
           </div>
+
           <div>
             <h3 class="font-bold text-white mb-4">Legal</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="./terms.html" class="hover:text-indigo-400"
+                <a href="./terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                  >Terms and Conditions</a
-                >
               </li>
               <li>
-                <a href="./privacy.html" class="hover:text-indigo-400"
+                <a href="./privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                  >Privacy Policy</a
-                >
               </li>
             </ul>
           </div>
-          <div>
+
           <div>
             <h3 class="font-bold text-white mb-4">Follow Us</h3>
             <div class="flex justify-center md:justify-start space-x-4">
-                <a
+              <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
-                  href="https://www.instagram.com/thebentopdf/"
+                class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                  class="text-gray-400 hover:text-indigo-400"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                >
+                  <path fill-rule="evenodd"
+                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                    clip-rule="evenodd" />
+                </svg>
+              </a>
+              <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+                class="text-gray-400 hover:text-indigo-400" title="Discord">
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                </svg>
+              </a>
+              <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+                title="Instagram">
                 <i data-lucide="instagram"></i>
               </a>
-                <a
+              <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                  href="https://www.linkedin.com/company/bentopdf/"
+                title="LinkedIn">
-                  class="text-gray-400 hover:text-indigo-400"
-                >
                 <i data-lucide="linkedin"></i>
               </a>
-                <a
+              <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
-                  href="https://x.com/BentoPDF"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                  class="text-gray-400 hover:text-indigo-400"
-                >
-                  <svg
-                    class="w-6 h-6"
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                  >
                   <path
-                      d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                    />
                 </svg>
               </a>
-              </div>
             </div>
           </div>
         </div>

faq.html

@@ -309,20 +309,17 @@
 
     <footer class="mt-16 border-t-2 border-gray-700 py-8">
       <div class="container mx-auto px-4">
-        <div
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-          class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left"
-        >
           <div class="mb-8 md:mb-0">
             <div class="flex items-center justify-center md:justify-start mb-4">
-              <img
+              <img src="images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-                src="images/favicon.svg"
+              <span class="text-xl font-bold text-white">BentoPDF</span>
-                alt="Bento PDF Logo"
-                class="h-10 w-10 mr-3"
-              />
-              <span class="text-xl font-bold text-white">Bento PDF</span>
             </div>
             <p class="text-gray-400 text-sm">
-              &copy; 2025 Bento PDF. All rights reserved.
+              &copy; 2025 BentoPDF. All rights reserved.
+            </p>
+            <p class="text-gray-500 text-xs mt-2">
+              Version <span id="app-version">1.6.2</span>
             </p>
           </div>
 
@@ -330,13 +327,13 @@
             <h3 class="font-bold text-white mb-4">Company</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="about.html" class="hover:text-indigo-400">About Us</a>
+                <a href="./about.html" class="hover:text-indigo-400">About Us</a>
               </li>
-              <li><a href="faq.html" class="hover:text-indigo-400">FAQ</a></li>
               <li>
-                <a href="contact.html" class="hover:text-indigo-400"
+                <a href="./faq.html" class="hover:text-indigo-400">FAQ</a>
-                  >Contact Us</a
+              </li>
-                >
+              <li>
+                <a href="./contact.html" class="hover:text-indigo-400">Contact Us</a>
               </li>
             </ul>
           </div>
@@ -345,14 +342,10 @@
             <h3 class="font-bold text-white mb-4">Legal</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="./terms.html" class="hover:text-indigo-400"
+                <a href="./terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                  >Terms and Conditions</a
-                >
               </li>
               <li>
-                <a href="./privacy.html" class="hover:text-indigo-400"
+                <a href="./privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                  >Privacy Policy</a
-                >
               </li>
             </ul>
           </div>
@@ -360,29 +353,33 @@
           <div>
             <h3 class="font-bold text-white mb-4">Follow Us</h3>
             <div class="flex justify-center md:justify-start space-x-4">
-              <a
+              <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
-                href="https://www.instagram.com/thebentopdf/"
+                class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                class="text-gray-400 hover:text-indigo-400"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                ><i data-lucide="instagram"></i
+                  <path fill-rule="evenodd"
-              ></a>
+                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-              <a
+                    clip-rule="evenodd" />
-                href="https://www.linkedin.com/company/bentopdf/"
+                </svg>
-                class="text-gray-400 hover:text-indigo-400"
+              </a>
-                ><i data-lucide="linkedin"></i
+              <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
-              ></a>
+                class="text-gray-400 hover:text-indigo-400" title="Discord">
-              <a
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                href="https://x.com/BentoPDF"
-                class="text-gray-400 hover:text-indigo-400"
-              >
-                <svg
-                  class="w-6 h-6"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
                   <path
-                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                  />
+                </svg>
+              </a>
+              <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+                title="Instagram">
+                <i data-lucide="instagram"></i>
+              </a>
+              <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
+                title="LinkedIn">
+                <i data-lucide="linkedin"></i>
+              </a>
+              <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
                 </svg>
               </a>
             </div>

index.html

@@ -1,26 +1,20 @@
 <!doctype html>
 <html lang="en">
-  <head>
+
+<head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>BentoPDF - The Privacy First PDF Toolkit</title>
   <link rel="icon" type="image/png" href="./images/favicon.svg" />
   <link href="/src/css/styles.css" rel="stylesheet" />
-  </head>
+</head>
 
-  <body class="antialiased">
+<body class="antialiased">
   <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
     <div class="container mx-auto px-4">
       <div class="flex justify-between items-center h-16">
-          <div
+        <div class="flex-shrink-0 flex items-center cursor-pointer" id="home-logo">
-            class="flex-shrink-0 flex items-center cursor-pointer"
+          <img src="images/favicon.svg" alt="Bento PDF Logo" class="h-8 w-8" />
-            id="home-logo"
-          >
-            <img
-              src="images/favicon.svg"
-              alt="Bento PDF Logo"
-              class="h-8 w-8"
-            />
           <span class="text-white font-bold text-xl ml-2">
             <a href="index.html">BentoPDF</a>
           </span>
@@ -36,47 +30,19 @@
 
         <!-- Mobile Hamburger Button -->
         <div class="md:hidden flex items-center">
-            <button
+          <button id="mobile-menu-button" type="button"
-              id="mobile-menu-button"
-              type="button"
             class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
-              aria-controls="mobile-menu"
+            aria-controls="mobile-menu" aria-expanded="false">
-              aria-expanded="false"
-            >
             <span class="sr-only">Open main menu</span>
             <!-- Hamburger Icon -->
-              <svg
+            <svg id="menu-icon" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                id="menu-icon"
+              stroke="currentColor" aria-hidden="true">
-                class="block h-6 w-6"
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M4 6h16M4 12h16M4 18h16"
-                />
             </svg>
             <!-- Close Icon -->
-              <svg
+            <svg id="close-icon" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none"
-                id="close-icon"
+              viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                class="hidden h-6 w-6"
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M6 18L18 6M6 6l12 12"
-                />
             </svg>
           </button>
         </div>
@@ -84,17 +50,12 @@
     </div>
 
     <!-- Mobile Menu Dropdown -->
-      <div
+    <div id="mobile-menu" class="hidden md:hidden bg-gray-800 border-t border-gray-700">
-        id="mobile-menu"
-        class="hidden md:hidden bg-gray-800 border-t border-gray-700"
-      >
       <div class="px-2 pt-2 pb-3 space-y-1 text-center">
         <a href="index.html" class="mobile-nav-link">Home</a>
         <a href="./about.html" class="mobile-nav-link">About</a>
         <a href="./contact.html" class="mobile-nav-link">Contact</a>
-          <a href="index.html#tools-header" class="mobile-nav-link"
+        <a href="index.html#tools-header" class="mobile-nav-link">All Tools</a>
-            >All Tools</a
-          >
       </div>
     </div>
   </nav>
@@ -103,40 +64,48 @@
       <h1 class="text-4xl md:text-7xl font-bold text-white mb-4">
         The <span class="marker-slanted"> PDF Toolkit </span> built for
         privacy<span
-            class="text-4xl md:text-6xl text-transparent bg-clip-text bg-gradient-to-r from-indigo-500 to-purple-500"
+          class="text-4xl md:text-6xl text-transparent bg-clip-text bg-gradient-to-r from-indigo-500 to-purple-500">.</span>
-            >.</span
-          >
       </h1>
       <p class="text-lg text-gray-400 mb-8">Fast, Secure and Forever Free.</p>
-        <div
+      <div class="flex flex-wrap justify-center items-center gap-2 sm:gap-4 mb-8">
-          class="flex flex-wrap justify-center items-center gap-2 sm:gap-4 mb-8"
-        >
         <span
-            class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-800/50 border border-indigo-500/30 text-indigo-300 text-sm font-medium backdrop-blur-sm"
+          class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-800/50 border border-indigo-500/30 text-indigo-300 text-sm font-medium backdrop-blur-sm">
-          >
           <i data-lucide="check-circle" class="w-4 h-4"></i>
           No Signups
         </span>
         <span
-            class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-800/50 border border-indigo-500/30 text-indigo-300 text-sm font-medium backdrop-blur-sm"
+          class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-800/50 border border-indigo-500/30 text-indigo-300 text-sm font-medium backdrop-blur-sm">
-          >
           <i data-lucide="check-circle" class="w-4 h-4"></i>
           Unlimited Use
         </span>
         <span
-            class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-800/50 border border-indigo-500/30 text-indigo-300 text-sm font-medium backdrop-blur-sm"
+          class="inline-flex items-center gap-2 px-4 py-2 rounded-lg bg-gray-800/50 border border-indigo-500/30 text-indigo-300 text-sm font-medium backdrop-blur-sm">
-          >
           <i data-lucide="check-circle" class="w-4 h-4"></i>
           Works Offline
         </span>
       </div>
 
       <div class="flex flex-col items-center gap-4">
-          <a
+        <a href="#tools-header"
-            href="#tools-header"
+          class="inline-block px-8 py-3 rounded-full bg-gradient-to-b from-indigo-500 to-indigo-600 text-white font-semibold focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-indigo-400 hover:shadow-xl hover:shadow-indigo-500/30 transition-all duration-200 transform hover:-translate-y-1">Start
-            class="inline-block px-8 py-3 rounded-full bg-gradient-to-b from-indigo-500 to-indigo-600 text-white font-semibold focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-indigo-400 hover:shadow-xl hover:shadow-indigo-500/30 transition-all duration-200 transform hover:-translate-y-1"
+          Using - Forever Free</a>
-            >Start Using - Forever Free</a
+        <a href="https://github.com/alam00000/bentopdf/stargazers" target="_blank" rel="noopener noreferrer" class="
-          >
+            inline-flex items-center gap-1.5 text-sm font-medium
+            bg-white text-gray-800 border border-gray-300
+            dark:bg-gray-800 dark:text-gray-200 dark:border-gray-600
+            pl-2.5 pr-3 py-1
+            rounded-full transition-colors duration-200
+            shadow-sm hover:shadow-md hover:bg-gray-50 dark:hover:bg-gray-700
+          ">
+          <svg class="w-4 h-4 flex-shrink-0 text-gray-800 dark:text-gray-200" fill="currentColor" viewBox="0 0 24 24"
+            aria-hidden="true">
+            <path fill-rule="evenodd"
+              d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+              clip-rule="evenodd" />
+          </svg>
+
+          <span id="github-stars">-</span>
+        </a>
       </div>
     </section>
 
@@ -149,10 +118,7 @@
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
         <div class="bg-gray-800 p-6 rounded-lg">
           <div class="flex items-center gap-4 mb-3">
-              <i
+            <i data-lucide="user-plus" class="w-10 h-10 text-indigo-400 flex-shrink-0"></i>
-                data-lucide="user-plus"
-                class="w-10 h-10 text-indigo-400 flex-shrink-0"
-              ></i>
             <h3 class="text-xl font-bold text-white">No Signup</h3>
           </div>
           <p class="text-gray-400 pl-14">
@@ -161,10 +127,7 @@
         </div>
         <div class="bg-gray-800 p-6 rounded-lg">
           <div class="flex items-center gap-4 mb-3">
-              <i
+            <i data-lucide="shield" class="w-10 h-10 text-indigo-400 flex-shrink-0"></i>
-                data-lucide="shield"
-                class="w-10 h-10 text-indigo-400 flex-shrink-0"
-              ></i>
             <h3 class="text-xl font-bold text-white">No Uploads</h3>
           </div>
           <p class="text-gray-400 pl-14">
@@ -173,10 +136,7 @@
         </div>
         <div class="bg-gray-800 p-6 rounded-lg">
           <div class="flex items-center gap-4 mb-3">
-              <i
+            <i data-lucide="badge-dollar-sign" class="w-10 h-10 text-indigo-400 flex-shrink-0"></i>
-                data-lucide="badge-dollar-sign"
-                class="w-10 h-10 text-indigo-400 flex-shrink-0"
-              ></i>
             <h3 class="text-xl font-bold text-white">Forever Free</h3>
           </div>
           <p class="text-gray-400 pl-14">
@@ -185,10 +145,7 @@
         </div>
         <div class="bg-gray-800 p-6 rounded-lg">
           <div class="flex items-center gap-4 mb-3">
-              <i
+            <i data-lucide="infinity" class="w-10 h-10 text-indigo-400 flex-shrink-0"></i>
-                data-lucide="infinity"
-                class="w-10 h-10 text-indigo-400 flex-shrink-0"
-              ></i>
             <h3 class="text-xl font-bold text-white">No Limits</h3>
           </div>
           <p class="text-gray-400 pl-14">
@@ -197,20 +154,14 @@
         </div>
         <div class="bg-gray-800 p-6 rounded-lg">
           <div class="flex items-center gap-4 mb-3">
-              <i
+            <i data-lucide="layers" class="w-10 h-10 text-indigo-400 flex-shrink-0"></i>
-                data-lucide="layers"
-                class="w-10 h-10 text-indigo-400 flex-shrink-0"
-              ></i>
             <h3 class="text-xl font-bold text-white">Batch Processing</h3>
           </div>
           <p class="text-gray-400 pl-14">Handle unlimited PDFs in one go.</p>
         </div>
         <div class="bg-gray-800 p-6 rounded-lg">
           <div class="flex items-center gap-4 mb-3">
-              <i
+            <i data-lucide="zap" class="w-10 h-10 text-indigo-400 flex-shrink-0"></i>
-                data-lucide="zap"
-                class="w-10 h-10 text-indigo-400 flex-shrink-0"
-              ></i>
             <h3 class="text-xl font-bold text-white">Lightning Fast</h3>
           </div>
           <p class="text-gray-400 pl-14">
@@ -235,47 +186,30 @@
           <span class="absolute inset-y-0 left-0 flex items-center pl-3">
             <i data-lucide="search" class="w-5 h-5 text-gray-400"></i>
           </span>
-            <input
+          <input type="text" id="search-bar"
-              type="text"
-              id="search-bar"
             class="w-full pl-10 pr-4 py-3 bg-gray-700 text-white border border-gray-600 rounded-lg focus:ring-indigo-500 focus:border-indigo-500"
-              placeholder="Search for a tool (e.g., 'split', 'organize'...)"
+            placeholder="Search for a tool (e.g., 'split', 'organize'...)" />
-            />
+          <span class="absolute inset-y-0 right-0 flex items-center rounded-lg pr-2">
-            <span
-              class="absolute inset-y-0 right-0 flex items-center rounded-lg pr-2"
-            >
             <kbd id="shortcut" class="bg-gray-800 px-1 rounded-lg"></kbd>
           </span>
         </div>
       </div>
 
-        <div
+      <div id="tool-grid" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 md:gap-6"></div>
-          id="tool-grid"
-          class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 md:gap-6"
-        ></div>
     </div>
 
-      <div
+    <div id="tool-interface"
-        id="tool-interface"
+      class="hidden w-full max-w-4xl mx-auto bg-gray-800 rounded-xl shadow-2xl p-6 md:p-8 border border-gray-700">
-        class="hidden w-full max-w-4xl mx-auto bg-gray-800 rounded-xl shadow-2xl p-6 md:p-8 border border-gray-700"
+      <button id="back-to-grid"
-      >
+        class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold">
-        <button
-          id="back-to-grid"
-          class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold"
-        >
         <i data-lucide="arrow-left" class="cursor-pointer"></i>
         <span class="cursor-pointer"> Back to Tools </span>
       </button>
       <div id="tool-content"></div>
     </div>
 
-      <div
+    <div id="loader-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50">
-        id="loader-modal"
+      <div class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl">
-        class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50"
-      >
-        <div
-          class="bg-gray-800 p-8 rounded-lg flex flex-col items-center gap-4 border border-gray-700 shadow-xl"
-        >
         <div class="solid-spinner"></div>
         <p id="loader-text" class="text-white text-lg font-medium">
           Processing...
@@ -283,48 +217,33 @@
       </div>
     </div>
 
-      <div
+    <div id="alert-modal" class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-4">
-        id="alert-modal"
+      <div class="bg-gray-800 max-w-sm w-full p-6 rounded-lg border border-gray-700 shadow-xl text-center">
-        class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-4"
-      >
-        <div
-          class="bg-gray-800 max-w-sm w-full p-6 rounded-lg border border-gray-700 shadow-xl text-center"
-        >
         <h3 id="alert-title" class="text-xl font-bold text-white mb-2">
           Alert
         </h3>
         <p id="alert-message" class="text-gray-300 mb-6 whitespace-pre-line">
           This is an alert message.
         </p>
-          <button
+        <button id="alert-ok"
-            id="alert-ok"
+          class="btn bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700">
-            class="btn bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700"
-          >
           OK
         </button>
       </div>
     </div>
 
-      <div
+    <div id="preview-modal"
-        id="preview-modal"
+      class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-40 p-4">
-        class="hidden fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-40 p-4"
+      <div class="bg-white text-black rounded-lg shadow-xl w-full max-w-4xl h-[90vh] flex flex-col">
-      >
-        <div
-          class="bg-white text-black rounded-lg shadow-xl w-full max-w-4xl h-[90vh] flex flex-col"
-        >
         <div class="p-4 border-b flex justify-between items-center">
           <h3 class="text-xl font-bold">Document Preview</h3>
           <div class="flex gap-4">
-              <button
+            <button id="preview-download-btn"
-                id="preview-download-btn"
+              class="btn bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700">
-                class="btn bg-indigo-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-indigo-700"
-              >
               Download as PDF
             </button>
-              <button
+            <button id="preview-close-btn"
-                id="preview-close-btn"
+              class="btn bg-gray-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-gray-700">
-                class="btn bg-gray-600 text-white font-semibold py-2 px-6 rounded-lg hover:bg-gray-700"
-              >
               Close
             </button>
           </div>
@@ -338,96 +257,62 @@
     <!-- COMPLIANCE SECTION START -->
     <section id="security-compliance-section" class="py-20 hide-section">
       <div class="mb-8 text-center">
-          <h2
+        <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6 text-balance">
-            class="text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6 text-balance"
-          >
           Your data never leaves your device
           <span class="inline-flex items-center gap-2">
-              <i
+            <i data-lucide="shield" class="w-8 h-8 md:w-10 md:h-10 text-indigo-400 bg-indigo-900 rounded-lg p-1.5"></i>
-                data-lucide="shield"
-                class="w-8 h-8 md:w-10 md:h-10 text-indigo-400 bg-indigo-900 rounded-lg p-1.5"
-              ></i>
             We keep
           </span>
           <br class="hidden sm:block" />
           <span
-              class="inline-block border-2 border-indigo-400 bg-indigo-900 text-indigo-300 px-4 py-2 rounded-full mx-2 text-2xl md:text-3xl lg:text-4xl font-bold"
+            class="inline-block border-2 border-indigo-400 bg-indigo-900 text-indigo-300 px-4 py-2 rounded-full mx-2 text-2xl md:text-3xl lg:text-4xl font-bold">
-            >
             your information safe
           </span>
           by following global security standards.
         </h2>
       </div>
       <div class="mb-16 text-center">
-          <span
+        <span class="inline-flex items-center gap-2 text-indigo-400 text-lg font-medium transition-colors">
-            class="inline-flex items-center gap-2 text-indigo-400 text-lg font-medium transition-colors"
-          >
           All the processing happens locally on your device.
         </span>
       </div>
 
-        <div
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-4">
-          class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-4"
-        >
         <!-- GDPR Compliance -->
         <div class="flex flex-col items-center text-center">
-            <div
+          <div class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-blue-600 flex items-center justify-center mb-4">
-              class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-blue-600 flex items-center justify-center mb-4"
+            <img src="/images/gdpr.svg" alt="GDPR compliance" class="w-full h-full" />
-            >
-              <img
-                src="/images/gdpr.svg"
-                alt="GDPR compliance"
-                class="w-full h-full"
-              />
           </div>
           <h3 class="text-lg md:text-xl font-bold text-white mb-3">
             GDPR compliance
           </h3>
-            <p
+          <p class="text-gray-400 text-sm md:text-base leading-relaxed max-w-xs">
-              class="text-gray-400 text-sm md:text-base leading-relaxed max-w-xs"
-            >
             Protects the personal data and privacy of individuals within the
             European Union.
           </p>
         </div>
 
         <div class="flex flex-col items-center text-center">
-            <div
+          <div class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-blue-600 flex items-center justify-center mb-4">
-              class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-blue-600 flex items-center justify-center mb-4"
+            <img src="/images/ccpa.svg" alt="CCPA compliance" class="w-full h-full" />
-            >
-              <img
-                src="/images/ccpa.svg"
-                alt="CCPA compliance"
-                class="w-full h-full"
-              />
           </div>
           <h3 class="text-lg md:text-xl font-bold text-white mb-3">
             CCPA compliance
           </h3>
-            <p
+          <p class="text-gray-400 text-sm md:text-base leading-relaxed max-w-xs">
-              class="text-gray-400 text-sm md:text-base leading-relaxed max-w-xs"
-            >
             Gives California residents rights over how their personal
             information is collected, used, and shared.
           </p>
         </div>
 
         <div class="flex flex-col items-center text-center">
-            <div
+          <div class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-blue-600 flex items-center justify-center mb-4">
-              class="w-20 h-20 md:w-24 md:h-24 rounded-full bg-blue-600 flex items-center justify-center mb-4"
+            <img src="/images/hipaa.svg" alt="HIPAA compliance" class="w-full h-full" />
-            >
-              <img
-                src="/images/hipaa.svg"
-                alt="HIPAA compliance"
-                class="w-full h-full"
-              />
           </div>
           <h3 class="text-lg md:text-xl font-bold text-white mb-3">
             HIPAA compliance
           </h3>
-            <p
+          <p class="text-gray-400 text-sm md:text-base leading-relaxed max-w-xs">
-              class="text-gray-400 text-sm md:text-base leading-relaxed max-w-xs"
-            >
             Sets safeguards for handling sensitive health information in the
             United States healthcare system.
           </p>
@@ -440,27 +325,16 @@
     <div class="section-divider hide-section"></div>
 
     <section id="faq-accordion" class="space-y-4 hide-section">
-        <h2
+      <h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-12 mt-8">
-          class="text-3xl md:text-4xl font-bold text-center text-white mb-12 mt-8"
-        >
         Frequently Asked <span class="marker-slanted">Questions</span>
       </h2>
       <!-- Existing FAQs here... -->
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">Is BentoPDF really free?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >Is BentoPDF really free?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             Yes, absolutely. All tools on BentoPDF are 100% free to use, with
             no file limits, no sign-ups, and no watermarks. We believe
@@ -471,20 +345,11 @@
       </div>
 
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">Are my files secure? Where are they processed?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >Are my files secure? Where are they processed?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             Your files are as secure as possible because they **never leave
             your computer**. All processing happens directly in your web
@@ -495,20 +360,11 @@
       </div>
 
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">Does it work on Mac, Windows, and Mobile?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >Does it work on Mac, Windows, and Mobile?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             Yes! Since BentoPDF runs entirely in your browser, it works on any
             operating system with a modern web browser, including Windows,
@@ -519,20 +375,11 @@
 
       <!-- New FAQ: GDPR Compliance -->
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">Is BentoPDF GDPR compliant?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >Is BentoPDF GDPR compliant?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             Yes. BentoPDF is fully GDPR compliant. Since all file processing
             happens locally in your browser and we never collect or transmit
@@ -544,20 +391,11 @@
 
       <!-- New FAQ: Data Storage -->
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">Do you store or track any of my files?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >Do you store or track any of my files?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             No. We never store, track, or log your files. Everything you do on
             BentoPDF happens in your browser memory and disappears once you
@@ -569,20 +407,11 @@
 
       <!-- New FAQ: Privacy -->
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">What makes BentoPDF different from other PDF tools?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >What makes BentoPDF different from other PDF tools?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             Most PDF tools upload your files to a server for processing.
             BentoPDF never does that. We use secure, modern web technology to
@@ -594,20 +423,11 @@
 
       <!-- New FAQ: Browser-Based -->
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">How does browser-based processing keep me safe?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >How does browser-based processing keep me safe?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             By running entirely inside your browser, BentoPDF ensures that
             your files never leave your device. This eliminates the risks of
@@ -619,30 +439,16 @@
 
       <!-- New FAQ: Analytics -->
       <div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
-          <button
+        <button class="faq-question w-full flex justify-between items-center text-left p-6">
-            class="faq-question w-full flex justify-between items-center text-left p-6"
+          <span class="text-lg font-semibold text-white">Do you use cookies or analytics to track me?</span>
-          >
+          <i data-lucide="chevron-down" class="faq-icon w-6 h-6 text-gray-400 transition-transform"></i>
-            <span class="text-lg font-semibold text-white"
-              >Do you use cookies or analytics to track me?</span
-            >
-            <i
-              data-lucide="chevron-down"
-              class="faq-icon w-6 h-6 text-gray-400 transition-transform"
-            ></i>
         </button>
-          <div
+        <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out">
-            class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
-          >
           <p class="p-6 pt-0 text-gray-400">
             We care about your privacy. BentoPDF does not track personal
             information. We use
-              <a
+            <a href="https://simpleanalytics.com" class="text-indigo-400 hover:underline" target="_blank"
-                href="https://simpleanalytics.com"
+              rel="noopener noreferrer">Simple Analytics</a>
-                class="text-indigo-400 hover:underline"
-                target="_blank"
-                rel="noopener noreferrer"
-                >Simple Analytics</a
-              >
             solely to see anonymous visit counts. This means we can know how
             many users visit our site, but
             <strong>we never know who you are</strong>. Simple Analytics is
@@ -658,9 +464,7 @@
       <h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-12">
         What Our <span class="marker-slanted">Users</span> Say
       </h2>
-        <div
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
-          class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto"
-        >
         <div class="testimonial-card">
           <div class="flex items-center mb-4">
             <div>
@@ -757,9 +561,7 @@
 
     <div class="section-divider"></div>
     <section id="support-section" class="py-20">
-        <div
+      <div class="max-w-4xl mx-auto text-center bg-gray-800 p-8 md:p-12 rounded-xl border border-gray-700 shadow-2xl">
-          class="max-w-4xl mx-auto text-center bg-gray-800 p-8 md:p-12 rounded-xl border border-gray-700 shadow-2xl"
-        >
         <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
           Like My Work?
         </h2>
@@ -769,12 +571,8 @@
           supporting its development. Every coffee helps!
         </p>
 
-          <a
+        <a href="https://ko-fi.com/alio01" target="_blank" rel="noopener noreferrer"
-            href="https://ko-fi.com/alio01"
+          class="inline-flex items-center gap-3 px-8 py-3 rounded-full bg-gradient-to-b from-indigo-500 to-indigo-600 text-white font-semibold focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-indigo-400 hover:shadow-xl hover:shadow-indigo-500/30 transition-all duration-200 transform hover:-translate-y-1 mt-5">
-            target="_blank"
-            rel="noopener noreferrer"
-            class="inline-flex items-center gap-3 px-8 py-3 rounded-full bg-gradient-to-b from-indigo-500 to-indigo-600 text-white font-semibold focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-indigo-400 hover:shadow-xl hover:shadow-indigo-500/30 transition-all duration-200 transform hover:-translate-y-1 mt-5"
-          >
           <i data-lucide="coffee" class="w-7 h-7"></i>
           <span>Buy Me a Coffee</span>
         </a>
@@ -786,38 +584,31 @@
 
   <footer class="mt-16 border-t-2 border-gray-700 py-8">
     <div class="container mx-auto px-4">
-        <div
+      <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-          class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left"
-        >
         <div class="mb-8 md:mb-0">
           <div class="flex items-center justify-center md:justify-start mb-4">
-              <img
+            <img src="public/images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-                src="public/images/favicon.svg"
-                alt="Bento PDF Logo"
-                class="h-10 w-10 mr-3"
-              />
             <span class="text-xl font-bold text-white">BentoPDF</span>
           </div>
           <p class="text-gray-400 text-sm">
             &copy; 2025 BentoPDF. All rights reserved.
           </p>
+          <p class="text-gray-500 text-xs mt-2">
+            Version <span id="app-version">1.6.2</span>
+          </p>
         </div>
 
         <div>
           <h3 class="font-bold text-white mb-4">Company</h3>
           <ul class="space-y-2 text-gray-400">
             <li>
-                <a href="./about.html" class="hover:text-indigo-400"
+              <a href="./about.html" class="hover:text-indigo-400">About Us</a>
-                  >About Us</a
-                >
             </li>
             <li>
               <a href="./faq.html" class="hover:text-indigo-400">FAQ</a>
             </li>
             <li>
-                <a href="./contact.html" class="hover:text-indigo-400"
+              <a href="./contact.html" class="hover:text-indigo-400">Contact Us</a>
-                  >Contact Us</a
-                >
             </li>
           </ul>
         </div>
@@ -826,14 +617,10 @@
           <h3 class="font-bold text-white mb-4">Legal</h3>
           <ul class="space-y-2 text-gray-400">
             <li>
-                <a href="./terms.html" class="hover:text-indigo-400"
+              <a href="./terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                  >Terms and Conditions</a
-                >
             </li>
             <li>
-                <a href="./privacy.html" class="hover:text-indigo-400"
+              <a href="./privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                  >Privacy Policy</a
-                >
             </li>
           </ul>
         </div>
@@ -841,72 +628,33 @@
         <div>
           <h3 class="font-bold text-white mb-4">Follow Us</h3>
           <div class="flex justify-center md:justify-start space-x-4">
-              <a
+            <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
-                href="https://github.com/alam00000/bentopdf"
+              class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                target="_blank"
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                rel="noopener noreferrer"
+                <path fill-rule="evenodd"
-                class="text-gray-400 hover:text-indigo-400"
-                title="GitHub"
-              >
-                <svg
-                  class="w-6 h-6"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
-                  <path
-                    fill-rule="evenodd"
                   d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                    clip-rule="evenodd"
+                  clip-rule="evenodd" />
-                  />
               </svg>
             </a>
-              <a
+            <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
-                href="https://discord.gg/q42xWQmJ"
+              class="text-gray-400 hover:text-indigo-400" title="Discord">
-                target="_blank"
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                rel="noopener noreferrer"
-                class="text-gray-400 hover:text-indigo-400"
-                title="Discord"
-              >
-                <svg
-                  class="w-6 h-6"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
                 <path
-                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"
+                  d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
-                  />
               </svg>
             </a>
-              <a
+            <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
-                href="https://www.instagram.com/thebentopdf/"
+              title="Instagram">
-                class="text-gray-400 hover:text-indigo-400"
-                title="Instagram"
-              >
               <i data-lucide="instagram"></i>
             </a>
-              <a
+            <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                href="https://www.linkedin.com/company/bentopdf/"
+              title="LinkedIn">
-                class="text-gray-400 hover:text-indigo-400"
-                title="LinkedIn"
-              >
               <i data-lucide="linkedin"></i>
             </a>
-              <a
+            <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
-                href="https://x.com/BentoPDF"
+              <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                class="text-gray-400 hover:text-indigo-400"
-                title="X (Twitter)"
-              >
-                <svg
-                  class="w-6 h-6"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
                 <path
-                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+                  d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                  />
               </svg>
             </a>
           </div>
@@ -918,5 +666,6 @@
   <script type="module" src="src/js/utils/lucide-init.ts"></script>
   <script type="module" src="src/js/main.ts"></script>
   <script type="module" src="src/js/mobileMenu.ts"></script>
-  </body>
+</body>
+
 </html>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "bento-pdf",
   "private": true,
-  "version": "1.3.2",
+  "version": "1.7.1",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
@@ -19,7 +19,8 @@
     "release": "node scripts/release.js patch",
     "release:minor": "node scripts/release.js minor",
     "release:major": "node scripts/release.js major",
-    "serve:simple": "SIMPLE_MODE=true npm run build && npx serve dist -p 3000"
+    "serve:simple": "SIMPLE_MODE=true npm run build && npx serve dist -p 3000",
+    "package": "node scripts/package-dist.js"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -48,6 +49,7 @@
     "@fontsource/merriweather": "^5.2.11",
     "@neslinesli93/qpdf-wasm": "^0.3.0",
     "@tailwindcss/vite": "^4.1.15",
+    "archiver": "^7.0.1",
     "blob-stream": "^0.1.3",
     "cropperjs": "^1.6.1",
     "heic2any": "^0.0.4",

privacy.html

@@ -234,79 +234,77 @@
 
     <footer class="mt-16 border-t-2 border-gray-700 py-8">
       <div class="container mx-auto px-4">
-        <div
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
-          class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left"
-        >
           <div class="mb-8 md:mb-0">
             <div class="flex items-center justify-center md:justify-start mb-4">
-              <img
+              <img src="images/favicon.svg" alt="Bento PDF Logo" class="h-10 w-10 mr-3" />
-                src="images/favicon.svg"
-                alt="BentoPDF Logo"
-                class="h-10 w-10 mr-3"
-              />
               <span class="text-xl font-bold text-white">BentoPDF</span>
             </div>
             <p class="text-gray-400 text-sm">
               &copy; 2025 BentoPDF. All rights reserved.
             </p>
+            <p class="text-gray-500 text-xs mt-2">
+              Version <span id="app-version">1.6.2</span>
+            </p>
           </div>
+
           <div>
             <h3 class="font-bold text-white mb-4">Company</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="about.html" class="hover:text-indigo-400">About Us</a>
+                <a href="./about.html" class="hover:text-indigo-400">About Us</a>
               </li>
-              <li><a href="faq.html" class="hover:text-indigo-400">FAQ</a></li>
               <li>
-                <a href="contact.html" class="hover:text-indigo-400"
+                <a href="./faq.html" class="hover:text-indigo-400">FAQ</a>
-                  >Contact Us</a
+              </li>
-                >
+              <li>
+                <a href="./contact.html" class="hover:text-indigo-400">Contact Us</a>
               </li>
             </ul>
           </div>
+
           <div>
             <h3 class="font-bold text-white mb-4">Legal</h3>
             <ul class="space-y-2 text-gray-400">
               <li>
-                <a href="terms.html" class="hover:text-indigo-400"
+                <a href="./terms.html" class="hover:text-indigo-400">Terms and Conditions</a>
-                  >Terms and Conditions</a
-                >
               </li>
               <li>
-                <a href="privacy.html" class="hover:text-indigo-400"
+                <a href="./privacy.html" class="hover:text-indigo-400">Privacy Policy</a>
-                  >Privacy Policy</a
-                >
               </li>
             </ul>
           </div>
+
           <div>
             <h3 class="font-bold text-white mb-4">Follow Us</h3>
             <div class="flex justify-center md:justify-start space-x-4">
-              <a
+              <a href="https://github.com/alam00000/bentopdf" target="_blank" rel="noopener noreferrer"
-                href="https://www.instagram.com/thebentopdf/"
+                class="text-gray-400 hover:text-indigo-400" title="GitHub">
-                class="text-gray-400 hover:text-indigo-400"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-              >
+                  <path fill-rule="evenodd"
+                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+                    clip-rule="evenodd" />
+                </svg>
+              </a>
+              <a href="https://discord.gg/q42xWQmJ" target="_blank" rel="noopener noreferrer"
+                class="text-gray-400 hover:text-indigo-400" title="Discord">
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+                  <path
+                    d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z" />
+                </svg>
+              </a>
+              <a href="https://www.instagram.com/thebentopdf/" class="text-gray-400 hover:text-indigo-400"
+                title="Instagram">
                 <i data-lucide="instagram"></i>
               </a>
-              <a
+              <a href="https://www.linkedin.com/company/bentopdf/" class="text-gray-400 hover:text-indigo-400"
-                href="https://www.linkedin.com/company/bentopdf/"
+                title="LinkedIn">
-                class="text-gray-400 hover:text-indigo-400"
-              >
                 <i data-lucide="linkedin"></i>
               </a>
-              <a
+              <a href="https://x.com/BentoPDF" class="text-gray-400 hover:text-indigo-400" title="X (Twitter)">
-                href="https://x.com/BentoPDF"
+                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-                class="text-gray-400 hover:text-indigo-400"
-              >
-                <svg
-                  class="w-6 h-6"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
                   <path
-                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
+                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-                  />
                 </svg>
               </a>
             </div>

public/pdfjs-annotation-viewer/LICENSE

@@ -0,0 +1,177 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS

public/pdfjs-annotation-viewer/web/cmaps/CNS2-V.bcmap

@@ -0,0 +1,3 @@
+àRCopyright 1990-2009 Adobe Systems Incorporated.
+All rights reserved.
+See ./LICENSEáCNS2-H

public/pdfjs-annotation-viewer/web/cmaps/ETenms-B5-H.bcmap

@@ -0,0 +1,3 @@
+àRCopyright 1990-2009 Adobe Systems Incorporated.
+All rights reserved.
+See ./LICENSEá	ETen-B5-H`
 ^

public/pdfjs-annotation-viewer/web/cmaps/GB-H.bcmap

@@ -0,0 +1,4 @@
+àRCopyright 1990-2009 Adobe Systems Incorporated.
+All rights reserved.
+See ./LICENSE

!!�º]aX!!]`�21�>	�p�z�$]‚�"R‚d�-Uƒ7�*„␍4„%�+ „Z „{�/…%…<�9K…b�1]†.�"‡‰`]‡,�"]ˆ
+�"]ˆh�"]‰F�"]Š$�"]‹�"]‹`�"]Œ>�"]��"]�z�"]ŽX�"]�6�"]��"]�r�"]‘P�"]’.�"]“�"]“j�"]”H�"]•&�"]–�"]–b�"]—@�"]˜�"]˜|�"]™Z�"]š8�"]›�"]›t�"]œR�"]�0�"]ž�"]žl�"]ŸJ�"] (�"]¡�"]¡d�"]¢B�"]£ �"X£~�']¤W�"]¥5�"]¦�"]¦q�"]§O�"]¨-�"]©�"]©i�"]ªG�"]«%�"]¬�"]¬a�"]­?�"]®�"]®{�"]¯Y�"]°7�"]±�"]±s�"]²Q�"]³/�"]´␍�"]´k�"]µI�"]¶'�"]·�"]·c�"]¸A�"]¹�"]¹}�"]º[�"]»9