mirror of
https://github.com/alam00000/bentopdf.git
synced 2026-11-07 00:28:39 +01:00
feat: add Kura and Hyper Compress product pages, redesign site
This commit is contained in:
+281
-542
@@ -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>∞</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>
|
||||
|
||||
Reference in New Issue
Block a user