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

@@ -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" />
+      <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>
   );