refactor: 优化网站页面结构和数据展示

- 增强服务数据模型，添加 challenges 和 outcomes 字段
- 简化统计数据配置，改为静态定义
- 重构多个页面组件，优化代码结构
- 新增产品、服务、解决方案相关的布局和组件
- 更新样式和动画配置
- 优化测试用例和类型定义
- 修复 ESLint 错误：移除不必要的 useEffect 和未使用的导入

src/app/(marketing)/solutions/page.tsx

@@ -3,11 +3,29 @@
 import { motion } from 'framer-motion';
 import { useInView } from 'framer-motion';
 import { useRef } from 'react';
+import dynamic from 'next/dynamic';
 import { StaticLink } from '@/components/ui/static-link';
 import { Button } from '@/components/ui/button';
 import { PageHeader } from '@/components/ui/page-header';
-import { ArrowRight, Lightbulb, Cpu, Users, CheckCircle2 } from 'lucide-react';
+import { ArrowRight } from 'lucide-react';
 import { MethodologySection } from '@/components/sections/methodology-section';
+import { SOLUTIONS } from '@/lib/constants/solutions';
+import { FadeUp } from '@/lib/animations';
+
+const ConsultingSection = dynamic(
+  () => import('@/components/solutions/consulting-section').then(mod => ({ default: mod.ConsultingSection })),
+  { ssr: false }
+);
+
+const TechSolutionSection = dynamic(
+  () => import('@/components/solutions/tech-solution-section').then(mod => ({ default: mod.TechSolutionSection })),
+  { ssr: false }
+);
+
+const AccompanySection = dynamic(
+  () => import('@/components/solutions/accompany-section').then(mod => ({ default: mod.AccompanySection })),
+  { ssr: false }
+);
 
 export default function SolutionsPage() {
   const contentRef = useRef(null);
@@ -22,221 +40,53 @@ export default function SolutionsPage() {
 
       <div className="container-wide relative z-10 py-16" ref={contentRef}>
         <div className="max-w-6xl mx-auto space-y-24">
-          
-          <motion.section
-            initial={{ opacity: 0, y: 20 }}
-            animate={isContentInView ? { opacity: 1, y: 0 } : {}}
-            transition={{ duration: 0.6 }}
-            className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-12 border border-[#C41E3A]/20"
-          >
-            <div className="flex items-start gap-6 mb-8">
-              <div className="w-16 h-16 bg-[#C41E3A] rounded-2xl flex items-center justify-center flex-shrink-0">
-                <Lightbulb className="w-8 h-8 text-white" />
-              </div>
-              <div>
-                <h2 className="text-3xl font-bold text-[#1C1C1C] mb-2">
-                  模块一：数字化转型咨询 · 参谋伙伴
-                </h2>
-                <p className="text-lg text-[#5C5C5C]">
-                  帮您看清前路，迈对第一步
-                </p>
-              </div>
-            </div>
 
-            <div className="space-y-6 mb-8">
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                数字化转型最大的成本，是走错方向的成本。
-              </p>
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                我们用行业智慧帮您洞察趋势，用理性分析帮您避开陷阱。
-              </p>
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                不堆砌概念，只帮您想清楚：该不该做、做什么、怎么做。
-              </p>
-            </div>
-
-            <div className="mb-8">
-              <h3 className="text-xl font-semibold text-[#1C1C1C] mb-4 flex items-center gap-2">
-                <CheckCircle2 className="w-6 h-6 text-[#C41E3A]" />
-                核心价值点
-              </h3>
-              <div className="grid md:grid-cols-3 gap-4">
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">行业趋势洞察报告</span>
-                </div>
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">数字化转型成熟度评估</span>
-                </div>
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">个性化实施路径规划</span>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-center">
-              <Button 
-                size="lg" 
-                className="bg-[#C41E3A] hover:bg-[#A01830] text-white"
-                onClick={() => {
-                  const element = document.getElementById('contact');
-                  if (element) {
-                    element.scrollIntoView({ behavior: 'smooth' });
-                  }
-                }}
-              >
-                预约一次免费诊断
-                <ArrowRight className="ml-2 w-4 h-4" />
-              </Button>
-            </div>
-          </motion.section>
-
-          <motion.section
-            initial={{ opacity: 0, y: 20 }}
-            animate={isContentInView ? { opacity: 1, y: 0 } : {}}
-            transition={{ duration: 0.6, delay: 0.2 }}
-            className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-12 border border-[#C41E3A]/20"
-          >
-            <div className="flex items-start gap-6 mb-8">
-              <div className="w-16 h-16 bg-[#C41E3A] rounded-2xl flex items-center justify-center flex-shrink-0">
-                <Cpu className="w-8 h-8 text-white" />
-              </div>
-              <div>
-                <h2 className="text-3xl font-bold text-[#1C1C1C] mb-2">
-                  模块二：信息技术解决方案 · 技术伙伴
-                </h2>
-                <p className="text-lg text-[#5C5C5C]">
-                  让技术真正为业务服务
-                </p>
-              </div>
-            </div>
-
-            <div className="space-y-6 mb-8">
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                我们不追逐&ldquo;最火&rdquo;的技术，只选择&ldquo;最对&rdquo;的技术。
-              </p>
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                将前沿技术深度融入您的业务场景，让每一行代码都产生业务价值。
-              </p>
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                您不必懂技术原理，只需要看见业务在增长。
-              </p>
-            </div>
-
-            <div className="mb-8">
-              <h3 className="text-xl font-semibold text-[#1C1C1C] mb-4 flex items-center gap-2">
-                <CheckCircle2 className="w-6 h-6 text-[#C41E3A]" />
-                核心价值点
-              </h3>
-              <div className="grid md:grid-cols-3 gap-4">
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">业务场景深度调研</span>
-                </div>
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">技术方案定制开发</span>
-                </div>
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">敏捷交付快速迭代</span>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-center">
-              <Button 
-                size="lg" 
-                variant="outline"
-                className="border-[#C41E3A] text-[#C41E3A] hover:bg-[#C41E3A] hover:text-white"
-                onClick={() => {
-                  const element = document.getElementById('cases');
-                  if (element) {
-                    element.scrollIntoView({ behavior: 'smooth' });
-                  }
-                }}
-              >
-                查看技术案例
-                <ArrowRight className="ml-2 w-4 h-4" />
-              </Button>
-            </div>
-          </motion.section>
-
-          <motion.section
-            initial={{ opacity: 0, y: 20 }}
-            animate={isContentInView ? { opacity: 1, y: 0 } : {}}
-            transition={{ duration: 0.6, delay: 0.4 }}
-            className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-12 border border-[#C41E3A]/20"
-          >
-            <div className="flex items-start gap-6 mb-8">
-              <div className="w-16 h-16 bg-[#C41E3A] rounded-2xl flex items-center justify-center flex-shrink-0">
-                <Users className="w-8 h-8 text-white" />
-              </div>
-              <div>
-                <h2 className="text-3xl font-bold text-[#1C1C1C] mb-2">
-                  模块三：长期陪跑服务 · 同行伙伴
-                </h2>
-                <p className="text-lg text-[#5C5C5C]">
-                  交付只是开始，陪伴才是常态
-                </p>
-              </div>
-            </div>
-
-            <div className="space-y-6 mb-8">
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                项目上线那天，是我们真正成为伙伴的开始。
-              </p>
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                我们建立长效服务机制，定期回访、持续优化、随时响应。
-              </p>
-              <p className="text-lg text-[#1C1C1C] leading-relaxed">
-                在您需要的时候，我们始终在场。
-              </p>
-            </div>
-
-            <div className="mb-8">
-              <h3 className="text-xl font-semibold text-[#1C1C1C] mb-4 flex items-center gap-2">
-                <CheckCircle2 className="w-6 h-6 text-[#C41E3A]" />
-                核心价值点
-              </h3>
-              <div className="grid md:grid-cols-3 gap-4">
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">专属客户成功经理</span>
-                </div>
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">季度业务复盘会</span>
-                </div>
-                <div className="flex items-start gap-3 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <div className="w-2 h-2 bg-[#C41E3A] rounded-full mt-2" />
-                  <span className="text-[#1C1C1C]">7×24小时响应通道</span>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex justify-center">
-              <Button 
-                size="lg" 
-                className="bg-[#C41E3A] hover:bg-[#A01830] text-white"
-                onClick={() => {
-                  const element = document.getElementById('contact');
-                  if (element) {
-                    element.scrollIntoView({ behavior: 'smooth' });
-                  }
-                }}
-              >
-                了解陪跑服务
-                <ArrowRight className="ml-2 w-4 h-4" />
-              </Button>
-            </div>
-          </motion.section>
+          <ConsultingSection />
+          <TechSolutionSection />
+          <AccompanySection />
 
         </div>
       </div>
 
+      {/* 行业解决方案入口 */}
+      <section className="py-20 md:py-28 bg-[#F8F8F8]">
+        <div className="container-wide">
+          <div className="text-center mb-12">
+            <h2 className="text-3xl md:text-4xl font-bold text-[#1C1C1C] mb-3">
+              行业解决方案
+            </h2>
+            <p className="text-[#5C5C5C] text-lg">
+              针对不同行业的数字化痛点，提供定制化解决方案
+            </p>
+          </div>
+          <div className="grid md:grid-cols-2 gap-6 max-w-5xl mx-auto">
+            {SOLUTIONS.map((solution, index) => (
+              <FadeUp key={solution.id} delay={index * 0.1}>
+                <StaticLink href={`/solutions/${solution.id}`}>
+                  <div className="group p-6 md:p-8 bg-white rounded-2xl border border-[#E5E5E5] hover:border-[#C41E3A]/30 transition-all hover:shadow-lg">
+                    <div className="flex items-center gap-2 mb-3">
+                      <span className="inline-block px-3 py-1 bg-[#C41E3A]/10 text-[#C41E3A] text-xs font-semibold rounded-full">
+                        {solution.industry}
+                      </span>
+                    </div>
+                    <h3 className="text-xl font-bold text-[#1C1C1C] mb-2 group-hover:text-[#C41E3A] transition-colors">
+                      {solution.title}
+                    </h3>
+                    <p className="text-[#5C5C5C] text-sm mb-4 line-clamp-2">
+                      {solution.description}
+                    </p>
+                    <div className="flex items-center gap-1 text-[#C41E3A] text-sm font-semibold">
+                      查看方案
+                      <ArrowRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+                    </div>
+                  </div>
+                </StaticLink>
+              </FadeUp>
+            ))}
+          </div>
+        </div>
+      </section>
+
       <MethodologySection />
 
       <motion.div
@@ -253,15 +103,15 @@ export default function SolutionsPage() {
             无论您处于哪个阶段，我们都能为您提供合适的解决方案
           </p>
           <div className="flex justify-center gap-4">
-            <Button 
-              size="lg" 
+            <Button
+              size="lg"
               variant="outline"
               asChild
             >
               <StaticLink href="/contact">联系我们</StaticLink>
             </Button>
-            <Button 
-              size="lg" 
+            <Button
+              size="lg"
               className="bg-[#C41E3A] hover:bg-[#A01830] text-white"
               asChild
             >