feat: add secondary navigation to the footer

assets/css/tailwind.css

@@ -99,6 +99,11 @@
     @apply flex flex-col items-center space-y-10 text-4xl;
   }
 
+  /* Footer navigation styling */
+  footer nav ul.nav {
+    @apply flex items-center space-x-6 text-sm uppercase tracking-wider;
+  }
+
   /* Navigation Links */
   .nav-link {
     @apply relative py-2 px-1 transition-all duration-300 opacity-80 hover:opacity-100 hover:text-[var(--brand-primary)];

partials/footer.hbs

@@ -10,7 +10,10 @@
         <p class="text-sm text-[var(--text-secondary)] sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-[var(--bg-secondary)] sm:py-2 sm:mt-0 mt-4">
             © {{date format="YYYY"}} {{@site.title}} — Created by <a href="https://pivoine.art" class="fancy-link">Valknar</a>
         </p>
-        <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
+        <nav class="sm:ml-auto sm:mt-0 mt-4">
+            {{navigation type="secondary"}}
+        </nav>
+        <span class="inline-flex sm:ml-6 sm:mt-0 mt-4 justify-center sm:justify-start">
             {{#if @site.facebook}}
                 <a href="{{@site.facebook_url}}" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition duration-200">
                     <svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">