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

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

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

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>