feat(e2e-tests): 添加端到端测试框架及测试用例

refactor(components): 调整头部和页脚布局样式
style(hero-section): 更新徽章动画效果

docs: 添加测试框架README文档
test: 实现首页、导航和联系表单的测试用例
ci: 添加CI测试脚本和配置

src/components/layout/footer.tsx

@@ -16,17 +16,15 @@ export function Footer() {
             <p className="text-gray-400 text-sm leading-relaxed mb-6">
               {COMPANY_INFO.description}
             </p>
-            <div className="flex gap-4">
-              {SOCIAL_LINKS.map((social) => (
-                <a
-                  key={social.name}
-                  href={social.href}
-                  className="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 transition-colors"
-                  aria-label={social.name}
-                >
-                  <span className="text-sm">{social.name[0]}</span>
-                </a>
-              ))}
+            <div className="flex flex-col items-start gap-3">
+              <span className="text-gray-400 text-sm">关注微信公众号</span>
+              <div className="w-24 h-24 bg-white rounded-lg p-2">
+                <img
+                  src="/images/qrcode-wechat.png"
+                  alt="微信公众号二维码"
+                  className="w-full h-full object-contain"
+                />
+              </div>
             </div>
           </div>
 

src/components/layout/header.tsx

@@ -72,12 +72,12 @@ export function Header() {
       )}
     >
       <div className="container-custom">
-        <div className="flex items-center justify-between h-20">
+        <div className="flex items-center justify-center h-20 relative">
           {/* Logo */}
           <Link 
             href="#home" 
             onClick={(e) => handleNavClick(e, '#home')}
-            className="flex items-center"
+            className="flex items-center absolute left-0"
           >
             <img src="/logo.svg" alt={COMPANY_INFO.name} className="h-12 w-auto" />
           </Link>