From 08ea282baf0d7802db6328629b38571b7880158d Mon Sep 17 00:00:00 2001
From: joungmin <joungmin@joungmins-Mac-mini.local>
Date: Mon, 9 Mar 2026 15:09:56 +0900
Subject: [PATCH] Redesign footer with playful cartoon-style animations

Larger icon with border, hover scale+rotate effect, ping dot indicator,
gradient background, and smooth transitions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/app/page.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 01bd3b1..254d11c 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -852,9 +852,19 @@ export default function Home() {
       </div>
 
       {/* Footer */}
-      <footer className="shrink-0 border-t bg-gray-50 py-2 flex items-center justify-center gap-1.5 text-[11px] text-gray-400">
-        <img src="/icon.jpg" alt="SDJ Labs" className="w-4 h-4 rounded-full" />
-        SDJ Labs Co., Ltd.
+      <footer className="shrink-0 border-t bg-gradient-to-r from-gray-50 via-white to-gray-50 py-2.5 flex items-center justify-center gap-2 text-[11px] text-gray-400 group">
+        <div className="relative">
+          <img
+            src="/icon.jpg"
+            alt="SDJ Labs"
+            className="w-6 h-6 rounded-full border-2 border-orange-200 shadow-sm group-hover:scale-110 group-hover:rotate-12 transition-all duration-300"
+          />
+          <span className="absolute -top-0.5 -right-0.5 w-2 h-2 bg-orange-300 rounded-full animate-ping opacity-75" />
+          <span className="absolute -top-0.5 -right-0.5 w-2 h-2 bg-orange-400 rounded-full" />
+        </div>
+        <span className="font-medium tracking-wide group-hover:text-gray-600 transition-colors">
+          SDJ Labs Co., Ltd.
+        </span>
       </footer>
     </div>
   );