From 34a71e53db34299092d8d75e0db33f5d9a899127 Mon Sep 17 00:00:00 2001
From: valknarness <valknarness@pivoine.art>
Date: Wed, 29 Oct 2025 10:25:02 +0100
Subject: [PATCH] fix: improve footer layout and add logo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Moved padding inside max-w-7xl container to match header alignment
- Added AwesomeIcon logo to the left of the title
- Restructured layout with logo, title, and tagline in a flex row
- Reduced tagline text size for better hierarchy

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/layout/app-footer.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/components/layout/app-footer.tsx b/components/layout/app-footer.tsx
index a4f4d33..20e2f09 100644
--- a/components/layout/app-footer.tsx
+++ b/components/layout/app-footer.tsx
@@ -1,15 +1,21 @@
 import Link from 'next/link'
+import { AwesomeIcon } from '@/components/ui/awesome-icon'
 
 export function AppFooter() {
   return (
-    <footer className="border-t border-border/40 bg-background/80 backdrop-blur-sm px-6 py-12 lg:px-8">
-      <div className="mx-auto max-w-7xl">
+    <footer className="border-t border-border/40 bg-background/80 backdrop-blur-sm">
+      <div className="mx-auto max-w-7xl px-6 py-12">
         <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
-          <div className="text-center sm:text-left">
-            <div className="gradient-text mb-2 text-xl font-bold">Awesome</div>
-            <p className="text-sm text-muted-foreground">
-              Built with 💜💗💛 and maximum awesomeness
-            </p>
+          <div className="flex items-center gap-3 text-center sm:text-left">
+            <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-background p-1 shadow-md ring-1 ring-primary/10">
+              <AwesomeIcon size={24} className="drop-shadow-sm" />
+            </div>
+            <div>
+              <div className="gradient-text mb-1 text-xl font-bold">Awesome</div>
+              <p className="text-xs text-muted-foreground">
+                Built with 💜💗💛 and maximum awesomeness
+              </p>
+            </div>
           </div>
           <div className="flex flex-wrap justify-center gap-6 text-sm">
             <Link href="/legal" className="text-muted-foreground hover:text-primary">