feat: 添加面包屑导航组件并优化页面布局

refactor: 重构页面结构和导航逻辑

fix: 修复移动端菜单导航和滚动行为

perf: 优化图片加载性能和资源请求

test: 添加端到端测试和性能测试用例

docs: 更新.gitignore文件

chore: 更新依赖和配置

style: 优化代码格式和类型安全

ci: 调整Playwright测试超时时间

build: 更新Next.js配置和构建选项

src/app/(marketing)/services/[id]/client.tsx

@@ -2,8 +2,10 @@
 
 import { useRef } from 'react';
 import { useRouter } from 'next/navigation';
+import Link from 'next/link';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
+import { Breadcrumb } from '@/components/layout/breadcrumb';
 import { 
   ArrowLeft, 
   CheckCircle2, 
@@ -105,12 +107,14 @@ export function ServiceDetailClient({ service }: ServiceDetailClientProps) {
 
   return (
     <main className="min-h-screen bg-white">
+      <Breadcrumb items={[{ label: '核心业务', href: '/services' }, { label: service.title, href: `/services/${service.id}` }]} />
       <div className="relative overflow-hidden bg-gradient-to-b from-[#FAFAFA] to-white">
         <div className="container-wide relative z-10 pt-32 pb-20">
           <Button 
             variant="ghost" 
             className="text-[#5C5C5C] hover:text-[#C41E3A] hover:bg-[#C41E3A]/10"
             onClick={() => router.back()}
+            type="button"
           >
             <ArrowLeft className="w-4 h-4 mr-2" />
             返回
@@ -266,17 +270,17 @@ export function ServiceDetailClient({ service }: ServiceDetailClientProps) {
           </section>
 
           <div className="flex justify-center gap-4 pt-8 border-t border-[#E5E5E5]">
-            <Button variant="outline" size="lg" asChild>
-              <Link href="/services">
+            <Link href="/services">
+              <Button variant="outline" size="lg">
                 查看其他服务
-              </Link>
-            </Button>
-            <Button size="lg" className="bg-[#C41E3A] hover:bg-[#A01830] text-white" asChild>
-              <Link href="/contact">
+              </Button>
+            </Link>
+            <Link href="/contact">
+              <Button size="lg" className="bg-[#C41E3A] hover:bg-[#A01830] text-white">
                 开始您的转型之旅
                 <ArrowRight className="ml-2 w-4 h-4" />
-              </Link>
-            </Button>
+              </Button>
+            </Link>
           </div>
         </div>
       </div>