feat: refine and finalize redesign

src/components/Footer.astro

@@ -0,0 +1,37 @@
+---
+import { config } from "../config";
+---
+
+<footer
+  class="pt-12 pb-6 my-28 text-sm
+         text-gray-500 dark:text-neutral-500
+         border-t border-gray-200 dark:border-neutral-800"
+>
+  <div
+    class="section-container flex flex-col items-center text-center
+           sm:flex-row sm:justify-between sm:items-center sm:text-left gap-2"
+  >
+    <p>
+      License:
+      <a
+        href={config.license.url}
+        class="hover:text-sky-600"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {config.license.name}
+      </a>
+    </p>
+    <p>
+      {config.title} by
+      <a
+        href={config.authorUrl}
+        class="hover:text-sky-600"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {config.author}
+      </a>
+    </p>
+  </div>
+</footer>