feat: add Kura and Hyper Compress product pages, redesign site

This commit is contained in:
alam00000
2026-09-02 18:29:22 +05:30
parent e95a631909
commit f404ff021a
148 changed files with 8097 additions and 4520 deletions
+281 -542
View File
@@ -96,40 +96,34 @@
<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link href="src/css/styles.css" rel="stylesheet" />
<link href="src/css/landing.css" rel="stylesheet" />
</head>
<body class="antialiased">
<body class="lp antialiased">
{{> navbar }}
<!-- Donation Ribbon -->
<div
id="donation-ribbon"
class="bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-500 py-2 px-4 text-center hide-section"
>
<div
class="container mx-auto flex items-center justify-center gap-3 flex-wrap"
>
<span class="text-white text-sm font-medium flex items-center gap-2">
<span data-i18n="donation.message"
>Love BentoPDF? Help us keep it free and open source!</span
>
</span>
<div id="donation-ribbon" class="lp-ribbon hide-section">
<div class="lp-frame lp-ribbon-inner">
<span data-i18n="donation.message"
>Love BentoPDF? Help us keep it free and open source!</span
>
<a
href="https://ko-fi.com/alio01"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-1.5 px-3 py-1 bg-white text-purple-700 rounded-full text-xs font-semibold hover:bg-gray-100 transition-colors shadow-sm"
class="lp-pill-btn lp-pill-btn--accent"
>
<i data-lucide="heart" class="w-3.5 h-3.5 text-purple-700"></i>
<i data-lucide="heart"></i>
<span data-i18n="donation.button">Donate</span>
</a>
<a
href="https://github.com/sponsors/alam00000"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-1.5 px-3 py-1 bg-gray-900 text-white rounded-full text-xs font-semibold hover:bg-gray-800 transition-colors shadow-sm border border-gray-700"
class="lp-pill-btn lp-pill-btn--ghost"
>
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
<svg 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"
@@ -141,92 +135,59 @@
</div>
</div>
<div id="app" class="min-h-screen container mx-auto p-4 md:p-8">
<section id="hero-section" class="text-center py-20 relative">
<div class="bg-grid-pattern"></div>
<h1 class="text-4xl md:text-7xl font-bold text-white mb-4">
<span data-i18n="hero.title">The</span>
<span
class="inline-flex items-center gap-3 border-2 border-indigo-400 bg-indigo-900 text-indigo-300 px-4 py-2 rounded-full mx-2 align-middle"
>
<span data-i18n="hero.pdfToolkit">PDF Toolkit</span>
<i
data-lucide="briefcase"
class="w-8 h-8 md:w-12 md:h-12 transform -rotate-4"
></i>
</span>
<span data-i18n="hero.builtForPrivacy">built for privacy</span
><span
class="text-4xl md:text-6xl text-transparent bg-clip-text bg-gradient-to-r from-indigo-500 to-purple-500"
>.</span
>
</h1>
<!-- <p class="text-lg text-gray-400 mb-12">Fast, Secure and Forever Free.</p> -->
<div
class="flex flex-wrap justify-center items-center gap-2 sm:gap-4 mb-12 mt-12"
>
<span
class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-gray-800/40 border border-gray-700/50 text-gray-400 text-sm font-medium"
>
<i data-lucide="check-circle" class="w-4 h-4 text-gray-400"></i>
<span data-i18n="hero.noSignups">No Signups</span>
</span>
<span
class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-gray-800/40 border border-gray-700/50 text-gray-400 text-sm font-medium"
>
<i data-lucide="check-circle" class="w-4 h-4 text-gray-400"></i>
<span data-i18n="hero.unlimitedUse">Unlimited Use</span>
</span>
<span
class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-gray-800/40 border border-gray-700/50 text-gray-400 text-sm font-medium"
>
<i data-lucide="check-circle" class="w-4 h-4 text-gray-400"></i>
<span data-i18n="hero.worksOffline">Works Offline</span>
</span>
</div>
<div class="flex flex-col items-center gap-4">
<a
href="#tools-header"
class="inline-flex items-center gap-3 pl-8 pr-2 py-2 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"
>
<span data-i18n="hero.startUsing">Start Using Now</span>
<span class="bg-white text-indigo-600 rounded-full p-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round"
class="w-4 h-4"
<section id="hero-section">
<div class="lp-frame">
<div class="lp-hero">
<div class="lp-hero-bg" aria-hidden="true">
<i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i
><i></i><i></i><i></i>
</div>
<div class="lp-hero-content">
<h1 class="lp-h1">
<span class="line">
<span class="lp-h1-lead" data-i18n="hero.title">The</span>
<span class="lp-h1-unit"
><span data-i18n="hero.pdfToolkit">PDF Toolkit</span
><span class="lp-chip" aria-hidden="true"
><i data-lucide="briefcase"></i></span
></span>
</span>
<span class="line dim">
<span data-i18n="hero.builtForPrivacy">built for privacy</span
><span class="dot">.</span>
</span>
</h1>
<p class="lp-sub" data-i18n="compliance.processingLocal">
All the processing happens locally on your device.
</p>
<div class="lp-checks">
<span class="lp-check"
><i data-lucide="check-circle"></i
><span data-i18n="hero.noSignups">No Signups</span></span
>
<path d="M5 12h14" />
<path d="m12 5 7 7-7 7" />
</svg>
</span>
</a>
<!-- DigitalOcean -->
<a
href="https://www.digitalocean.com/?refcode=d93c189ef6d0&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"
target="_blank"
rel="noopener noreferrer"
class="mt-8 opacity-50 hover:opacity-100 transition-opacity duration-300 hide-section"
>
<img
src="/images/badge.svg"
alt="DigitalOcean Referral Badge"
width="150"
height="32"
class="h-8"
/>
</a>
<span class="lp-check"
><i data-lucide="check-circle"></i
><span data-i18n="hero.unlimitedUse">Unlimited Use</span></span
>
<span class="lp-check"
><i data-lucide="check-circle"></i
><span data-i18n="hero.worksOffline">Works Offline</span></span
>
</div>
<div class="lp-actions">
<span class="lp-brackets">
<a href="#tools-header" class="lp-btn lp-btn--primary">
<span data-i18n="hero.startUsing">Start Using Now</span>
<i data-lucide="arrow-right"></i>
</a>
</span>
</div>
</div>
</div>
</section>
</div>
</section>
<div id="app" class="min-h-screen container mx-auto p-4 md:p-8">
<!-- USED BY SECTION START -->
<section class="py-10 hide-section">
<div class="container mx-auto px-4">
@@ -319,8 +280,6 @@
</div>
</section>
<div class="section-divider"></div>
<section id="features-section" class="py-20">
<h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-12">
<span data-i18n="features.title">Why choose</span>
@@ -328,131 +287,67 @@
>BentoPDF?</span
>
</h2>
<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
data-lucide="user-plus"
class="w-10 h-10 text-indigo-400 flex-shrink-0"
></i>
<h3
class="text-xl font-bold text-white"
data-i18n="features.noSignup.title"
>
No Signup
</h3>
</div>
<p
class="text-gray-400 pl-14"
data-i18n="features.noSignup.description"
>
Start instantly, no accounts or emails.
</p>
<div class="lp-grid lp-grid--4 lp-cross">
<div class="lp-cell lp-stat lp-cell--accent lp-reveal">
<b>100+</b><span data-i18n="tools.toolsLabel">Tools</span>
</div>
<div class="bg-gray-800 p-6 rounded-lg">
<div class="flex items-center gap-4 mb-3">
<i
data-lucide="shield"
class="w-10 h-10 text-indigo-400 flex-shrink-0"
></i>
<h3
class="text-xl font-bold text-white"
data-i18n="features.noUploads.title"
>
No Uploads
</h3>
</div>
<p
class="text-gray-400 pl-14"
data-i18n="features.noUploads.description"
>
100% client-side, your files never leave your device.
</p>
<div class="lp-cell lp-stat lp-cell--white lp-reveal">
<b>0</b><span data-i18n="features.noUploads.title">No Uploads</span>
</div>
<div class="bg-gray-800 p-6 rounded-lg">
<div class="flex items-center gap-4 mb-3">
<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"
data-i18n="features.foreverFree.title"
>
Forever Free
</h3>
</div>
<p
class="text-gray-400 pl-14"
data-i18n="features.foreverFree.description"
>
All tools, no trials, no paywalls.
</p>
<div class="lp-cell lp-stat lp-cell--hatch lp-reveal">
<b>&infin;</b
><span data-i18n="hero.unlimitedUse">Unlimited Use</span>
</div>
<div class="bg-gray-800 p-6 rounded-lg">
<div class="flex items-center gap-4 mb-3">
<i
data-lucide="infinity"
class="w-10 h-10 text-indigo-400 flex-shrink-0"
></i>
<h3
class="text-xl font-bold text-white"
data-i18n="features.noLimits.title"
>
No Limits
</h3>
</div>
<p
class="text-gray-400 pl-14"
data-i18n="features.noLimits.description"
>
Use as much as you want, no hidden caps.
</p>
</div>
<div class="bg-gray-800 p-6 rounded-lg">
<div class="flex items-center gap-4 mb-3">
<i
data-lucide="layers"
class="w-10 h-10 text-indigo-400 flex-shrink-0"
></i>
<h3
class="text-xl font-bold text-white"
data-i18n="features.batchProcessing.title"
>
Batch Processing
</h3>
</div>
<p
class="text-gray-400 pl-14"
data-i18n="features.batchProcessing.description"
>
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
data-lucide="zap"
class="w-10 h-10 text-indigo-400 flex-shrink-0"
></i>
<h3
class="text-xl font-bold text-white"
data-i18n="features.lightningFast.title"
>
Lightning Fast
</h3>
</div>
<p
class="text-gray-400 pl-14"
data-i18n="features.lightningFast.description"
>
Process PDFs instantly, without waiting or delays.
</p>
<div class="lp-cell lp-stat lp-cell--raised lp-reveal">
<b>$0</b
><span data-i18n="features.foreverFree.title">Forever Free</span>
</div>
</div>
</section>
<div class="section-divider"></div>
<section id="engines-section" class="py-20">
<h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-3">
Two new
<span class="marker-slanted">engines</span>
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto">
<a
href="kura.html"
class="block bg-gray-800 rounded-xl p-8 border border-gray-700 hover:border-indigo-500 transition-colors"
>
<div class="flex items-center gap-3 mb-4">
<h3 class="text-2xl font-bold text-white">Kura</h3>
</div>
<p class="text-gray-400 mb-6 leading-relaxed">
The PDF standards and preflight engine. Convert any PDF to every
PDF/A level, PDF/UA, PDF/X, PDF/E and PDF/VT, then preflight the
result against 396 bundled profiles to confirm it conforms.
</p>
<span class="lp-btn lp-btn--primary">
Explore Kura
<i data-lucide="arrow-right"></i>
</span>
</a>
<a
href="hyper-compress.html"
class="block bg-gray-800 rounded-xl p-8 border border-gray-700 hover:border-indigo-500 transition-colors"
>
<div class="flex items-center gap-3 mb-4">
<h3 class="text-2xl font-bold text-white">Hyper Compress</h3>
</div>
<p class="text-gray-400 mb-6 leading-relaxed">
The best open source PDF compression engine. It never returns a
file larger than the original, offers a true lossless mode, and
posted the lowest corruption rate of every engine we benchmarked.
</p>
<span class="lp-btn lp-btn--primary">
Explore Hyper Compress
<i data-lucide="arrow-right"></i>
</span>
</a>
</div>
</section>
<div id="tools-header" class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold text-white mb-3">
@@ -509,7 +404,7 @@
>
<button
id="back-to-grid"
class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold"
class="flex items-center gap-2 text-indigo-300 hover:text-indigo-400 mb-6 font-semibold"
>
<i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer" data-i18n="tools.backToTools">
@@ -660,8 +555,6 @@
</div>
</div>
<div class="section-divider hide-section mb-20 mt-10"></div>
<!-- COMPLIANCE SECTION START -->
<section id="security-compliance-section" class="py-20 hide-section">
<div class="mb-8 text-center">
@@ -782,9 +675,7 @@
<!-- COMPLIANCE SECTION END -->
<div class="section-divider hide-section"></div>
<section id="faq-accordion" class="space-y-4 hide-section">
<section id="faq-accordion" class="hide-section">
<h2
class="text-3xl md:text-4xl font-bold text-center text-white mb-12 mt-8"
>
@@ -794,334 +685,182 @@
>
</h2>
<!-- Existing FAQs here... -->
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.isFree.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p class="p-6 pt-0 text-gray-400" data-i18n="faq.isFree.answer">
Yes, absolutely. All tools on BentoPDF are 100% free to use, with
no file limits, no sign-ups, and no watermarks. We believe
everyone deserves access to simple, powerful PDF tools without a
paywall.
</p>
</div>
</div>
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.areFilesSecure.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p
class="p-6 pt-0 text-gray-400"
data-i18n="faq.areFilesSecure.answer"
>
Your files are as secure as possible because they **never leave
your computer**. All processing happens directly in your web
browser (client-side). We never upload your files to a server, so
you maintain complete privacy and control over your documents.
</p>
</div>
</div>
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.platforms.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p class="p-6 pt-0 text-gray-400" data-i18n="faq.platforms.answer">
Yes! Since BentoPDF runs entirely in your browser, it works on any
operating system with a modern web browser, including Windows,
macOS, Linux, iOS, and Android.
</p>
</div>
</div>
<!-- New FAQ: GDPR Compliance -->
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.gdprCompliant.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p
class="p-6 pt-0 text-gray-400"
data-i18n="faq.gdprCompliant.answer"
>
Yes. BentoPDF is fully GDPR compliant. Since all file processing
happens locally in your browser and we never collect or transmit
your files to any server, we have no access to your data. This
ensures you are always in control of your documents.
</p>
</div>
</div>
<!-- New FAQ: Data Storage -->
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.dataStorage.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p
class="p-6 pt-0 text-gray-400"
data-i18n="faq.dataStorage.answer"
>
No. We never store, track, or log your files. Everything you do on
BentoPDF happens in your browser memory and disappears once you
close the page. There are no uploads, no history logs, and no
servers involved.
</p>
</div>
</div>
<!-- New FAQ: Privacy -->
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.different.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p class="p-6 pt-0 text-gray-400" data-i18n="faq.different.answer">
Most PDF tools upload your files to a server for processing.
BentoPDF never does that. We use secure, modern web technology to
process your files directly in your browser. This means faster
performance, stronger privacy, and complete peace of mind.
</p>
</div>
</div>
<!-- New FAQ: Browser-Based -->
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.browserBased.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p
class="p-6 pt-0 text-gray-400"
data-i18n="faq.browserBased.answer"
>
By running entirely inside your browser, BentoPDF ensures that
your files never leave your device. This eliminates the risks of
server hacks, data breaches, or unauthorized access. Your files
remain yours—always.
</p>
</div>
</div>
<!-- New FAQ: Analytics -->
<div class="faq-item bg-gray-800 rounded-lg border border-gray-700">
<button
class="faq-question w-full flex justify-between items-center text-left p-6"
>
<span
class="text-lg font-semibold text-white"
data-i18n="faq.analytics.question"
>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
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p class="p-6 pt-0 text-gray-400" data-i18n="faq.analytics.answer">
No. BentoPDF does not track you at all. We do not use cookies,
analytics, or any tracking scripts, not even on the live website
at bentopdf.com. We never know who you are or what you do with the
tools.
</p>
</div>
</div>
</section>
<div class="section-divider hide-section"></div>
<section id="testimonials-section" class="py-20 hide-section">
<h2 class="text-3xl md:text-4xl font-bold text-center text-white mb-12">
<span data-i18n="testimonials.title">What Our</span>
<span class="marker-slanted" data-i18n="testimonials.users"
>Users</span
>
<span data-i18n="testimonials.say">Say</span>
</h2>
<div
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>
<p class="font-bold text-white">Sarah L.</p>
<div class="text-yellow-400 flex items-center text-sm">
★★★★★
</div>
<div class="lp-faq-wrap">
<div class="lp-faq">
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.isFree.question"
>Is BentoPDF really free?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.isFree.answer">
Yes, absolutely. All tools on BentoPDF are 100% free to use,
with no file limits, no sign-ups, and no watermarks. We
believe everyone deserves access to simple, powerful PDF tools
without a paywall.
</p>
</div>
</div>
<p class="text-gray-400">
"This is the tool I've been searching for! It's fast, free, and I
love that my confidential documents never get uploaded to some
random server. A lifesaver for my freelance work."
</p>
</div>
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div>
<p class="font-bold text-white">Mark Chen</p>
<div class="text-yellow-400 flex items-center text-sm">
★★★★★
</div>
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.areFilesSecure.question"
>Are my files secure? Where are they processed?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.areFilesSecure.answer">
Your files are as secure as possible because they **never
leave your computer**. All processing happens directly in your
web browser (client-side). We never upload your files to a
server, so you maintain complete privacy and control over your
documents.
</p>
</div>
</div>
<p class="text-gray-400">
"Finally, a PDF editor that just works. No ads, no sign-ups, no
nonsense. The merge tool is surprisingly powerful. I've already
bookmarked it on all my devices."
</p>
</div>
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div>
<p class="font-bold text-white">Anonymous User A-35Z</p>
<div class="text-yellow-400 flex items-center text-sm">
★☆☆☆☆
</div>
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.platforms.question"
>Does it work on Mac, Windows, and Mobile?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.platforms.answer">
Yes! Since BentoPDF runs entirely in your browser, it works on
any operating system with a modern web browser, including
Windows, macOS, Linux, iOS, and Android.
</p>
</div>
</div>
<p class="text-gray-400">
"Terrible. It won't let me upload my files to the cloud. How is my
Big Data Tech Overlord supposed to know I signed a permission slip
for my kid's field trip? Useless for my data profile."
</p>
</div>
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div>
<p class="font-bold text-white">Dr. Brickson</p>
<div class="text-yellow-400 flex items-center text-sm">
★★★★★
</div>
<!-- New FAQ: GDPR Compliance -->
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.gdprCompliant.question"
>Is BentoPDF GDPR compliant?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.gdprCompliant.answer">
Yes. BentoPDF is fully GDPR compliant. Since all file
processing happens locally in your browser and we never
collect or transmit your files to any server, we have no
access to your data. This ensures you are always in control of
your documents.
</p>
</div>
</div>
<p class="text-gray-400">
"As a researcher, data privacy is paramount. BentoPDF's
client-side processing model is exactly what my institution
recommends. It's robust, reliable, and secure. A fantastic
resource."
</p>
</div>
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div>
<p class="font-bold text-white">AdTracker Pro</p>
<div class="text-yellow-400 flex items-center text-sm">
★☆☆☆☆
</div>
<!-- New FAQ: Data Storage -->
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.dataStorage.question"
>Do you store or track any of my files?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.dataStorage.answer">
No. We never store, track, or log your files. Everything you
do on BentoPDF happens in your browser memory and disappears
once you close the page. There are no uploads, no history
logs, and no servers involved.
</p>
</div>
</div>
<p class="text-gray-400">
"This website is broken. My ad blocker says it hasn't blocked a
single tracker. How am I supposed to know if a product is good if
it's not following me around the internet for a week? 1 star."
</p>
</div>
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div>
<p class="font-bold text-white">Raj P.</p>
<div class="text-yellow-400 flex items-center text-sm">
★★★★★
</div>
<!-- New FAQ: Privacy -->
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.different.question"
>What makes BentoPDF different from other PDF tools?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.different.answer">
Most PDF tools upload your files to a server for processing.
BentoPDF never does that. We use secure, modern web technology
to process your files directly in your browser. This means
faster performance, stronger privacy, and complete peace of
mind.
</p>
</div>
</div>
<!-- New FAQ: Browser-Based -->
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.browserBased.question"
>How does browser-based processing keep me safe?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.browserBased.answer">
By running entirely inside your browser, BentoPDF ensures that
your files never leave your device. This eliminates the risks
of server hacks, data breaches, or unauthorized access. Your
files remain yours, always.
</p>
</div>
</div>
<!-- New FAQ: Analytics -->
<div class="faq-item">
<button
class="faq-question w-full flex justify-between items-center text-left"
>
<span data-i18n="faq.analytics.question"
>Do you use cookies or analytics to track me?</span
>
<i data-lucide="plus" class="faq-icon"></i>
</button>
<div
class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-in-out"
>
<p data-i18n="faq.analytics.answer">
No. BentoPDF does not track you at all. We do not use cookies,
analytics, or any tracking scripts, not even on the live
website at bentopdf.com. We never know who you are or what you
do with the tools.
</p>
</div>
</div>
<p class="text-gray-400">
"Simple, elegant, and powerful. I needed to merge 50 reports, and
it handled it instantly without crashing my browser. This is what
a web tool should be. Highly recommended."
</p>
</div>
</div>
</section>