feat(deploy): 添加 Docker 部署配置与 SSR 优化

- 添加 Dockerfile.static、docker-compose.server.yml 和 nginx-internal.conf
- 优化 Hero 统计数据为 SSR 渲染，提升首屏性能
- 更新案例数据为政府单位数字化解决方案
- 统计数据改为动态计算，基于案例数据和当前年份
- 修复计数器动画初始状态问题

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

@@ -5,7 +5,30 @@ import { StaticLink } from '@/components/ui/static-link';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { BackButton } from '@/components/ui/back-button';
-import { Users, Target, Quote, Clock, MessageCircle, Award, TrendingUp } from 'lucide-react';
+import {
+  Target,
+  Quote,
+  Clock,
+  MessageCircle,
+  Award,
+  TrendingUp,
+} from 'lucide-react';
+
+interface CaseKeyMoment {
+  title: string;
+  description: string;
+}
+
+interface CaseResult {
+  label: string;
+  value: string;
+}
+
+interface CaseTestimonial {
+  quote: string;
+  author: string;
+  role: string;
+}
 
 interface CaseItem {
   id: string;
@@ -16,6 +39,18 @@ interface CaseItem {
   slug: string;
   date: string;
   image?: string;
+  /** 客户面临的挑战 */
+  challenge: string;
+  /** 我们的解决方案 */
+  solution: string;
+  /** 关键时刻 */
+  keyMoments: CaseKeyMoment[];
+  /** 成果数据 */
+  results: CaseResult[];
+  /** 客户证言 */
+  testimonial: CaseTestimonial;
+  /** 合作时长 */
+  duration: string;
 }
 
 interface CaseDetailClientProps {
@@ -55,55 +90,54 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
             <h1 className="text-3xl sm:text-4xl lg:text-5xl font-semibold text-[#1C1C1C] mb-2">
               {caseItem.title}
             </h1>
-            <p className="text-lg text-[#5C5C5C]">
-              {caseItem.excerpt}
-            </p>
+            <p className="text-lg text-[#5C5C5C]">{caseItem.excerpt}</p>
           </div>
         </div>
       </div>
 
-        <div ref={contentRef} className="container-wide py-12 md:py-16">
-          <div
-            className={`
-              grid lg:grid-cols-3 gap-8 lg:gap-12
-              opacity-0 translate-y-4
-              ${isVisible ? 'animate-fade-in-up' : ''}
-            `}
-          >
-            <div className="lg:col-span-2 space-y-12">
-              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
-                <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
-                    <MessageCircle className="w-6 h-6 text-white" />
-                  </div>
-                  <h2 className="text-2xl font-semibold text-[#1C1C1C]">
-                    客户遇到的成长瓶颈
-                  </h2>
+      <div ref={contentRef} className="container-wide py-12 md:py-16">
+        <div
+          className={`
+            grid lg:grid-cols-3 gap-8 lg:gap-12
+            opacity-0 translate-y-4
+            ${isVisible ? 'animate-fade-in-up' : ''}
+          `}
+        >
+          <div className="lg:col-span-2 space-y-12">
+            {/* 客户遇到的成长瓶颈 */}
+            <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+              <div className="flex items-center gap-3 mb-6">
+                <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                  <MessageCircle className="w-6 h-6 text-white" />
                 </div>
+                <h2 className="text-2xl font-semibold text-[#1C1C1C]">
+                  客户遇到的成长瓶颈
+                </h2>
+              </div>
+              <p className="text-[#5C5C5C] leading-relaxed text-lg">
+                {caseItem.challenge}
+              </p>
+            </section>
+
+            {/* 我们如何智连未来 */}
+            <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
+              <div className="flex items-center gap-3 mb-6">
+                <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
+                  <Target className="w-6 h-6 text-white" />
+                </div>
+                <h2 className="text-2xl font-semibold text-[#1C1C1C]">
+                  我们如何智连未来
+                </h2>
+              </div>
+              <div className="prose prose-base max-w-none [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:text-[#1C1C1C] [&_h3]:mt-8 [&_h3]:mb-4 [&_p]:text-[#5C5C5C] [&_p]:leading-[1.8] [&_p]:mb-4 [&_p]:text-base">
                 <p className="text-[#5C5C5C] leading-relaxed text-lg">
-                  {caseItem.excerpt}
+                  {caseItem.solution}
                 </p>
-                <div className="mt-6 p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <p className="text-sm text-[#737373] italic">
-                    &ldquo;在找到睿新致远之前，我们面临着巨大的挑战...&rdquo;
-                  </p>
-                </div>
-              </section>
-
-              <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
-                <div className="flex items-center gap-3 mb-6">
-                  <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
-                    <Target className="w-6 h-6 text-white" />
-                  </div>
-                  <h2 className="text-2xl font-semibold text-[#1C1C1C]">
-                    我们如何智连未来
-                  </h2>
-                </div>
-                <div className="prose prose-base max-w-none [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:text-[#1C1C1C] [&_h3]:mt-8 [&_h3]:mb-4 [&_p]:text-[#5C5C5C] [&_p]:leading-[1.8] [&_p]:mb-4 [&_p]:text-base">
-                  <div dangerouslySetInnerHTML={{ __html: caseItem.content }} />
-                </div>
-              </section>
+              </div>
+            </section>
 
+            {/* 共同成长的故事 */}
+            {caseItem.keyMoments && caseItem.keyMoments.length > 0 && (
               <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
                 <div className="flex items-center gap-3 mb-6">
                   <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
@@ -114,31 +148,30 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                   </h2>
                 </div>
                 <div className="space-y-4">
-                  <div className="p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                    <div className="flex items-start gap-3">
-                      <Quote className="w-5 h-5 text-[#C41E3A] flex-shrink-0 mt-0.5" />
-                      <div>
-                        <h4 className="font-semibold text-[#1C1C1C] mb-2">关键时刻一</h4>
-                        <p className="text-sm text-[#737373]">
-                          在项目上线前夕，我们遇到了一个紧急的技术难题。睿新致远的团队连夜奋战，在凌晨3点找到了解决方案，确保了项目按时上线。
-                        </p>
+                  {caseItem.keyMoments.map((moment, index) => (
+                    <div
+                      key={index}
+                      className="p-4 bg-white rounded-lg border border-[#E5E5E5]"
+                    >
+                      <div className="flex items-start gap-3">
+                        <Quote className="w-5 h-5 text-[#C41E3A] flex-shrink-0 mt-0.5" />
+                        <div>
+                          <h4 className="font-semibold text-[#1C1C1C] mb-2">
+                            {moment.title}
+                          </h4>
+                          <p className="text-sm text-[#737373]">
+                            {moment.description}
+                          </p>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div className="p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                    <div className="flex items-start gap-3">
-                      <Quote className="w-5 h-5 text-[#C41E3A] flex-shrink-0 mt-0.5" />
-                      <div>
-                        <h4 className="font-semibold text-[#1C1C1C] mb-2">关键时刻二</h4>
-                        <p className="text-sm text-[#737373]">
-                          每季度，睿新致远的客户成功经理都会与我们进行业务复盘，帮助我们不断优化流程，提升效率。
-                        </p>
-                      </div>
-                    </div>
-                  </div>
+                  ))}
                 </div>
               </section>
+            )}
 
+            {/* 今天，他们走到了哪里 */}
+            {caseItem.results && caseItem.results.length > 0 && (
               <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
                 <div className="flex items-center gap-3 mb-6">
                   <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
@@ -148,36 +181,27 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                     今天，他们走到了哪里
                   </h2>
                 </div>
-                <div className="grid sm:grid-cols-3 gap-4 mb-6">
-                  <div className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors">
-                    <TrendingUp className="w-8 h-8 text-[#C41E3A] mb-3" />
-                    <div className="text-2xl font-semibold text-[#C41E3A] mb-1">
-                      300%
+                <div className="grid sm:grid-cols-3 gap-4">
+                  {caseItem.results.map((result, index) => (
+                    <div
+                      key={index}
+                      className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors"
+                    >
+                      <TrendingUp className="w-8 h-8 text-[#C41E3A] mb-3" />
+                      <div className="text-2xl font-semibold text-[#C41E3A] mb-1">
+                        {result.value}
+                      </div>
+                      <div className="text-sm text-[#737373]">
+                        {result.label}
+                      </div>
                     </div>
-                    <div className="text-sm text-[#737373]">业务处理效率</div>
-                  </div>
-                  <div className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors">
-                    <Users className="w-8 h-8 text-[#C41E3A] mb-3" />
-                    <div className="text-2xl font-semibold text-[#C41E3A] mb-1">
-                      95%
-                    </div>
-                    <div className="text-sm text-[#737373]">客户满意度</div>
-                  </div>
-                  <div className="p-6 bg-white rounded-lg border border-[#E5E5E5] hover:border-[#C41E3A] transition-colors">
-                    <Target className="w-8 h-8 text-[#C41E3A] mb-3" />
-                    <div className="text-2xl font-semibold text-[#C41E3A] mb-1">
-                      -40%
-                    </div>
-                    <div className="text-sm text-[#737373]">运营成本</div>
-                  </div>
-                </div>
-                <div className="p-4 bg-white rounded-lg border border-[#E5E5E5]">
-                  <p className="text-sm text-[#737373] italic">
-                    &ldquo;通过三年的合作，我们不仅实现了数字化转型，更重要的是建立了一个可持续发展的技术体系。&rdquo;
-                  </p>
+                  ))}
                 </div>
               </section>
+            )}
 
+            {/* 客户证言精选 */}
+            {caseItem.testimonial && (
               <section className="bg-gradient-to-br from-[#FFFBF5] to-white rounded-2xl p-8 border border-[#C41E3A]/20">
                 <div className="flex items-center gap-3 mb-6">
                   <div className="w-12 h-12 bg-[#C41E3A] rounded-xl flex items-center justify-center">
@@ -190,61 +214,73 @@ export function CaseDetailClient({ caseItem }: CaseDetailClientProps) {
                 <div className="p-6 bg-white rounded-lg border border-[#E5E5E5]">
                   <Quote className="w-8 h-8 text-[#C41E3A] mb-4" />
                   <p className="text-lg text-[#1C1C1C] leading-relaxed mb-4">
-                    睿新致远不像别的供应商，做完项目就消失了。这几年，每次遇到新问题，我第一个想到的还是给他们打电话——他们是真正的成长伙伴。
+                    {caseItem.testimonial.quote}
                   </p>
                   <div className="flex items-center gap-3">
                     <div className="w-12 h-12 bg-[#C41E3A] rounded-full flex items-center justify-center">
                       <span className="text-white font-semibold">客</span>
                     </div>
                     <div>
-                      <p className="font-semibold text-[#1C1C1C]">客户企业</p>
-                      <p className="text-sm text-[#737373]">CEO</p>
+                      <p className="font-semibold text-[#1C1C1C]">
+                        {caseItem.testimonial.author}
+                      </p>
+                      <p className="text-sm text-[#737373]">
+                        {caseItem.testimonial.role}
+                      </p>
                     </div>
                   </div>
                 </div>
               </section>
+            )}
+          </div>
+
+          {/* 侧边栏 */}
+          <div className="space-y-6">
+            <div className="p-6 bg-[#FAFAFA] rounded-lg border border-[#E5E5E5]">
+              <h3 className="text-lg font-semibold text-[#1C1C1C] mb-4">
+                项目信息
+              </h3>
+              <dl className="space-y-3">
+                <div>
+                  <dt className="text-sm text-[#737373]">客户名称</dt>
+                  <dd className="text-[#1C1C1C] font-medium">
+                    {caseItem.testimonial?.author || '客户企业'}
+                  </dd>
+                </div>
+                <div>
+                  <dt className="text-sm text-[#737373]">行业领域</dt>
+                  <dd className="text-[#1C1C1C] font-medium">
+                    {caseItem.category}
+                  </dd>
+                </div>
+                <div>
+                  <dt className="text-sm text-[#737373]">合作时长</dt>
+                  <dd className="text-[#1C1C1C] font-medium">
+                    {caseItem.duration || '3年'}
+                  </dd>
+                </div>
+                <div>
+                  <dt className="text-sm text-[#737373]">发布时间</dt>
+                  <dd className="text-[#1C1C1C] font-medium">{caseItem.date}</dd>
+                </div>
+              </dl>
             </div>
 
-            <div className="space-y-6">
-              <div className="p-6 bg-[#FAFAFA] rounded-lg border border-[#E5E5E5]">
-                <h3 className="text-lg font-semibold text-[#1C1C1C] mb-4">项目信息</h3>
-                <dl className="space-y-3">
-                  <div>
-                    <dt className="text-sm text-[#737373]">客户名称</dt>
-                    <dd className="text-[#1C1C1C] font-medium">客户企业</dd>
-                  </div>
-                  <div>
-                    <dt className="text-sm text-[#737373]">行业领域</dt>
-                    <dd className="text-[#1C1C1C] font-medium">{caseItem.category}</dd>
-                  </div>
-                  <div>
-                    <dt className="text-sm text-[#737373]">合作时长</dt>
-                    <dd className="text-[#1C1C1C] font-medium">3年</dd>
-                  </div>
-                  <div>
-                    <dt className="text-sm text-[#737373]">发布时间</dt>
-                    <dd className="text-[#1C1C1C] font-medium">{caseItem.date}</dd>
-                  </div>
-                </dl>
-              </div>
-
-              <div className="p-6 bg-gradient-to-br from-[#C41E3A] to-[#8B1429] rounded-lg text-white">
-                <h3 className="text-lg font-semibold mb-2">想要了解更多？</h3>
-                <p className="text-sm text-white/80 mb-4">
-                  联系我们的专家团队，获取定制化解决方案
-                </p>
-                <Button 
-                  className="w-full bg-white text-[#C41E3A] hover:bg-white/90"
-                  asChild
-                >
-                  <StaticLink href="/contact">
-                    联系我们
-                  </StaticLink>
-                </Button>
-              </div>
+            <div className="p-6 bg-gradient-to-br from-[#C41E3A] to-[#8B1429] rounded-lg text-white">
+              <h3 className="text-lg font-semibold mb-2">想要了解更多？</h3>
+              <p className="text-sm text-white/80 mb-4">
+                联系我们的专家团队，获取定制化解决方案
+              </p>
+              <Button
+                className="w-full bg-white text-[#C41E3A] hover:bg-white/90"
+                asChild
+              >
+                <StaticLink href="/contact">联系我们</StaticLink>
+              </Button>
             </div>
           </div>
         </div>
-      </main>
+      </div>
+    </main>
   );
 }

src/app/(marketing)/home-content.tsx

@@ -5,6 +5,7 @@ import { useSearchParams } from 'next/navigation';
 import dynamic from 'next/dynamic';
 import { HeroSection } from "@/components/sections/hero-section";
 import { SectionSkeleton } from "@/components/ui/loading-skeleton";
+import type { ReactNode } from 'react';
 
 const ServicesSection = dynamic(
   () => import('@/components/sections/services-section').then(mod => ({ default: mod.ServicesSection })),
@@ -46,7 +47,7 @@ const NewsSection = dynamic(
   }
 );
 
-function HomeContent() {
+function HomeContent({ heroStats }: { heroStats: ReactNode }) {
   const searchParams = useSearchParams();
 
   useEffect(() => {
@@ -80,7 +81,7 @@ function HomeContent() {
 
   return (
     <main className="min-h-screen bg-white dark:bg-(--color-bg-primary)">
-      <HeroSection />
+      <HeroSection heroStats={heroStats} />
       <ServicesSection />
       <ProductsSection />
       <CasesSection />

src/app/(marketing)/page.tsx

@@ -1,11 +1,12 @@
 import { Suspense } from 'react';
 import { HomeContent } from './home-content';
 import { SectionSkeleton } from '@/components/ui/loading-skeleton';
+import { HeroStatsSSR } from '@/components/sections/hero-stats-ssr';
 
 export default function HomePage() {
   return (
     <Suspense fallback={<SectionSkeleton />}>
-      <HomeContent />
+      <HomeContent heroStats={<HeroStatsSSR />} />
     </Suspense>
   );
 }