feat: add insights section to homepage

src/app/(marketing)/page.tsx

@@ -3,6 +3,11 @@
 import { Header } from "@/components/layout/header";
 import { Footer } from "@/components/layout/footer";
 import { HeroSection } from "@/components/sections/hero-section";
+import { StatsSection } from "@/components/sections/stats-section";
+import { SolutionsSection } from "@/components/sections/solutions-section";
+import { TechStackSection } from "@/components/sections/tech-stack-section";
+import { InsightsSection } from "@/components/sections/insights-section";
+import { CasesSection } from "@/components/sections/cases-section";
 import { AboutSection } from "@/components/sections/about-section";
 import { ServicesSection } from "@/components/sections/services-section";
 import { ProductsSection } from "@/components/sections/products-section";
@@ -14,6 +19,11 @@ export default function HomePage() {
     <main className="min-h-screen">
       <Header />
       <HeroSection />
+      <StatsSection />
+      <SolutionsSection />
+      <TechStackSection />
+      <InsightsSection />
+      <CasesSection />
       <AboutSection />
       <ServicesSection />
       <ProductsSection />

src/components/sections/insights-section.tsx

@@ -0,0 +1,129 @@
+'use client';
+
+import { useEffect, useState, useRef } from 'react';
+import { InsightCard } from '@/components/ui/insight-card';
+import { Button } from '@/components/ui/button';
+import { ArrowRight } from 'lucide-react';
+
+interface Insight {
+  id: string;
+  title: string;
+  excerpt: string;
+  category: string;
+  readTime: string;
+  publishedAt: string;
+  imageUrl?: string;
+  href: string;
+  featured?: boolean;
+}
+
+const MOCK_INSIGHTS: Insight[] = [
+  {
+    id: '1',
+    title: '2025年技术趋势：AI驱动的数字化转型',
+    excerpt: '深入探讨人工智能如何重塑企业技术架构，以及如何把握AI时代的机遇',
+    category: '技术趋势',
+    readTime: '8 分钟',
+    publishedAt: '2026-02-10',
+    imageUrl: '/insights/ai-trend.jpg',
+    href: '/insights/ai-trend-2025',
+    featured: true,
+  },
+  {
+    id: '2',
+    title: '微服务架构最佳实践指南',
+    excerpt: '从单体应用到微服务的演进之路，包含实战案例和避坑指南',
+    category: '架构设计',
+    readTime: '12 分钟',
+    publishedAt: '2026-02-08',
+    imageUrl: '/insights/microservices.jpg',
+    href: '/insights/microservices-best-practices',
+  },
+  {
+    id: '3',
+    title: '云原生技术栈选型指南',
+    excerpt: 'Kubernetes、Docker、Service Mesh等技术栈的深度对比与选型建议',
+    category: '云原生',
+    readTime: '10 分钟',
+    publishedAt: '2026-02-05',
+    imageUrl: '/insights/cloud-native.jpg',
+    href: '/insights/cloud-native-stack-guide',
+  },
+];
+
+export function InsightsSection() {
+  const [isVisible, setIsVisible] = useState(false);
+  const sectionRef = useRef<HTMLElement>(null);
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setIsVisible(true);
+        }
+      },
+      { threshold: 0.1 }
+    );
+
+    if (sectionRef.current) {
+      observer.observe(sectionRef.current);
+    }
+
+    return () => observer.disconnect();
+  }, []);
+
+  return (
+    <section
+      id="insights"
+      ref={sectionRef}
+      className="py-24 bg-[#FAFAFA]"
+    >
+      <div className="container-wide">
+        <div
+          className={`
+            text-center mb-16
+            opacity-0 translate-y-4
+            ${isVisible ? 'animate-fade-in-up' : ''}
+          `}
+        >
+          <h2 className="text-3xl sm:text-4xl font-semibold text-[#171717] mb-4">
+            技术洞察
+          </h2>
+          <p className="text-lg text-[#737373] max-w-2xl mx-auto">
+            分享前沿技术趋势、最佳实践和深度思考，助力企业数字化转型
+          </p>
+        </div>
+
+        <div
+          className={`
+            grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12
+            opacity-0 translate-y-4
+            ${isVisible ? 'animate-fade-in-up stagger-1' : ''}
+          `}
+        >
+          {MOCK_INSIGHTS.map((insight) => (
+            <InsightCard key={insight.id} {...insight} />
+          ))}
+        </div>
+
+        <div
+          className={`
+            text-center
+            opacity-0 translate-y-4
+            ${isVisible ? 'animate-fade-in-up stagger-2' : ''}
+          `}
+        >
+          <Button
+            variant="outline"
+            size="lg"
+            className="group"
+            onClick={() => window.location.href = '/insights'}
+          >
+            查看全部洞察
+            <ArrowRight className="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" />
+          </Button>
+        </div>
+      </div>
+    </section>
+  );
+}