Redesign!

src/components/Footer.astro

@@ -2,14 +2,32 @@
 import { siteConfig } from "../config/site";
 ---
 
-<footer class="bg-base-200 py-8" role="contentinfo">
+<footer class="bg-neutral text-neutral-content" role="contentinfo">
     <div class="max-w-7xl mx-auto px-6">
-        <div class="text-center">
-            <p class="text-base-content/80 font-medium">
+        <div class="footer footer-center py-10">
+            <aside class="space-y-4">
+                <div class="flex items-center gap-2 text-2xl font-bold">
+                    <span>🔥</span>
+                    <span>{siteConfig.name}</span>
+                </div>
+                <p class="text-neutral-content/70 max-w-md">
+                    {siteConfig.description}
+                </p>
+                <nav class="flex gap-6">
+                    {
+                        siteConfig.header.nav.map(({ text, href }) => (
+                            <a href={href} class="link link-hover text-neutral-content/70 hover:text-neutral-content transition-colors">
+                                {text}
+                            </a>
+                        ))
+                    }
+                </nav>
+            </aside>
+        </div>
+        <div class="border-t border-neutral-content/10 py-6">
+            <p class="text-center text-neutral-content/60 text-sm">
                 <span class="sr-only">Copyright</span>
-                © {new Date().getFullYear()} - All rights reserved by {
-                    siteConfig.name
-                }
+                © {new Date().getFullYear()} {siteConfig.name}. All rights reserved.
             </p>
         </div>
     </div>