From 6a586b936a01333e929ae360fc41c0676f692211 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sat, 28 Feb 2026 12:20:28 +0100
Subject: [PATCH] style: replace emoji heart with primary Heart icon and polish
 Valknar link
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Swap 💜 for a filled Lucide Heart icon in text-primary in both Footer and AppSidebar
- Style Valknar link with animated underline (decoration-primary on hover)
- Add sidebar footer with copyright, Heart, Valknar link, and GitFork source link
- Add author field to package.json

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/Footer.tsx            | 16 +++++++++---
 components/layout/AppSidebar.tsx | 45 +++++++++++++++++++++++++++++++-
 package.json                     |  4 +++
 3 files changed, 61 insertions(+), 4 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 3f05e53..1f32e48 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { motion } from 'framer-motion';
-import { GitFork } from 'lucide-react';
+import { GitFork, Heart } from 'lucide-react';
 
 export default function Footer() {
   const currentYear = new Date().getFullYear();
@@ -17,8 +17,18 @@ export default function Footer() {
           transition={{ duration: 0.6 }}
         >
           {/* Copyright */}
-          <p className="text-sm text-muted-foreground">
-            © {currentYear} Kit. Built with Next.js 16 & Tailwind CSS 4
+          <p className="text-sm text-muted-foreground flex items-center gap-1">
+            © {currentYear} Kit.
+            <Heart className="h-4 w-4 text-primary shrink-0" fill="currentColor" />
+                <a
+                  href="https://pivoine.art"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  title="Pivoine.Art"
+                  className="font-medium underline underline-offset-4 decoration-primary/0 hover:decoration-primary transition-all duration-300"
+                >
+                  Valknar
+                </a>
           </p>
 
           {/* Source link */}
diff --git a/components/layout/AppSidebar.tsx b/components/layout/AppSidebar.tsx
index 470014a..ed44d41 100644
--- a/components/layout/AppSidebar.tsx
+++ b/components/layout/AppSidebar.tsx
@@ -2,7 +2,7 @@
 
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { X } from 'lucide-react';
+import { X, GitFork, Heart } from 'lucide-react';
 import { cn } from '@/lib/utils/cn';
 import Logo from '@/components/Logo';
 import { useSidebar } from './SidebarProvider';
@@ -108,6 +108,49 @@ export function AppSidebar() {
           </div>
         </nav>
 
+        {/* Sidebar Footer */}
+        <div className={cn(
+          "shrink-0 border-t border-border py-3",
+          isCollapsed ? "flex justify-center px-2" : "px-4"
+        )}>
+          {isCollapsed ? (
+            <a
+              href="https://dev.pivoine.art/valknar/kit-ui"
+              target="_blank"
+              rel="noopener noreferrer"
+              title="View source"
+              className="text-muted-foreground hover:text-primary transition-colors duration-300"
+            >
+              <GitFork className="h-4 w-4" />
+            </a>
+          ) : (
+            <div className="flex items-center justify-between">
+              <p className="flex items-center gap-1 text-[10px] text-muted-foreground">
+                © {new Date().getFullYear()} Kit.
+                <Heart className="h-2.5 w-2.5 text-primary shrink-0" fill="currentColor" />
+                <a
+                  href="https://pivoine.art"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  title="Pivoine.Art"
+                  className="font-medium underline underline-offset-4 decoration-primary/0 hover:decoration-primary transition-all duration-300"
+                >
+                  Valknar
+                </a>
+              </p>
+              <a
+                href="https://dev.pivoine.art/valknar/kit-ui"
+                target="_blank"
+                rel="noopener noreferrer"
+                title="View source"
+                className="text-muted-foreground hover:text-primary transition-colors duration-300"
+              >
+                <GitFork className="h-3.5 w-3.5" />
+              </a>
+            </div>
+          )}
+        </div>
+
       </aside>
     </>
   );
diff --git a/package.json b/package.json
index dab87bb..291aff7 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,10 @@
   "name": "kit-ui",
   "version": "0.1.0",
   "private": true,
+  "author": {
+    "name": "Valknar",
+    "email": "valknar@pivoine.art"
+  },
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",