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
+70 -28
View File
@@ -49,6 +49,7 @@
<meta name="twitter:site" content="@BentoPDF" />
<link href="/src/css/styles.css" rel="stylesheet" />
<link href="/src/css/landing.css" rel="stylesheet" />
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest" />
@@ -75,38 +76,78 @@
<link rel="icon" href="/favicon.ico" sizes="32x32" />
</head>
<body class="antialiased bg-gray-900 text-gray-300">
<body class="lp antialiased">
{{> navbar }}
<div id="app" class="min-h-screen container mx-auto p-4 md:p-8">
<section id="contact-hero" class="text-center py-16 md:py-24">
<h1
class="text-4xl md:text-5xl font-bold text-white mb-4"
data-i18n="contact.title"
>
Get in Touch
</h1>
<p
class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto"
data-i18n="contact.subtitle"
>
We'd love to hear from you. Whether you have a question, feedback, or
a feature request, please don't hesitate to reach out.
</p>
<div id="app">
<section id="contact-hero" class="lp-sec lp-sec--first">
<div class="lp-frame">
<div class="lp-cta">
<div>
<h1 class="lp-h2">
<span class="line" data-i18n="contact.title">Get in Touch</span>
</h1>
<p class="lp-head-p" data-i18n="contact.subtitle">
We'd love to hear from you. Whether you have a question,
feedback, or a feature request, please don't hesitate to reach
out.
</p>
</div>
</div>
</div>
</section>
<div class="max-w-2xl mx-auto text-center py-8">
<p class="text-lg text-gray-400">
<span data-i18n="contact.email"
>You can reach us directly by email at:</span
>
<a
href="mailto:contact@bentopdf.com"
class="text-indigo-400 underline hover:text-indigo-300"
>contact@bentopdf.com</a
>
</p>
</div>
<section id="contact-channels" class="lp-sec lp-band">
<div class="lp-frame">
<div class="lp-grid lp-grid--2 lp-cross">
<a class="lp-cell lp-reveal" href="mailto:contact@bentopdf.com">
<span class="lp-tile"><i data-lucide="mail"></i></span>
<h3 data-i18n="contact.emailTitle">Email</h3>
<p data-i18n="contact.email">
You can reach us directly by email at:
</p>
<b>contact@bentopdf.com</b>
</a>
<a
class="lp-cell lp-reveal"
href="https://github.com/alam00000/bentopdf/issues"
target="_blank"
rel="noopener noreferrer"
>
<span class="lp-tile"><i data-lucide="github"></i></span>
<h3>GitHub</h3>
<p data-i18n="contact.githubText">
Report a bug, request a feature, or read the source.
</p>
<b>github.com/alam00000/bentopdf</b>
</a>
<a
class="lp-cell lp-reveal"
href="https://discord.gg/Bgq3Ay3f2w"
target="_blank"
rel="noopener noreferrer"
>
<span class="lp-tile"><i data-lucide="message-circle"></i></span>
<h3>Discord</h3>
<p data-i18n="contact.discordText">
Join the community to chat with us and other users.
</p>
<b>discord.gg/Bgq3Ay3f2w</b>
</a>
<a class="lp-cell lp-reveal" href="faq.html">
<span class="lp-tile"><i data-lucide="help-circle"></i></span>
<h3 data-i18n="footer.faqLink">FAQ</h3>
<p data-i18n="contact.faqText">
Find quick answers to the questions we get most often.
</p>
<b data-i18n="contact.faqLink">Read the FAQ</b>
</a>
</div>
</div>
</section>
</div>
{{> footer }}
@@ -114,6 +155,7 @@
<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>
<script type="module" src="src/js/landing.ts"></script>
<!-- JSON-LD Schema -->
<script type="application/ld+json">
{