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

src/partials/footer.html

@@ -1,12 +1,12 @@
 {{#if simpleMode}} {{> footer-simple}} {{else}}
-<footer class="mt-16 border-t-2 border-gray-700 py-8">
+<footer class="border-t border-white/10 py-12">
   <div class="container mx-auto px-4">
     <div 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
             id="footer-logo"
-            src="{{baseUrl}}{{#if brandLogo}}{{brandLogo}}{{else}}images/favicon.svg{{/if}}"
+            src="{{baseUrl}}{{#if brandLogo}}{{brandLogo}}{{else}}images/favicon-no-bg.svg{{/if}}"
             alt="{{#if brandName}}{{brandName}}{{else}}Bento PDF{{/if}} Logo"
             class="h-10 w-10 mr-3"
           />
@@ -19,6 +19,19 @@
           <span data-i18n="footer.version">Version</span>
           <span id="app-version">{{appVersion}}</span>
         </p>
+        <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="hide-section inline-block mt-4"
+        >
+          <img
+            src="{{baseUrl}}images/badge.svg"
+            alt="DigitalOcean Referral Badge"
+            width="150"
+            height="32"
+          />
+        </a>
       </div>
 
       <div>