From 184ff8263c4dd80333a1ddd3ed0c021ace4a2786 Mon Sep 17 00:00:00 2001
From: Godopu <godopu16@gmail.com>
Date: Fri, 21 Aug 2026 12:54:15 +0900
Subject: [PATCH] feat(header): add favicon logo symbol and update brand text

- Add animated agent network favicon logo symbol to header brand link
- Update brand typography to ANL and AI Agent Networking LAB
- Update E2E test assertions for the updated header branding
---
 refer_landing_page/components/Header.tsx   | 41 ++++++++++++++++++----
 refer_landing_page/tests/e2e_test_suite.py |  4 +--
 2 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/refer_landing_page/components/Header.tsx b/refer_landing_page/components/Header.tsx
index 09fa842..6244d9b 100644
--- a/refer_landing_page/components/Header.tsx
+++ b/refer_landing_page/components/Header.tsx
@@ -130,15 +130,42 @@ export default function Header() {
         {/* Brand logo */}
         <Link
           href="/"
-          className="group flex flex-col leading-none shrink-0"
+          className="group flex items-center gap-3 shrink-0"
           onClick={() => setOpen(false)}
         >
-          <span className="headline-ko text-lg text-ink sm:text-xl">
-            AI 에이전트 네트워크 연구실
-          </span>
-          <span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark">
-            AI Agent Networking Lab (ANL)
-          </span>
+          <div className="relative flex items-center justify-center w-9 h-9 sm:w-10 sm:h-10 rounded-xl overflow-hidden shadow-sm ring-1 ring-ink/10 group-hover:ring-cobalt/40 group-hover:shadow-md group-hover:scale-105 transition-all duration-300 shrink-0">
+            <svg viewBox="0 0 32 32" className="w-full h-full" aria-hidden="true">
+              <defs>
+                <linearGradient id="headerLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stopColor="#4E77FF"/>
+                  <stop offset="100%" stopColor="#2B4CDE"/>
+                </linearGradient>
+                <radialGradient id="nodeGlow" cx="50%" cy="50%" r="50%">
+                  <stop offset="0%" stopColor="#FFD666" stopOpacity="1"/>
+                  <stop offset="100%" stopColor="#FF9C1A" stopOpacity="0.8"/>
+                </radialGradient>
+              </defs>
+              <rect width="32" height="32" rx="7" fill="url(#headerLogoGrad)"/>
+              {/* Network Graph Edges */}
+              <path d="M16 9 L9 22 M16 9 L23 22 M9 22 L23 22 M16 9 L16 17 M9 22 L16 17 M23 22 L16 17" 
+                    stroke="#FFFFFF" strokeWidth="1.2" strokeOpacity="0.85" strokeLinecap="round"/>
+              {/* Network Agent Outer Nodes */}
+              <circle cx="16" cy="9" r="2.5" fill="#FFFFFF"/>
+              <circle cx="9" cy="22" r="2.5" fill="#FFFFFF"/>
+              <circle cx="23" cy="22" r="2.5" fill="#FFFFFF"/>
+              {/* Central Coordinating Hub Node */}
+              <circle cx="16" cy="17" r="2.2" fill="url(#nodeGlow)" className="animate-pulse"/>
+            </svg>
+          </div>
+
+          <div className="flex flex-col leading-none">
+            <span className="headline-ko text-lg text-ink sm:text-xl font-bold tracking-tight group-hover:text-cobalt-dark transition-colors">
+              ANL
+            </span>
+            <span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark">
+              AI Agent Networking LAB
+            </span>
+          </div>
         </Link>
 
         {/* Desktop nav — small caps, wide tracking (visible at >= 1240px) */}
diff --git a/refer_landing_page/tests/e2e_test_suite.py b/refer_landing_page/tests/e2e_test_suite.py
index b82dd72..caed111 100644
--- a/refer_landing_page/tests/e2e_test_suite.py
+++ b/refer_landing_page/tests/e2e_test_suite.py
@@ -33,8 +33,8 @@ class TestANLHomepageE2E(unittest.TestCase):
         html = self.read_html("index.html")
         
         # 1. Brand & Header titles
-        self.assertIn("AI 에이전트 네트워크 연구실", html)
-        self.assertIn("AI Agent Networking Lab (ANL)", html)
+        self.assertIn("ANL", html)
+        self.assertIn("AI Agent Networking LAB", html)
         
         # 2. Research Areas keywords
         self.assertIn("Quick UDP Internet Connection (QUIC)", html)