diff --git a/public/index.html b/public/index.html
index 3c2d06f..c681448 100644
--- a/public/index.html
+++ b/public/index.html
@@ -104,6 +104,90 @@ <h1 class="m-0 entry-title">Online Generator</h1>
     </main>
   </div>
 
+  <footer class="text-sm border-0 border-t border-gray-200 border-solid">
+    <div class="container">
+      <div class="footer-cols grid py-16">
+        <div class="footer__intro">
+          <div class="uppercase tracking-wider text-sm font-bold mb-2">Intro</div>
+          <p class="mb-0">We created Meta Box in 2010 to help developers to create custom meta boxes faster and easier. Now, Meta Box is not only a library with powerful API for custom fields, but also a framework that helps you control your data the way you want.</p>
+        </div>
+        <div class="footer__about">
+          <div class="uppercase tracking-wider text-sm font-bold mb-2">About</div>
+          <ul class="list-none m-0 leading-10">
+            <li><a class="text-inherit" href="/about/">About</a></li>
+            <li><a class="text-inherit" href="/my-account/">My Account</a></li>
+            <li><a class="text-inherit" href="/affiliate/">Affiliate</a></li>
+            <li><a class="text-inherit" href="/faq/">FAQ</a></li>
+            <li><a class="text-inherit" href="/changelog/">Changelog</a></li>
+            <li><a class="text-inherit" href="/contact/">Contact</a></li>
+            <li><a class="text-inherit" href="/graphics-logos/">Graphics &amp; Logos</a></li>
+          </ul>
+        </div>
+        <div class="footer__products">
+          <div class="uppercase tracking-wider text-sm font-bold mb-2">Our products</div>
+          <ul class="list-none m-0 leading-10">
+            <li><a class="text-inherit" href="https://wpslimseo.com" target="_blank">Slim SEO</a></li>
+            <li><a class="text-inherit" href="https://gretathemes.com" target="_blank">GretaThemes</a></li>
+            <li><a class="text-inherit" href="https://wpautolistings.com" target="_blank">Auto Listings</a></li>
+          </ul>
+        </div>
+        <div class="footer__compare">
+          <div class="uppercase tracking-wider text-sm font-bold mb-2">Compare</div>
+          <ul class="list-none m-0 leading-10">
+            <li><a class="text-inherit" href="/meta-box-vs-acf/">Meta Box vs. ACF</a></li>
+            <li><a class="text-inherit" href="/meta-box-vs-toolset/">Meta Box vs. Toolset</a></li>
+          </ul>
+        </div>
+        <div class="footer__tools">
+          <div class="uppercase tracking-wider text-sm font-bold mb-2">Tools</div>
+          <ul class="list-none m-0 leading-10">
+            <li><a class="text-inherit" href="/demo/">Demo</a></li>
+            <li><a class="text-inherit" href="/online-generator/">Online generator</a></li>
+            <li><a class="text-inherit" href="/post-type-generator/">Post type generator</a></li>
+            <li><a class="text-inherit" href="/taxonomy-generator/">Taxonomy generator</a></li>
+            <li><a class="text-inherit" href="/block-generator/">Block generator</a></li>
+          </ul>
+        </div>
+        <div class="footer__connect">
+          <div class="uppercase tracking-wider text-sm font-bold mb-2">Connect With Us</div>
+          <div class="flex gap-2">
+            <a class="hover:no-underline" href="https://www.facebook.com/groups/metaboxusers" target="_blank">
+              <svg class="w-6 h-6" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"></path>
+              </svg>
+            </a>
+            <a class="hover:no-underline" href="https://www.youtube.com/c/MetaBoxWP" target="_blank">
+              <svg class="w-6 h-6" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path>
+              </svg>
+            </a>
+            <a class="hover:no-underline" href="https://x.com/wpmetabox">
+              <svg class="w-6 h-6" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"></path>
+              </svg>
+            </a>
+            <a class="hover:no-underline" href="https://github.com/wpmetabox" target="_blank">
+              <svg class="w-6 h-6" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
+              </svg>
+            </a>
+          </div>
+          <p class="mt-4 mb-1">Get latest news, tutorials &amp; deals from Meta Box.</p>
+          <form class="subscribe-form flex h-9" data-keys="quzviexqqo,ivkgbarphx,kwtmbxygck" data-source="Subscription Form">
+            <input class="flex-1" type="text" placeholder="Enter your email..." name="quzviexqqo">
+            <button class="py-0 rounded-l-none text-sm" type="submit">Subscribe</button>
+            <input type="hidden" name="ivkgbarphx" value="kwtmbxygck">
+          </form>
+        </div>
+      </div>
+
+      <div class="flex justify-between items-center gap-4 text-xs py-4 border-0 border-t border-gray-200 border-solid text-center flex-col md:flex-row md:text-left">
+        <div>Copyright 2025 Meta Box. <a class="text-inherit" href="/privacy-policy/">Privacy Policy</a> | <a class="text-inherit" href="/terms-conditions/">Terms &amp; Conditions</a>.</div>
+        <a class="block" href="https://elightup.com"><img class="block" src="https://i0.wp.com/metabox.io/wp-content/themes/rooster/images/elightup-logo.png" alt="elightup" width="61" height="16" loading="lazy" decoding="async"></a>
+      </div>
+    </div>
+  </footer>
+
   <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.12.0/build/styles/atom-one-dark.min.css" media="print" onload="this.media='all'">
   <script>
     ( function ( d ) {